使用事件委托提高性能
介绍了事件委托的概念及其在动态更新元素上的高效应用，通过将子元素的事件绑定到父元素上减少性能消耗。示例展示了如何使用 matches() 方法精确匹配目标子元素，同时说明了部分事件如 focus 和 blur 无法直接使用事件委托，但可用 focusin 和 focusout 替代。
分类： JavaScript
DOM 节点的唯一性
解释了 DOM 节点无法同时存在于多个位置的问题，并通过 cloneNode() 方法创建节点副本以避免指针关联。示例展示了 appendChild() 导致节点位置变化的情况，以及使用 cloneNode(true) 深度克隆节点以实现纯粹添加元素的效果。
使用 Axios 上传媒体文件
介绍了 FormData 接口用于异步上传文件的功能，支持 append()、getAll() 和 delete() 方法操作键值对，可添加 Blob 或 File 数据。Blob 表示类文件对象，可通过 URL.createObjectURL() 创建链接。实战部分展示了使用 axios 上传 WebM 文件的具体实现方法。
监听 scroll 使元素产生吸顶效果
介绍了滚动像素值的获取方式 (window.pageYOffset 和 Element.scrollTop)、滚动事件的监听与移除方法，并通过示例展示了吸顶效果的实现。还讨论了 CSS 属性 position: sticky 的特性及其兼容性问题，建议慎用该属性于生产环境中，同时提供相关参考资料供深入学习。
URLSearchParams 配合 Axios 提交重复的参数
介绍了 URLSearchParams 接口的功能及用法，包括 append 和 set 方法的区别、键值遍历方式以及与 axios 的结合使用。append 可插入重复值，set 会覆盖同名键值，配合 for...of 可轻松遍历键值对，示例展示了如何生成查询字符串并发送 HTTP 请求。
Vue.js 组件通信
介绍了 Vue 中组件通信的多种方式，包括父组件通过 props 向子组件传值、子组件使用 $emit 向父组件发送事件、自定义组件的 v-model 实现双向绑定，以及利用 Vue 实例作为事件中转站实现任意组件间通信。提供了具体代码示例，清晰展示实现方法与应用场景。
使用 postMessage + iframe 实现跨域通信
介绍了 window.postMessage() 方法的用途及语法，阐明其在跨源通信中的安全性和灵活性。通过示例展示了消息发送和接收的实现，强调 targetOrigin 的重要性以及验证 event.origin 以确保敏感信息的安全传输。
基于 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 的实际应用，说明其能够有效控制异步任务的执行顺序。