Flexflex-direction：内部元素的排列方式：从左到右、从右到左、从上到下、从下到上flex-wrap：子元素的换行方式：不换行、换行(第一行在上面、第二行在上面)flex-flow：子元素的排列方式和换行方式的简写justify-content：子元素的水平对齐方式align-items：子元素的垂直对齐方式align-content：设置多个元素组成的整块的对齐方式order：按照

E-R图全称：“”，是一种“实体联系”方法。E-R图的优点：1.自然地描述现实世界。2.图形结构简单。3.设计者和用户易理解。4.是数据库设计的中间步骤，易于向数据模型转换。

E-R图全称：“”，是一种“实体联系”方法。E-R图的优点：1.自然地描述现实世界。2.图形结构简单。3.设计者和用户易理解。4.是数据库设计的中间步骤，易于向数据模型转换。

本文总结了前端面试中的核心知识点，包括Vue-Router导航守卫的执行流程（从组件离开到跳转结束的完整顺序）和beforeRouteEnter无法访问this的原因。Vite部分解析了其比Webpack快的原因（开发环境按需编译）和HMR热更新原理。手写代码环节提供了数组扁平化flat的实现（支持控制深度）和Promise请求重试retry函数（支持设置重试次数和间隔）。这些知识点覆盖了前端工程

E-R图全称：“”，是一种“实体联系”方法。E-R图的优点：1.自然地描述现实世界。2.图形结构简单。3.设计者和用户易理解。4.是数据库设计的中间步骤，易于向数据模型转换。

本文介绍了Chrome扩展中ServiceWorker的核心概念和使用方法。ServiceWorker作为扩展的事件处理脚本，在V3版本中采用按需激活机制，可通过manifest.json配置并支持模块化。文章详细解析了ServiceWorker的生命周期（注册、激活、运行、终止、唤醒各阶段）及对应事件处理，包括onInstalled、onStartup等关键事件的监听方式和应用场景。同时提供了消

本文介绍了Chrome扩展中的chrome.storage API，包含三种存储区域：local（本地持久化）、sync（跨设备同步）和session（临时会话）。主要内容涵盖：1）三种存储区域的特性和使用场景；2）常用操作方法，包括数据存取（set/get）、删除（remove/clear）和空间计算（getBytesInUse）；3）数据变化监听机制（onChanged）。特别强调了sync区

本文介绍了Vue3中组件数据双向绑定的两种实现方式：1）传统组件通信方式，通过defineProps接收数据、defineEmits派发事件实现；2）Vue3.4+新增的defineModel语法糖，简化了双向绑定流程。文章详细对比了两种方式的代码实现，并深入解析了defineModel的底层机制，包括其参数配置和命名规范。特别说明了defineModel默认值处理的注意事项，以及如何通过命名参数

JavaScript中的Promise解决了异步编程中的回调地狱问题，提供了更清晰的处理异步操作的方式。当函数执行需要延迟时（如setTimeout），传统回调方法会使代码难以维护。Promise通过状态（Pending/Fulfilled/Rejected）管理异步结果，支持链式调用（then/catch/finally）。ES6还引入了Promise.all（聚合多个Promise）、Prom

本文介绍了Chrome扩展中的chrome.storage API，包含三种存储区域：local（本地持久化）、sync（跨设备同步）和session（临时会话）。主要内容涵盖：1）三种存储区域的特性和使用场景；2）常用操作方法，包括数据存取（set/get）、删除（remove/clear）和空间计算（getBytesInUse）；3）数据变化监听机制（onChanged）。特别强调了sync区