点燃火焰

H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

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

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

开发维护规模较大的前端项目，难免时不时需要进行一些代码重构工作。举一个简单的🌰： 随着业务迭代，此包体积不断增长，已经开始影响到项目的整体性能。所有业务的埋点标识字符串都集中于此包中，因此我们改变代码的导出方式： 包内代码的重构不算特别复杂，但是要对项目内各处引入该包以及埋点…

重构代码背景 我们的一些业务组件需要支持多语言，这些单独发包的组件翻译文案通常都维护在项目一些文件夹下，并且每个需要翻译的文案在代码中都需要手动用 intl.get(key)包裹来实现运行时翻译，开发

关于AST的介绍，网上已经一大堆了，不仅生涩难懂，还自带一秒劝退属性。其实我们可以很（hao）接（bu）地（yan）气（jin）的去了解一个看上去高端大气的东西，比如，AST是一个将代码解构成一棵可以千变万化的树的黑魔法。所以，只要我们知道咒语怎么念，世界的大门就打开了。有趣的…

利用正则表达式，我们还是可以搞定很多需求的，但这样真的能包含所有情况么？有的同事是真的喜欢回车。 这种情况下，如果面对更复杂的需求或者严谨的场景，要么我们编写更复杂的正则表达式，要么我们就不得不去硬肝 AST 操作了。 这需要大家对 AST 结构比较熟悉，在编写的时候需要对着解…

Vue3 已经出来有一段时间了，很多朋友早已熟读了文档，写了好几个 Demo，馋 Composition API 等新特性已久了。无奈，在实际工作中，大部分朋友还是不得不守着成千上万行的 Vue2 老

分析 Vite version：2.2.3，和我来一场 vite server 探寻之旅吧~(*❦ω❦)