秋末寒雨

本文先从浏览器的渲染过程来从头到尾的讲解一下回流重绘，如果大家想直接看如何减少回流和重绘，优化性能，可以跳到后面。（这个渲染过程来自MDN） Display:将像素发送给GPU，展示在页面上。（这一步其实还有很多内容，比如会在GPU将多个合成层合并为同一个层，并展示在页面中。而…

随着2018年2月15号webpack4.0.0出来已经有一段时间了，webpack依靠着“零配置”，“最高可提升98%的速度”成功吸粉无数，对于饱受项目打包时间过长的我，无疑是看到了曙光，于是决定开始试水。 随着项目的不断迭代，样式文件和js文件的数量越来越多，造成webpa…

笔者所在的趣店 FED 早在去年 10 月份就已全面使用 Taro 框架开发小程序（当时版本为 1.1.0-beta.4），至今也上线了 2 个微信小程序、2 个支付宝小程序。 之所以选用 Taro，解决微信小程序原生开发的痛点是一方面，另一方面团队也有多端统一开发的诉求，Ta…

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

1. 引言 本周的精读是有感而发。 也就是专家们变得越来越不关心技术细节。需要说明是的，这里说的专家不再关心细节，不代表成为专家后学不会细节，也不代表专家不了解细节。 早期挺难理解这种转变的，笔者在学校里的知名度来自于前端做得精深，一根筋钻研技术的人眼里是容不下沙子的，所以当初…

1. 工厂模式：用函数来封装，以特定接口创建对象的细节 2. 构造函数模式： 3. 原型模式 可以给原生引用类型（Object、Array、String。。。）添加修改方法 4. 组合使用构造函数模式和原型模式：（定义引用类型的一种默认模式） 5. 动态原型模式： 6. 寄生构…

该篇文章主要是介绍了ES9新加的一些特性。 1. 异步迭代 在async/await的某些时刻，你可能尝试在同步循环中调用异步函数。例如： 这段代码中，循环本身依旧保持同步，并在在内部异步函数之前全部调用完成。 ES2018引入异步迭代器（asynchronous iterat…