WebAssembly 是一种在Web上运行字节码的编译型语言。 相对于 Javascript，WebAssembly 提供了可预测的性能。对于一些高性能的计算，WebAssembly 会更加合适。

React 发布已经十年了，笔者接触前端差不多也有十年时间了。通过这篇文章，你就可以知道这快速发展的 10 年，前端渲染模式的演变和关系脉络，知其然，也知其所以然。

任何新技术、新产品都是有一定适用场景的，它可能在当下很流行，但它不一定在任何时候都是最优解。在被微前端坑了几次之后，回过头发现，iframe真香！

前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。 老司机们很快地给出答案：main 字段中指定的文件。 浏览器/服务端都可以使用。 如果我们需要开发一个 npm 包同时兼容支持 web端 和 server …

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

上一文《前端也要懂的解耦思想：从面向对象到面向接口》我们已经通过依赖倒置原则（DIP），将模块间的依赖关系从具体实现细节转化成了抽象需求接口，即所谓的面向接口编程，从而实现了很大程度上的解耦。个人目前所遇到的前端项目，通过DIP原则+TS已经可以足够好的处理耦合关系。但随着工程…

前端似乎很少谈设计思想，大部分的编程思想和设计模式都是来自于后端的经验和总结。但是随着前端工程化越来越重，促使我们这些前端切图仔也不得不开始关注编程思想和设计模式。从面向过程到面向对象，所有编程理念和思想的提出，本质上是为了调和程序员稳定的个体智力水平和程序不断上升的复杂度之间…

曾经有一段优美的代码放在我面前，我没有珍惜。直到现在每天面对代码屎山手足无措时，才追悔莫及！尘世间最大的痛苦莫过于此，如果上天给我再来一次的机会，我一定对这段代码说三个字 —— 六，六，六！！！

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标