加载中
【随笔】移动端input type|语义与IOS按键

基于iOS对web页面的规则,input的type为不同值时软键盘的弹出规则尤其是右下角按键名就非常值得注意。 以为例,在安卓段展示正常,右下角是一个蓝白“搜索图标”。但iOS仍然遵循默认“换行....

07/22 00:34
77
小tips;CSS和JS“通信”

假如我有一个需求,必须通过 js 执行动画,还得让 css 去配合。 拿一个简单却不太恰当的例子来说:opacity‘一闪一闪’效果的实现。传统Vue必须要利用“动态style”。

07/05 18:00
51
虚拟滚动列表和css虚拟滚动【有思考】

虚拟滚动列表助力性能优化 我所理解的是,虚拟滚动需要一次性获取所有数据,但是只渲染显示屏幕可见范围内的那些。 要做到这些我需要知道: 一行的高度 屏幕范围内能显示的行数 列表在页面中...

06/17 19:15
94
小tips:页面滚动到关闭时的位置与不滚动

标题显而易见,要说两种情况:重新打开页面或者返回某个页面时滚动到上次离开时的位置,以及不滚动保持在顶部。 滚动 这也有两种情况:页面重新打开,与返回某个页面。 如果是前者,必定用c...

06/03 19:12
56
浅尝Facebook发送消息背后的用户体验行为

我确实对Facebook聊天行为做了一些研究。并且我觉得它对各方面的处理极具美观,比如聊天框、图片的处理、引用的处理、头像、状态的变化等。这打破了我“聊天功能太容易了”的固有想法。 处理...

05/22 21:49
50
用户体验思考与flex三坑:元素不均分、溢出不省略和垂直不滚动

flex已经越来越成为前端不可避免的话题。曾经为了搞清flex的原理偶然画了一张图。但后来发现只是冰山一角。 在某些你想实现的交互效果中使用flex后可能会发现并不起作用。通过我的实践,大致...

05/15 22:17
55
无感token刷新,我是怎么做的

最近总是回想起大三时为了体(装)验(逼)提出要在学校新版系统中加入无感刷新token的功能。当时只是听到这个玩意甚至还没搞明白是咋回事,于是直到几个月后出来实习也没真正加上这个功能。 先说...

04/30 23:40
119
前端监控和页面卡顿

上一篇文章结尾提到了一个对图片(图片!不是图像!)至关重要的点:采样、量化和编解码。 图像的显示需要GPU和CPU两者配合,CPU主要负责视图的创建,布局的计算和视图的绘制,然后进行图片的解...

04/26 04:25
73
图片和web性能小论

图片让web性能变得复杂,也变得有趣了。 相信初学者一定看到过这样的案例:“当你在HTML中将一张500*500像素的图像缩小,就会带来不必要的下载开销。” ...

03/26 17:45
61
「新组件√」微信小程序图片拖拽排序探索

图片上传组件是一个组件库目前来看必不可少的功能了。笔者近日给自己开源的toy工具库也添加了这一功能。相比原生和大部分组件库来说,它不仅支持长按提示删除,还能够支持图片的拖拽排序,很...

03/03 02:52
152
css和图片主题色

这个想法是来源于「性能优化」中的骨架屏: 在图片居多的站点中,这将是非常nice的体验 —— 图片加载通常是比较让人难受的,好的骨架中一般占位图就是低像素的图片,即大体配色和变化是和实...

02/18 17:30
108
小谈picture、响应式和用户体验

HTML5提出的标签非常实用,在新时期用户体验大方向上可以结合css以及其它HTML元素达到意想不到的效果。 picture往往和元素(可以多个)、元素(最多一个)一同使用。 source 1. srcset:接....

01/30 07:00
63
小小小tip:避免滚动条显隐对页面其他元素的影响

点这里直接到下面看解决方案 自古以来,滚动条都是用户体验大难关,也在不断进化。一者滚动条样式在浏览器间表现不一致,从而有人提出“顶部阅读进度”方案;二者在window下,滚动条本身是占...

01/21 22:45
71
『可组合的Vue』别样的“小组件”设计

最近在设计笔者所在组自己的组件库。从设计上看,一个组件库是否“成功”取决于前期的设计 —— 我决定用上ITCSS模型。为这个组件的团队维护、扩展打下坚实的基础。但这还不够,组件库最重要...

01/13 01:04
74
我对vue中组件通信的思考以及provide&inject源码解析

一般来说,在vue中进行通信绝大多数人最先想到的一定是vuex。 然而,随着实践的增加,一定会发现,有时候vuex 并不是我们需要的“答案”: 繁琐冗余的vuex,带来了你可能并不需要用到的API,...

2021/12/27 21:30
62
小tips:如何摆脱浏览器下12px的限制

目前Chrome浏览器依然没有放开12px的限制,但Chrome仍然是使用人数最多的浏览器。 在笔者开发某个项目时突发奇想:如果实际需要11px的字体大小怎么办?这在Chrome中是实现不了的。关于字体,...

2021/12/21 18:06
64
vue3中的vue-router简单实现以及router变迁带来的思考

jQuery 以及之前的时候,前端工程师并不需要了解路由的概念。对于每次的页面跳转,都由后端开发人员来负责重新渲染模板。前端依赖后端,并且前端不需要负责路由的这种开发方式,这样开发速度...

2021/12/11 19:39
178

没有更多内容

加载失败,请刷新页面

返回顶部
顶部