标签： JavaScript

读书笔记:《高性能JavaScript》 - Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校

总结了 JavaScript 的加载执行、数据存取、DOM 操作、算法优化、正则表达式、用户界面响应、Ajax 性能以及编程实践中的关键点。强调了作用域链、闭包、重排与重绘优化、循环效率、位操作等性能影响因素，同时提供了优化建议，如减少全局变量访问、避免使用 with 语句、优化 DOM 操作及正则表达式匹配顺序等，为提升代码性能和用户体验提供了实用指导。

基于 Vue.js 的前端开发规范

提供了 Vue 组件命名、Prop 定义、指令使用及样式规范，强调 v-for 和 v-if 的高效用法。JavaScript 部分建议使用 let/const、箭头函数、模块化及 Map 等优化代码。HTML/CSS 强调语义化命名、简化选择器、属性缩写及避免使用 table 布局，统一采用 HTML5 标准，注重代码可读性与性能优化。

ES2017 async 函数基本用法

介绍了 async 函数的基本概念和语法，强调其返回 Promise 对象的特性，并结合 await 命令的使用说明了异步操作的执行流程。通过示例展示了 async 和 await 的实际应用，说明其能够有效控制异步任务的执行顺序。

H5 localStorage入门

讲解了 localStorage 的定义、属性及常用方法，包括 setItem、getItem、removeItem 和 clear 的使用方式。介绍了如何存储和读取复杂数据类型，并通过监听 storage 事件实现浏览器标签间通信。强调 localStorage 的使用限制，如同域名限制、低版本浏览器兼容性及移动端潜在问题，并提供跨域通信的解决方案。

ES6 Promise 对象 then 方法链式调用

介绍了 then() 方法为 Promise 添加解决 (fulfillment) 和拒绝 (rejection) 状态回调的功能，其返回一个新的 Promise 实例以支持链式调用。若回调函数返回另一个 Promise 实例，则后续 then() 方法会等待该 Promise 状态改变后再执行，体现异步操作的串联特性。

ES6 通过 Set 数组去重

介绍了 Set 数据结构的定义、语法及常用方法，包括 add、delete、has 和 clear，支持存储任意类型的唯一值。通过 Set 可实现数组去重，利用扩展运算符将 Set 转换为数组，简化去重操作并保留原始数据顺序。