唯奋斗

需求越多，代码数量越多，代码复杂度指数上升，某一个需求的迭代，都可能涉及很多地方的修改，维护成本过高，反而抑制了业务的迭代速度。 前端复杂度拆分主要包括：框架、通用组件、业务组件、业务逻辑。 当框架和

查看commit内容 git show或git log -n1 -p; 都能查看到commit的message，修改的文件，修改的具体内容。 git log只能看到message，author，dat

渐进式网页渲染指标 指标名 中文 全称 描述 FP 首次绘制 First Paint 标记浏览器渲染任何在视角上不同于导航前屏幕内容的时间点 FCP 首次内容绘制 First Contentful P

什么是DOM html文件字节流是无法直接被渲染引擎理解的，所以要将其转化为渲染引擎能够理解的内部结构，这个结构就是DOM。简言之，DOM是表述HTML的内部数据结构，它会将web页面和js脚本连接起

高阶组件（HOC）是React中用于复用组件逻辑的一种高级技巧。HOC自身不是React API的一部分，它是一种基于React的组合特性而形成的设计模式。 HOC是参数为组件，返回值为新组件的函数。

为什么要做组件化？根据业务模型，基于ui的抽象进行技术抽象。组件化如何进行样式隔离，如何做数据通讯？

从webpack的打包环节一步步地去对每个环节进行优化，包括优化搜索时间，优化解析时间，优化压缩时间，优化二次打包时间等。

CDN的加速实现原理： 最简单的CDN网络由一个CDN服务器加上多个缓存服务器组成： 当用户点击网页上的内容url，经过本地DNS系统解析，DNS系统会最终将域名的解析权交给CNAME指向的CDN专用

封装一个前端组件，需要考虑的一些标准化的问题。做到独立性，以低耦合高内聚作为组件的编写，让组件更加通用