读完时间：2021 年 8 月 18 日
出版时间：2018 年 5 月
viewBox 和 preserveAspectRatio
viewBox的值并没有带单位，这是因为SVG可视空间并不是基于像素来设定的，而是一个可任意延展的空间，这样就可以适应许多不同的尺寸。
"《SVG动画》 – [美]莎拉·德拉斯纳 著 / 大漠 译"继续阅读
Tag: JavaScript
《深入理解TypeScript》 – [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译
JavaScript 篇幅略多 ★★★
读完时间：2020 年 8 月 20 日
出版时间：2020 年 1 月
"《深入理解TypeScript》 – [澳]Basarat Ali Syed 著 / 郭文超 何小磊 柳星 徐野 译"继续阅读
迭代器（Iterator）和生成器（Generation）
一、用生成器给对象定义迭代器
常规方法
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）"继续阅读
简单实现双向绑定
ECMAScript6 解构赋值
一、对象解构
用法
在一个赋值操作符左边放置一个对象字面量。
let { name, age } = { name: 'cherrie', age: '17' }
console.log(name, age) // cherrie 17
"ECMAScript6 解构赋值"继续阅读
通过 eslint stylelint htmllint 规范前端项目代码
一、部署 eslint 规范 JavaScript
1.1 原理
husky + lint-staged + prettier + eslint + commitlint- husky: 阻止不规范的
git commit,git push。 - lint-staged: 只检测待提交区的代码。
"通过 eslint stylelint htmllint 规范前端项目代码"继续阅读
《JavaScript高级程序设计》 – [美]Nicholas C·Zakas 著 / 李松峰 曹力 译
版次：2012 年 3 月第 1 版
4 变量、作用域和内存问题
4.1 基本类型和引用类型的值
4.1.4 检测类型
如果变量是给定引用类型的实例，那么 instanceof 操作符就会返回 true。
4.3 垃圾收集
找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期性地执行这一操作。
"《JavaScript高级程序设计》 – [美]Nicholas C·Zakas 著 / 李松峰 曹力 译"继续阅读
理解 serverless 无服务架构原理[转]
一：什么是 serverless 无服务？
serverless 中文的含义是 "无服务器"，但是它真正的含义是开发者再也不用过多考虑服务器的问题，但是并不代表完全去除服务器，而是我们依靠第三方资源服务器后端，比如使用 Amazon Web Services(AWS) Lambda. 计算服务来执行代码，那么 Serverless 架构分为 Backend as a Service(BaaS) 和 Functions as a Service(FaaS) 两种技术，Serverless 它是由开发者实现的服务端逻辑运行在无状态的计算容器中，它是由事件触发，完全被第三方管理的。
"理解 serverless 无服务架构原理[转]"继续阅读
浏览器与 Node.js 的事件循环（Event Loop）有何区别？[转]
前言
本文我们将会介绍 JavaScript 实现异步的原理，并且了解了在浏览器和 Node.js 中 Event Loop 其实是不相同的。
一、线程与进程
1. 概念
我们经常说 JavaScript 是单线程执行的，指的是一个进程里只有一个主线程，那到底什么是线程？什么是进程？
官方的说法是：进程是 CPU 资源分配的最小单位；线程是 CPU 调度的最小单位。这两句话并不好理解，我们先来看张图。
- 进程好比图中的工厂，有单独的专属自己的工厂资源。
- 线程好比图中的工人，多个工人在一个工厂中协作工作，工厂与工人是 1:n 的关系。也就是说一个进程由一个或多个线程组成，线程是一个进程中代码的不同执行路线。
- 工厂的空间是工人们共享的，这象征一个进程的内存空间是共享的，每个线程都可用这些共享内存。
- 多个工厂之间独立存在。
"浏览器与 Node.js 的事件循环（Event Loop）有何区别？[转]"继续阅读