实现聚焦效果
这是之前朋友问我的一个功能:他觉得看网页有时候注意力会被转移,希望可以有个蒙层帮助他集中注意力,反手我就用 box-shadow 把功能写了出来。
了解虚拟列表背后原理,轻松实现虚拟列表
比如 umy-ui (ux-table)虚拟列表table组件, vue-virtual-scroller 以及 react-virtualized 这些优秀的插件快速满足业务需要。为了理解插件背后的原理机制,我们实现一个自己简易版的虚拟列表,希望在实际业务项目中能带来一些思考和帮助。
css利用attr()函数 - 实现文字移动效果
元素可以有自定义的属性值,它的命名格式通常为data-*attr(),用于获取元素的这种自定义属性值,并赋值给其伪元素的content作为其生成的内容利用这个函数
六种老而不死的编程语言!
现在的开发人员都趋向于使用新的编程语言,那么旧的编程语言呢?它们的前途一般是这样两种:仍然可以使用,但逐渐不受大家欢迎;直接完全死去。
axios源码解析 - 请求方法的别名实现
axios中的创建请求方式很多,比如axios(url),axios.get(url),axios.post(url),axios.delete(url),方便快捷的api设计让axios火得一塌糊涂。
JavaScript 框架发展的四个时代,以后的发展方向是什么?
我选择的第一个框架实际上是Angular 1。彼时,我基于FuelPHP后端开发了一个相当大的应用程序。在功能上,每当重新渲染子路由/出口时,路由器就会闪烁,这一点是我们在开发过程中没有考虑过的突发情况
forEach如何修改原数组和sort排序经典场景
forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数;回调函数中传递三个参数:第一个参数,就是当前正在遍历的元素
vue3中toRaw函数和markRaw函数
在setup函数中,我们通过ref和reactive函数创建响应式数据,其特点是,每次修改数据都会更新UI界面,这样的问题是非常消耗性能。所以,如果我们有些时候,有些操作可以不需要每次修改数据都去更新UI界面
JS中Object的Keys是无序的吗?
在最开始学习 JavaScript 时,我一直被灌输 Object 中的 Key 是无序的,不可靠的,而与之相对的是 Map 实例会维护键值对的插入顺序。在一些现代的浏览器中,keys 输出顺序是可以预测的!