让 2019 来得更迅速吧~ 你正在阅读的是 2019 年前端性能优化年度总结，始于 2016。 52. 迁移到 HTTPS，然后启用 HTTP/2 53. 合适地部署 HTTP/2 54. 你的服务器和 CDN 支持 HTTP/2 吗？ 55. OCSP Stapling 是…

写了一篇关于React Fiber架构的文章，详细介绍了React16的整体优化思路，及大致的实现过程， https://zhuanlan.zhihu.com/p/37095662

在优化方面，Webpack 能做的很多，比如压缩混淆之类。 可以看 Webpack 官网的 IgnorePlugin 介绍，他就是拿 moment 举例子的.... 说起首屏优化，不得不提的一个就是服务端优化。现在的 SPA 应用是利用 JS 脚本来渲染。在脚本执行完之前，用户…

之前看到系统自带的画图工具， 感觉挺有意思， 于是用react和canvas实现了个简易画图工具， 不用react也行， 我主要是因为在原来的项目里写的， 所以用了react。 首先给canvas添加mousedown, mousemove, mouseup三个监听事件。 当鼠…

本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如 key 的使用。另外本文不详细的介绍 API 的使用，后面也许会写，其实想用好 hooks 还是蛮难的。 有过 React 函数式组件的实践，并且对 hooks 有过实践，对 useState、use…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

团队中每个开发人员的水平不同，技术关注点不同，如果没有一份代码规范的参照和约束，那么项目中的代码将会风格迥异，难以维护，为保证代码质量和风格统一，特此拟定一份《团队React 代码规范》，这样整个团队的开发人员可以参照这份代码规范进行编码，从而让团队的代码风格统一，利于维护。如…

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…