1m

从 2.3MB 到 280KB：我是如何给前端 JS「瘦」身的 去年接手一个电商项目时，我遇到了个棘手问题：首屏加载要等 5 秒多，用户投诉像在看「加载动画展」。打开 Chrome 开发者工具一看，主

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助你成为基建大师。

大家好，我是柒八九。 在如今的互联网大环境下，每天都充斥着各种负能量。有可能，你上午还在工位摸鱼，下午HR已经给你单独开小灶，很煞有介事的通知你，提前毕业了。在这个浮躁的互联网环境下，总有一种我们永远

本文针对面试环节简单讲述了React的事件机制、渲染原理、以及fiber架构等等，内容全面，知识点丰富。

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f599a80e053a4f74acde695a8b843499~tplv

fiber架构 fiber架构是为了支持react进行可中断渲染，降低卡顿，提升流畅度。 react16之前的版本，diff虚拟dom时候是一口气完成的。这可能造成卡顿，因为人眼可识别的帧率是1s 6

React 为我们提供了一套虚拟的事件系统，这套虚拟事件系统是如何工作的，笔者对源码做了一次梳理，整理了下面的文档供大家参考。 在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要…

所谓类组件，就是基于 ES6 Class 这种写法，通过继承 React.Component 得来的 React 组件。以下是一个典型的类组件： 组件的属性props是只读的，调用者可以传递参数到props对象中定义属性，调用者可以直接将属性作为组件内的属性或方法直接调用。往往…

在一个疯狂星期四的下午两点，海投了一下滴滴，很快阿两点半就要了简历，但是当时的感受是会像大部分大厂一样，要了简历后就石沉大海了无音讯了，原本以为这个亦是如此，结果出乎意料的在四点中收到了人事的约面，时