常规方法
const obj = {
a: 1,
b: 2,
c: 3,
[Symbol.iterator]() {
let [index, values] = [0, Object.values(this)]
return {
next() {
const done = (index >= values.length)
const value = done ? undefined : values[index++]
return {
done,
value
}
}
}
}
}
for (let v of obj) {
console.log(v) // 1 2 3
}
“迭代器（Iterator）和生成器（Generation）”继续阅读
在一个赋值操作符左边放置一个对象字面量。
let { name, age } = { name: 'cherrie', age: '17' }
console.log(name, age) // cherrie 17
“ECMAScript6 解构赋值”继续阅读
husky + lint-staged + prettier + eslint + commitlint
git commit, git push。“通过 eslint stylelint htmllint 规范前端项目代码”继续阅读
版次：2012 年 3 月第 1 版
如果变量是给定引用类型的实例，那么 instanceof 操作符就会返回 true。
找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期性地执行这一操作。
“JavaScript高级程序设计 – [美]Nicholas C·Zakas 著 / 李松峰 曹力 译”继续阅读
出版时间：2010 年 11 月
defer 属性仅当 src 属性声明时才生效。<script> 标签添加到 <head> 标签里比添加到 <body> 里更保险，尤其是在页面加载过程中执行代码时更是如此。当 <body> 中的内容没有全部加载完成时，IE 可能会抛出一个“操作已中止”的错误信息。“高性能JavaScript – Nicholas C.Zakas 著 / 丁琛 译 / 赵泽欣 审校”继续阅读
第七章讲了很多设计模式值得一看。
出版时间：2010 年 09 月 21 日
“JavaScript Patterns – Stoyan Stefanov 著 / 拔赤、goddyzhao、TooBug 译”继续阅读
组件名为多个单词，并且用连接线（-）连接，避免与 HTML 标签冲突，并且结构更加清晰。
示例：
// 反例
export default {
name: 'item'
}
// 正例
export default {
name: 'page-article-item'
}
“基于 Vue 的前端开发规范”继续阅读