行走在顶尖

思路：状态标记 + Promise 阻塞 + 事件触发” 的逻辑闭环 1.开启 单步模式的开启设置 isStepMode = true 2.初始化时开启：创建实例时传入参数 构造函数会接收 isSte

1.ref ref响应式 API，用于创建响应式数据。 函数接收一个初始值作为参数，并返回一个响应式的引用对象（Ref 对象）。这个对象有一个 .value 属性，用于访问和修改其内部的值。 不同数据

1.数组(Array) 数组也是一种复合数据类型，在数组组中可以存储不同类型的数据。存储的数据是有序的，每个数据都有唯一索引(index)。 创建数组 let a = new Array() let

1.克隆代码到本地 克隆前需确保本地已安装 Git（可通过 git --version 检查，未安装需先下载安装） 不要直接下载ZIP之类的包，可以下载代码使用，但是后期拉取，提交代码无法进行操作。

1.JSON.parse 作用：将 JSON 格式的字符串转换为对应的 JavaScript 对象或值。 场景：后端接口会传入一大串字符串，前端需要将这些数据渲染到页面上，就要进行转换。 如： 如果传

1.JSDoc 规范的类型注释 JSDoc 规范的类型注释是一种基于注释的代码文档规范，主要用于描述 JavaScript（及 TypeScript、Vue 等基于 JS 的语言）中变量、函数、类、类

1.图片处理，用于头像显示。 使用正则 /^https?:/// 更精准地匹配 http:// 或 https:// 开头的 URL。 ${this.baseUrl}${avatar} 拼接完整图片路

1.文件引用规范 CSS 文件或样式在 head 标签中引用，尽量早的让 CSS 文件加载出来。 JS 文件要放在 body 标签尾部。页面里加载和运行 JS 都会阻塞页面的渲染过程，所以把 JS 放

1.重绘和重排 1.重排（回流） :布局引擎根据所有样式计算出盒子模型在页面上的位置和大小，第一次渲染回流是必须发生的，当DOM改变位置大小，会造成重排 2.重绘：计算好盒子模型的位置，大小，浏览器会