在前端开发中，设计模式是解决重复问题的 “通用模板”—— 它不直接提供可运行的代码，却能指导我们写出更易维护、可扩展的逻辑。尤其是在大型项目（如组件库开发、状态管理、工具函数封装）中，合理运用设计模式

Vue 模板编译原理解析 目录 1. 模板编译整体流程 2. AST 抽象语法树 3. 解析器实现 3.1 有限状态机（FSM） 3.2 Token 解析实现 3.3 AST 构造 4. 总结 1.

本文介绍了几种前端打包优化策略，如使用 visualizer 可视化分析、manualChunks 分包、 去除console语句、压缩代码和通过 CDN 加载外部库，大幅提升了应用的加载性能。

在工作中我们经常要封装一些工具函数来完成需求，但是其实很多这些工具函数，都能在一些第三方库里面能找到，我们没有必要花那么多时间去做这件事情。比如说VueUse

1. 抽组件 ≠ 拆文件夹 很多初学 Vue 的人对“组件化”的理解就是：“页面上出现重复的 UI？好，抽个组件。” 于是你会看到这样的组件： 接着你又遇到需要加图标的输入框，于是复制一份： 再后来你

妙用computed拦截v-model，面试官都夸我细 爱得莱姆 2023-09-1126,341阅读3分钟 如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 文章代码思路参考

大家好，我是前端林叔，掘金小册《如何写出高质量的前端代码》 作者。 先说观点：在进行前端开发时，单个文件的代码行数推荐最大不超过300行，而超过1000行的都可以认为是垃圾代码，需要进行重构。 为什么

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

在现在开发的项目中, ECharts 已成为不可或缺的可视化工具，通常我们会将 ECharts 封装为组件以便重复使用，但随着项目规模扩大，图表的使用频率增加，代码重复和维护成本也随之上升，甚至影响开