前言 这篇文章是个人总结的Web3开发学习路线图，希望能够帮助更多的开发者更方便的进入Web3的开发。 在本来开头需要说明的是，Web3是一个包含了很多领域的概念，不讨论币圈和链圈的划分，Web3包括

⁣React 的工作流程是什么？我们可以在哪些阶段进行性能优化呢？ 如果 React 项目中出现了卡顿，我们可以采用哪些性能优化技巧？ 如何通过 React Profiler 定位性能问题？

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

这是一份超详细的阿里前端p6/p6+/p7的水平和素质参考路线，也可理解为知识图谱。 来自阿里淘系技术部的前端技术专家磐冲，总结了一下之前所有的面试经历，写下自己总结的方法，希望能给前端同学一个参考。

先抛出一个尖锐问题：MPA 多页应用或微前端架构，如何处理页面的公共部分。 引入公共模板，这样在访问页面时会直接渲染公共部分。 但如果是现代化工程（比如 React），可前后端又未分离的MPA项目（页面仍由后端渲染，Dom 渲染交由 React 接管），我们就会将构建后的资源文…

工欲善其事，必先利其器！ VSCode作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集40+插件，总有几款你还未曾拥有。

大力智能前端基础架构团队在为业务项目优化编译速度的过程中，对基于 webpack 的编译过程进行了研究。本文对此进行展开在源码层面讲解 webpack 的编译原理。

如何实现多个独立项目间的组件共享？联邦模块（Module Federation）是webpack5提供的一个新特性，通过它你只需要几行配置就可以实现，它让我们的可以更加优雅的实现跨应用的代码共享。

1、脚手架的简单雏形；2、脚手架工具体系；3、手写自己的脚手架；4、yeoman 的使用；5、plop 的使用