scottldy

useEffect 是异步执行，不阻塞渲染，useLayoutEffect 是同步执行，会阻塞渲染。

在今年 4 月份时，公司内部要新起一个业务项目，正好在这之前 React 17 跟 create-react-app 最新版本 4.0 发布了，就打算用新版 CRA 升级一下公司内部老旧的脚手架（其实

React 的 key 相信大家都很了解，也不用我多说。但是平时对于key的使用可能没有那么严格，有可能不给 key ，有可能给 index ，其实一般来说不会出什么问题，顶多就是性能上会有一些损失，但是在某些特定的情况下使用不当也可能会导致 bug ，比如下面这种情况。 在一…

2019 年前端测试依然是一个炙手可热的话题。笔者在今年 5 月份参加 Vueconf 的时候，Vue 单元测试的主题演讲者曾向现场的参与者发出提问，有多少团队引入了单元测试，意外的是只有寥寥数人举起了手。尽管，那个时候笔者的团队也还没有引入前端测试，但是考虑到测试的必要性，且…

在产品迭代过程中，上面的 case 一个函数的参数从 2 个发展到了 7 个，优雅的代码逐渐变为不可维护。 这是什么问题？这归咎于日益增长的需求，快速响应和代码质量之间的矛盾。 制定代码规范肯定是需要的，那如何约束代码呢？规范文档宣讲，再凭借开发同学的自我修养？答案是：无法保证…

pm2 是 node 进程管理工具，可以利用它来简化很多 node 应用管理的繁琐任务，如性能监控、自动重启、负载均衡等，因为在工作中遇到服务器重启后，需要一个个去重新启动每个服务，这样不仅繁琐、效率低，而且容易遗忘开启一些服务，所以特地对 pm2 进行一次比较全面的学习+实践…

现在前端与后台通信，一般都是采用的异步请求的方式，这样接口互不干扰，页面各部分渲染自己的数据，就好比我们定时蒸米饭，蒸饭过程中去炒菜了，焖饭在进行，时间到了后，我们收到通知饭闷好了。目前前端主要使用 ES6 的 promise ， ES7 中的 async await 去实现异…

2016年 Google 在 I/O 大会上提出一个 Next Web Generation 的概念 —— PWA 横空出世，2017年始开始流行，目前虽未完全成熟，但越来越火爆，可以预见未来前景广阔。你还在等什么？ PWA（Progressive Web App）[1]， 渐…