提供了 Vue 组件命名、Prop 定义、指令使用及样式规范,强调 v-for 和 v-if 的高效用法。JavaScript 部分建议使用 let/const、箭头函数、模块化及 Map 等优化代码。HTML/CSS 强调语义化命名、简化选择器、属性缩写及避免使用 table 布局,统一采用 HTML5 标准,注重代码可读性与性能优化。
概述了 Webpack 的基础使用方法,包括项目初始化、安装、配置及脚本定制。详细讲解了入口 (entry)、输出 (output)、模式 (mode)、载入器 (loader) 和插件 (plugins) 的语法及示例。通过实际操作展示如何快速上手 Webpack,强调了其在模块化开发中的重要性及灵活性。
介绍了 async 函数的基本概念和语法,强调其返回 Promise 对象的特性,并结合 await 命令的使用说明了异步操作的执行流程。通过示例展示了 async 和 await 的实际应用,说明其能够有效控制异步任务的执行顺序。
讲解了 localStorage 的定义、属性及常用方法,包括 setItem、getItem、removeItem 和 clear 的使用方式。介绍了如何存储和读取复杂数据类型,并通过监听 storage 事件实现浏览器标签间通信。强调 localStorage 的使用限制,如同域名限制、低版本浏览器兼容性及移动端潜在问题,并提供跨域通信的解决方案。
对比了 Vue Router 的正常配置与懒加载配置,懒加载通过动态引入组件的方式减少初次加载体积。在执行 npm run build 后,会生成与路由对应的独立 .js 文件,切换路由时按需加载,提升页面加载性能,并适用于解决首屏加载缓慢的问题。
通过示例分析了 JavaScript 中作用域和 this 的取值规则,解释了方法内变量查找优先级及其与 this 的关系。构造函数中变量优先取局部作用域值,若返回 this.name 则取实例属性值;若实例无对应属性,则沿原型链查找,返回原型上的 name 值。
介绍了 for...of 语句可遍历数组、字符串、Set、Map 等可迭代对象,以及与 for...in 的区别。for...of 遍历键值,不会暴露对象的非迭代属性,支持 break、continue 和 return,且能正确识别 32 位 UTF-16 字符。
介绍了 then() 方法为 Promise 添加解决 (fulfillment) 和拒绝 (rejection) 状态回调的功能,其返回一个新的 Promise 实例以支持链式调用。若回调函数返回另一个 Promise 实例,则后续 then() 方法会等待该 Promise 状态改变后再执行,体现异步操作的串联特性。
介绍了 Map 和 WeakMap 的定义、语法、方法及应用场景。Map 支持任意类型的键,提供多种操作和遍历方法;WeakMap 的键必须是对象,且为弱引用,支持垃圾回收机制,适合解决内存泄漏问题,例如在绑定 Dom 对象事件时自动释放内存。
介绍了 Set 数据结构的定义、语法及常用方法,包括 add、delete、has 和 clear,支持存储任意类型的唯一值。通过 Set 可实现数组去重,利用扩展运算符将 Set 转换为数组,简化去重操作并保留原始数据顺序。