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

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

Webpack 4.x 入门

概述了 Webpack 的基础使用方法,包括项目初始化、安装、配置及脚本定制。详细讲解了入口 (entry)、输出 (output)、模式 (mode)、载入器 (loader) 和插件 (plugins) 的语法及示例。通过实际操作展示如何快速上手 Webpack,强调了其在模块化开发中的重要性及灵活性。

ES2017 async 函数基本用法

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

H5 localStorage入门

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

vue-router 路由懒加载

对比了 Vue Router 的正常配置与懒加载配置,懒加载通过动态引入组件的方式减少初次加载体积。在执行 npm run build 后,会生成与路由对应的独立 .js 文件,切换路由时按需加载,提升页面加载性能,并适用于解决首屏加载缓慢的问题。

ES6 Promise 对象 then 方法链式调用

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

ES6 通过 Set 数组去重

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