大家好，我卡颂。 由于如下原因，React的事件系统代码量很大： 需要抹平不同浏览器的差异 与内部的优先级机制绑定 需要考虑所有浏览器事件 但如果抽丝剥茧会发现，事件系统的核心只有两个模块： Synt

一个复杂的应用都是由简单的应用发展而来的, 随着越来越多的功能加入项目, 代码就会变得越来越难以控制. 本文章主要探讨在大型项目中如何对组件进行组织, 让项目具备可维护性. 1. 组件设计的基本原则 2. 基本技巧 3. 组件的分类 4. 目录划分 5. 模块 6. 拆分 7.…

前段时间一直在研究react ssr技术，然后写了一个完整的ssr开发骨架。今天写文，主要是把我的研究成果的精华内容整理落地，另外通过再次梳理希望发现更多优化的地方，也希望可以让更多的人少踩一些坑，让跟多的人理解和掌握这个技术。 相信看过本文（前提是能对你的胃口，也能较好的消化…

webpack打包产物解析及原理（含cjs/esm/代码分离/懒加载） 以下结论都是是通过一步一步实际测试，然后分析打包产物，来解析原理 以小见大，先从简单的入手 先纯cjs，在纯esm，在混用，在分

本文介绍按需加载原理，抽象语法树及其操作，以及babel插件开发，webpack loader开发。如何实现一个加强版的按需加载插件

在跨平台客户端开发中，H5是使用最为广泛的方式，它既可以运行在iOS中，也可以运行在Android中，还可以运行在web浏览器中，可以说是"write once, run anywhere"。但是，H5最为人诟病的就是用户体验不如native流畅，特别是对于低端机型和较差的网络…

什么是硬件加速？ 合成层的“层”与层叠上下文的“层”是一个东西吗？ 层爆炸、层压缩是什么？ 都说要减少回流、重绘，怎样利用硬件加速做到？

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普及，我们早已习惯了基于 …

window.requestIdleCallback()方法将在浏览器的空闲时段内调用的函数排队。这使开发者能够在主事件循环上执行后台和低优先级工作 该图中的两个帧，在每一帧内部，TASK和redering只花费了一部分时间，并没有占据整个帧，那么这个时候，如图中idle pe…