文本内容较多（原理+实践），讲解较为详细，大约10分钟才能阅读完。 虽然题目看起来有点像写给前端同学的一样，但是本文实际上是适合所有想学习 Nginx 但不知道如何下手的同学。

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

本文是《PWA学习与实践》系列的第三篇文章。文中的代码都可以在learning-pwa的sw-cache分支上找到（git clone后注意切换到sw-cache分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与…

在移动设备（如手机）上进行网页开发一般都会加上上面一段代码内容。先看看不加时候的表现： 这里使用了Chrome的远程调试，移动端设备是小米手机，使用的浏览器是Chrome。（也可以使用Chrome开发

React Scheduler 为什么使用 MessageChannel 呢？为什么不使用 setTimeout 或 requestAnimationFrame 实现呢？

从 18 年毕业至今，在两家大公司主要都是从事 h5 开发，期间参与过很多大型活动的 h5 开发。在活动期间，考虑更多的还是页面的稳定性和容灾方案，面对大流量峰值在资源有限的情况下保证页面稳定确实是一

Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷…

1. 初始化阶段 2. 更新阶段 3. 卸载阶段 这里需要注意的是更新阶段，componentWillReceiveProps是由父组件触发的更新，只要父组件更新，子组件的该生命周期就会被执行，跟props无关。同是，shouldComponentUpdate可以用来做性能优化…

什么是微前端？ 要回答这个问题，需要从 why, how, what 三个方面来讲 why: 随着公司业务的膨胀，处理业务的系统数量也跟着膨胀，运营人员处理一单业务需要在各个系统之间来回穿梭。 为了使