当需要在大量元素上绑定事件的时候，特别是在动态更新的元素上，这个绑定是既麻烦又消耗性能的一件事。比较好的做法是在它们共同的父级元素上绑定一个事件，在事件冒泡阶段触发相应的效果。这种把一个元素的响应事件函数委托给另一个元素的用法便叫事件委托。
"使用事件委托提高性能"继续阅读
分类： JavaScript
DOM 节点的唯一性
鉴于“任何 DOM 节点不能同时出现在文档中的多个位置上”，有时想频繁操作一段节点时会把整段节点缓存下来，如果缓存用的类似于 document.querySelectorAll() 这样的方法的话，缓存下来的节点和 DOM 中的节点指针还是一样的。
"DOM 节点的唯一性"继续阅读
使用 axios 上传媒体文件
监听 scroll 使元素产生吸顶效果
URLSearchParams 配合 axios 提交重复的参数
URLSearchParams 接口定义了一些实用的方法来处理 URL 的查询字符串。其中 URLSearchParams.append() 插入一个指定的键/值对作为新的搜索参数，这个方法可以插入重复的值，但当使用 URLSearchParams.set() 设置同名键值时会覆盖前面的值。
"URLSearchParams 配合 axios 提交重复的参数"继续阅读
Vue 组件通信
一、父组件向子组件通信（Prop）
在子组件里面声明 props 可以接收父组件传过来的值实现父组件向子组件的单向通信。
// 父组件
<son title="后除"></title>
// 子组件
props: {
titile: {
type: String,
required: true
}
}
"Vue 组件通信"继续阅读
使用 postMessage + iframe 实现跨域通信
一、postMessage
window.postMessage() 方法可以安全地实现跨源通信。通常，对于两个不同页面的脚本，只有当执行它们的页面位于具有相同的协议（通常为https），端口号（443为https的默认值），以及主机(两个页面的模数 Document.domain设置为相同的值)时，这两个脚本才能相互通信。window.postMessage() 方法提供了一种受控机制来规避此限制，只要正确的使用，这种方法就很安全。
调用 postMessage() 方法时，向目标窗口派发一个 Event 消息。 该 Event 消息的 data 属性为 postMessage() 的数据；origin 属性表示调用 postMessage() 方法的页面的地址。
"使用 postMessage + iframe 实现跨域通信"继续阅读
基于 Vue 的前端开发规范
一、框架 / Vue
1.组件名
组件名为多个单词，并且用连接线（-）连接，避免与 HTML 标签冲突，并且结构更加清晰。
示例：
// 反例
export default {
name: 'item'
}
// 正例
export default {
name: 'page-article-item'
}
"基于 Vue 的前端开发规范"继续阅读