调试是开发者需要掌握的一项重要的技能， 它能够帮助我们快速定位和修复代码中的问题。本文主要介绍前端调试的基本原理。 从一个简单的示例入手 以上面代码为例，简单实现了按钮在点击后文字更新点击次数的能力：

不以规矩，不能成方圆。 由于某些原因，笔者有幸经历了团队从缺乏标准到逐渐规范的一个过程，在此当做记录供大家参考。 本文从为什么需要规范以及建立规范的重要性出发，逐步引申出如何去建立适合自身团队的

Vite 或 Vue CLI：选择哪一个 随着 Vue 生态系统的成熟，已经引入了许多新技术。虽然一些开发人员可能从一个普通的 JavaScript 文件开始，并在页面中包含 Vue。但随着时间的推移

本文正在参与 “性能优化实战记录”话题征文活动 我们把性能优化的方向分为以下两个方面，有助于结构化的思考与系统分析。 加载性能。如何更快地把资源从服务器中拉到浏览器，如 http 与资源体积的各种优化

在一个团队中，一般会同时有多个项目在开发，我们除了要开发自己主要负责的项目，偶尔也会因为客观因素去开发别的团队或个人主导的项目。这时问题就出现了，我们需要花一定的时间去了解项目的目录结构，并且努力遵循当前项目的一些潜在的规范（即使这些规范内心是拒绝的，为了不破坏整体性也会去遵守…

Yarn是facebook发布的一款取代npm的包管理工具。 速度快—Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 安全—在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 可靠—使用详细、简洁的…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

不管是快餐项目型还是架构持续完善型的架构，在搭建架构时，选择一个可靠合适的 UI 组件库至关重要，关系着系统架构后期的维护，组件的积累，项目的沉淀。一旦选择了一个不成熟的组件库，整套架构就会处处踩坑。那么如何选择一个合适的组件库 除了挑选合适的组件库之外，项目开发过程中，项目经…

Webpack4 那点儿东西 基于webpack4总结了一些webpack的常见配置，但是webpack 各种强大的配置有时候让你不堪重负，会打包很多的文件，遍历解析很多文件。。。。。总之，这些操作会让webpack打包过程变得很慢，所以开发过程中我们不得不去优化一些配置，让w…