1
2
3
4
5
6
7
连击 天
fork: star:
加载中
原
让mixin为项目开发助力
背景 我们通常会遇到这么一个场景：有几个基本功能一样的组件，但是他们之间又存在着足够的差异。这时候你就来到了一个岔路口：我是把他们“按部就班”地写成不同的组件呢？还是保留为一个“...
原
【随笔】移动端input type｜语义与IOS按键
基于iOS对web页面的规则，input的type为不同值时软键盘的弹出规则尤其是右下角按键名就非常值得注意。 以为例，在安卓段展示正常，右下角是一个蓝白“搜索图标”。但iOS仍然遵循默认“换行....
原
小tips；CSS和JS“通信”
假如我有一个需求，必须通过 js 执行动画，还得让 css 去配合。 拿一个简单却不太恰当的例子来说：opacity‘一闪一闪’效果的实现。传统Vue必须要利用“动态style”。
原
虚拟滚动列表和css虚拟滚动【有思考】
虚拟滚动列表助力性能优化 我所理解的是，虚拟滚动需要一次性获取所有数据，但是只渲染显示屏幕可见范围内的那些。 要做到这些我需要知道： 一行的高度 屏幕范围内能显示的行数 列表在页面中...
原
小tips：页面滚动到关闭时的位置与不滚动
标题显而易见，要说两种情况：重新打开页面或者返回某个页面时滚动到上次离开时的位置，以及不滚动保持在顶部。 滚动 这也有两种情况：页面重新打开，与返回某个页面。 如果是前者，必定用c...
原
浅尝Facebook发送消息背后的用户体验行为
我确实对Facebook聊天行为做了一些研究。并且我觉得它对各方面的处理极具美观，比如聊天框、图片的处理、引用的处理、头像、状态的变化等。这打破了我“聊天功能太容易了”的固有想法。 处理...
原
用户体验思考与flex三坑：元素不均分、溢出不省略和垂直不滚动
flex已经越来越成为前端不可避免的话题。曾经为了搞清flex的原理偶然画了一张图。但后来发现只是冰山一角。 在某些你想实现的交互效果中使用flex后可能会发现并不起作用。通过我的实践，大致...
原
无感token刷新，我是怎么做的
最近总是回想起大三时为了体(装)验(逼)提出要在学校新版系统中加入无感刷新token的功能。当时只是听到这个玩意甚至还没搞明白是咋回事，于是直到几个月后出来实习也没真正加上这个功能。 先说...
原
前端监控和页面卡顿
上一篇文章结尾提到了一个对图片(图片！不是图像！)至关重要的点：采样、量化和编解码。 图像的显示需要GPU和CPU两者配合，CPU主要负责视图的创建，布局的计算和视图的绘制，然后进行图片的解...
原
小小Tips：更进一步“突破浏览器12px限制”
之前写过一篇文章「小tips：如何摆脱浏览器下12px的限制」，不少人觉得“有点东西”。文中提到的“transform: scale()”方法也是利用了CSS中 transform 的特点，可以说兼顾了效果和性能。 但...
原
图片和web性能小论
图片让web性能变得复杂，也变得有趣了。 相信初学者一定看到过这样的案例：“当你在HTML中将一张500*500像素的图像缩小，就会带来不必要的下载开销。” ...
原
「新组件√」微信小程序图片拖拽排序探索
图片上传组件是一个组件库目前来看必不可少的功能了。笔者近日给自己开源的toy工具库也添加了这一功能。相比原生和大部分组件库来说，它不仅支持长按提示删除，还能够支持图片的拖拽排序，很...
原
css和图片主题色
这个想法是来源于「性能优化」中的骨架屏： 在图片居多的站点中，这将是非常nice的体验 —— 图片加载通常是比较让人难受的，好的骨架中一般占位图就是低像素的图片，即大体配色和变化是和实...
原
小谈picture、响应式和用户体验
HTML5提出的标签非常实用，在新时期用户体验大方向上可以结合css以及其它HTML元素达到意想不到的效果。 picture往往和元素（可以多个）、元素（最多一个）一同使用。 source 1. srcset：接....
原
小小小tip：避免滚动条显隐对页面其他元素的影响
点这里直接到下面看解决方案 自古以来，滚动条都是用户体验大难关，也在不断进化。一者滚动条样式在浏览器间表现不一致，从而有人提出“顶部阅读进度”方案；二者在window下，滚动条本身是占...
原
三探【文字溢出省略】：纯css实现“任意行数”截断处理
笔者之前有过对此功能的两次探究： https://blog.csdn.net/qq_43624878/article/details/110124299 这篇文章主要描述了文本溢出省略功能的实现，以及用js大致模拟了其原理和如何用js动态实现...
原
『可组合的Vue』别样的“小组件”设计
最近在设计笔者所在组自己的组件库。从设计上看，一个组件库是否“成功”取决于前期的设计 —— 我决定用上ITCSS模型。为这个组件的团队维护、扩展打下坚实的基础。但这还不够，组件库最重要...
原
我对vue中组件通信的思考以及provide&inject源码解析
一般来说，在vue中进行通信绝大多数人最先想到的一定是vuex。 然而，随着实践的增加，一定会发现，有时候vuex 并不是我们需要的“答案”： 繁琐冗余的vuex，带来了你可能并不需要用到的API，...
原
小tips：如何摆脱浏览器下12px的限制
目前Chrome浏览器依然没有放开12px的限制，但Chrome仍然是使用人数最多的浏览器。 在笔者开发某个项目时突发奇想：如果实际需要11px的字体大小怎么办？这在Chrome中是实现不了的。关于字体，...
原
vue3中的vue-router简单实现以及router变迁带来的思考
jQuery 以及之前的时候，前端工程师并不需要了解路由的概念。对于每次的页面跳转，都由后端开发人员来负责重新渲染模板。前端依赖后端，并且前端不需要负责路由的这种开发方式，这样开发速度...
没有更多内容
加载失败，请刷新页面
删除文章
文章删除后无法恢复，确定删除此文章吗？
删除动弹
动弹删除后，数据将无法恢复
公众号
视频号
问题反馈
深圳市奥思网络科技有限公司版权所有
粤ICP备12009483号
评论删除后，数据将无法恢复