所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

今天简单练习了一下从Dribbble上找灵感然后用前端技术将动画实作出来的过程，或许没有什么新的东西，但希望能给大家带来点启发， 我自己平常没事在家做点有趣的动画或CSS，自娱一下！

前言（本文背景） 网上有很多讲解 Event Loop 的文章，但大多数都过于片面，少数相对全面的也仍有一些知识盲区，甚至一些文章还传播错误的知识，结果就是让我们 似懂非懂。这篇文章让你彻底弄懂！

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

从MDN对于box-shadow的描述，则认为通常的 box-shadow属性有，阴影效果在X&Y轴的偏移量，其次是模糊度半径、扩散度半径和阴影颜色。 轻拟物，在于一个“轻”字，区别于完全的拟物，是一种轻量化的趋近真实物体的视觉表达。 毋庸置疑，轻拟物风格，给用户传达…

大家好，我是 Steven。 虽然我不打机，但我都知道 赛博朋克 2077 这个游戏，在它的网页上，有一个 Available Now 的按钮，当游标移到它之上的时候，会有一个好像故障的毛刺效果。 这一期，我们就会模仿并且实现这个效果。 打开 CodePen 编辑器 ( htt…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

(a, b) => b - a 是降序。 可见sort排序对整数可以，类似版本号这个格式就不适用了，因为sort函数在比较字符串的时候，是比较字符串的Unicode进行排序的。 14. 对象转数组

. VS = 操作符优先级 可以好好想一想，你会茅塞顿开的。 这里贴上 Array.prototype.map 的 polyfill. JavaScript默认使用字典序(alphanumeric)来排序。因此结果是[1,10,2,5] 期望输出的是0,1,2,实际上却不会。原…