工程化目的是为了提升团队的开发效率、提高项目的质量 例如大家所熟悉的构建工具、性能优化、组件库等知识，都属于工程化的内容

性能分析一直是前端er们津津乐道的话题；而俗话说得好：工欲善其事，必先利其器； 说到前端性能，就少不了性能分析的利器 —— Performance 😎；我想各位前端小伙伴，在使用 Chrome 浏览器

本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

一个项目从创建到被重构，必定会经手很多人，每个人的代码风格迥异，就算是一个人从头到尾开发同一个项目，也无法保证前后开发的代码风格的相同。 约束，至关重要！不能让代码在不同的机器不同的IDE上出现不同的表现，不应该让单双引号在项目中乱飞... space是当键下tab键时使用软选…

在使用vite构建的vue3项目中，使用 vite-svg-loader 库引入svg图标入门。该库周下载量12w，更新频率稳定，使用方式简单。

这篇文章主要讲如何根据注释，通过babel插件给相应函数插入埋点代码。代码中有两个函数，其中一个`//_tracker`的注释，另一个没有。转译之后只给有注释的函数添加埋点函数

在上一篇作为面试官，为什么我推荐微前端作为前端面试的亮点？反馈效果不错，我接着出第二篇组件库专题，主要是我选择的方向，前端同学都可以很轻易尝试，这样项目上就增加很多亮点了

万字干货，超详细教程带你了解如何构建一个可扩展的高质量 Next.js 项目。Node.js 工程师 & 前端工程师进阶必备技能