JavaScript – 后除

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）"继续阅读

简单实现双向绑定

2020年3月23日2020年3月23日后除发表评论

一、ECMAScript5 - `Object.defineProperty`

利用对象中的访问器属性，监听值的修改。

"简单实现双向绑定"继续阅读

ECMAScript6 解构赋值

2020年3月18日2021年11月5日后除发表评论

一、对象解构

用法

在一个赋值操作符左边放置一个对象字面量。

let { name, age } = { name: 'cherrie', age: '17' }
console.log(name, age) // cherrie 17

"ECMAScript6 解构赋值"继续阅读

通过 eslint stylelint htmllint 规范前端项目代码

2020年2月28日2021年11月8日后除发表评论

一、部署 eslint 规范 JavaScript

1.1 原理

husky + lint-staged + prettier + eslint + commitlint

husky: 阻止不规范的 git commit, git push。
lint-staged: 只检测待提交区的代码。

"通过 eslint stylelint htmllint 规范前端项目代码"继续阅读

读书笔记:《JavaScript高级程序设计》 - [美]Nicholas C·Zakas 著 / 李松峰曹力译

2020年2月7日2021年12月27日后除发表评论

版次：2012 年 3 月第 1 版

4 变量、作用域和内存问题

4.1 基本类型和引用类型的值

4.1.4 检测类型

如果变量是给定引用类型的实例，那么 instanceof 操作符就会返回 true。

4.3 垃圾收集

找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期性地执行这一操作。

"读书笔记:《JavaScript高级程序设计》 - [美]Nicholas C·Zakas 著 / 李松峰曹力译"继续阅读

背景

5.2 绑定数据

viewBox 和 preserveAspectRatio

一、用生成器给对象定义迭代器

一、ECMAScript5 - Object.defineProperty