目录 声明 前端代码规范 前端 JS 项目开发规范 一、编程规约 (一)命名规范 1.1.1 项目命名 1.1.2 目录命名 1.1.3 JS、CSS、SCSS、HTML、PNG 文件命名 1.1.4 命名严谨性 (二)HTML

1. 状态管理 （1）PiniaPinia 是最新一代的 Vue 轻量级状态管理库。它适用于 Vue 2.x 和 Vue 3.x。它是 Vue 官方成员在 2019 年 11 月重新设计的一个状态存储库，它允许你跨组件/页面

前言前端开发中我们最常需要调试的部分是 JS ，在调试 JS 的过程中，我们最常使用的方法便是 debug 调试。何为 debug 调试？ debug 调试又名断点调试，它指的是在程序指定位置设置断点，当程序运行到这个断点时会暂停执行

1、状态管理（1）React ReduxRedux 是 JavaScript 应用程序的状态容器，提供可预测的状态管理。React Redux 是 Redux 官方实现的 React 绑定。可以让你构建一致化的应用，运行于不同的环境（

前言如果统计一番前端最常用的方法，那么 console.log 一定位列其中。无论你写的是原生 JS 亦或者是 JQuery、Vue 等等，调试之时，都离不开 console.log 方法。但是，console 对象中的方法不仅仅只有

前端性能优化一直是前端工作中必不可少的一部分，但是我们如何知道哪些部分的性能有优化的空间呢？此时，Chrome 性能监测就派上用场了。 正所谓：知己知彼，百战百胜，只有确定了性能瓶颈，才能有条不紊地进行前端性能优化工作。 Perfor

Promise 对象用于表示一个异步操作的最终完成（或失败）及其结果值。 Promise A+ 规范Promise A+ 规范 手写 Promise12345678910111213141516171819202122232425262

第一部分从高级视角对浏览器架构与多进程架构的优点进行阐述。我们也对 Chrome 中与多进程架构密切相关的服务化与站点隔离进行了讲解。 CPU、GPU、内存和多进程体系结构这一博客系列由四部分组成，将从高级体系结构到渲染流程的细节来窥

前言在前端开发过程中，我们通过浏览器的页面来查看我们代码编写的成果。然而浏览器的功能非常强大，它不只是能展示我们编写的页面，还能够帮助我们定位开发过程中遇到的问题，提升我们的开发效率。有些时候我们甚至还可以通过浏览器的调试工具来查看一

定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。 1234567891011121314151617181920212223242526272829303132333435363738394