ZONE.CI 全球网

1. 构建应用程序2. 实现页面组件3. 重构页面组件（考虑性能）4. 实现国家列表组件5. 重构国家列表组件（考虑性能）6. 实现选定国家组件7. 实现页面主

1. 简化布尔 prop2. 使用三元运算符3. 使用对象字符串4. 使用 Fragments5. 不要在 Render 中定义函数6. 使用 Memo7. 使

React 中浅比较的概念无处不在，它在不同的流程中起着关键的作用，也可以在React组件的多个生命周期中找到。比如，React Hooks中的依赖数组，通过R

1. onClick2. onChange3. onScroll4. onSubmit5. onCopy、onCut、onPaste6. onMouseOver

条件渲染方式1. if 语句2. 三元运算符3. &&运算符4. switch5. 枚举6. JSX 库7. 高阶组件注意事项1. 小心02. 优先级3. 嵌套

1. 导入依赖项2. 静态定义（1）常量定义（2）类型定义3. 组件定义4. 变量声明5. Effects6. 渲染内容7. 部分渲染8. 局部函数9. 纯函数

1. 管理和更新组件状态2. 状态更新后的操作3. 获取数据4. 卸载组件时清理副作用5. 防止组件重新渲染6. Context API7. 跨重新渲染保留值

1. 单一职责原则（SRP）2. 开放封闭原则（OCP）3. 里氏替换原则（LSP）4. 接口隔离原则（ISP）5. 依赖倒置原则（DIP）6. 小结在面向对象

1. 概述2. 基本使用（1）BrowserRouter（3）Link（4）Routes（5）路由顺序3. 编程式导航（1）Navigate（2）useNavi

1. Top-level Await2. Object.hasOwn()3. at()4. error.cause5. 正则表达式匹配索引6. 类的实例成员（1

React 中五种常见的样式策略React 渲染流程React 组件设计模式React 纯函数组件React组件通信React生命周期React组件化开发Rea

ECMAScript 2022

异步代码的ESLint规则1. no-async-promise-executor2. no-await-in-loop3. no-promise-execut

1. 数字操作（1）生成指定范围随机数（2）数字千分位分隔2. 数组操作（1）数组乱序（2）数组扁平化（3）数组中获取随机数3. 字符串操作（1）生成随机字符串

一、日期处理1. 检察日期是否有效2. 计算两个日期之间的间隔3. 查找日期位于一年中的第几天4. 时间格式化二、字符串处理1. 字符串首字母大写2. 翻转字符

1. 初始化数组2. 数组求和、求最大值、最小值3. 过滤错误值4. 使用逻辑运算符5. 判断简化6. 清空数组7. 计算代码性能8. 拼接数组9. 对象验证方

1. 变量的命名约定2. 布尔值的命名约定3. 函数的命名约定4. 常量的命名约定5. 类的命名约定6. 组件的命名规则7. 方法的命名约定8. 私有函数的命名

1. Array.includes2. Array.every3. 尽早 return4. 三元运算符5. switch…case6. Map/Object7.

条件语句调试技巧命名约定开发技巧单行代码工具函数ESLint 异步

一、V8 执行代码过程1. 编译型语言和解释型语言2. V8 执行代码过程（1）生成抽象语法树（2）生成字节码（3）生成机器码3. 执行过程优化二、V8 垃圾回

1. Web Audio API2. Fullscreen API3. Web Speech API4. Web Bluetooth API5. Vibrati

1. 模块概述（1）概念（2）模式（3）类型2. IIFE3. CommonJS（1）概念① 定义② 语法③ 特点④ 优缺点（2）使用① 模块导出② 模块导入③

一、什么是异步二、回调函数1. 定时器2. 事件监听3. 网络请求4. Node中的回调与事件三、Promise1. Promise的概念2. Promise的

1. 异步执行原理（1）单线程的JavaScript（2）多线程的浏览器2. 浏览器的事件循环（1）执行栈与任务队列（2）宏任务和微任务3. Node.js的事

1. Blob（1）Blob 创建（2）Blob 分片2. File（1）input（2）文件拖放3. FileReader（1）基本使用（2）事件处理4. A