视口（viewport）代表当前可见的计算机图形区域。在 Web 浏览器术语中，通常与浏览器窗口相同，但不包括浏览器的 UI（菜单栏等）。一般我们所说的视口共包括三种：布局视口、视觉视口和理想视口，它们在屏幕适配中起着非常重要的作用。

像素是影像显示的基本单位，其表现为一个个小方格。在 GUI 客户端软件开发中，像素是布局的基础，对于一个客户端开发者来说理解它很重要。其实存在两种像素，此像素非彼像素。

1
2

* 设备像素
* 设备独立像素

GMT、UTC、CST

• GMT

GMT (Greenwich Mean Time) 格林威治标准时间，指位于英国伦敦郊区的皇家格林威治天文台的标准时间，太阳每天经过家格林威治天文台的时间就是中午 12 点，本初子午线被定义为通过那里的经线。然而由于地球的不规则自转，导致 GMT 时间有误差，因此目前已不被当作标准时间使用。

1

new Date().toGMTString()

异步使 JavaScript 这个单线程语言在不阻塞的情况下可以并行的执行多任务，这带来了性能的极大提升，然而异步风格也给流程控制，错误处理带来了更多的麻烦。

本文介绍处理异步的 5 种方式，Callback、Event、Promise、Generator、Async/Await。

1. 鸡兔同笼
2. 猴子吃桃
3. 百钱买百鸡
4. 约瑟夫环
5. 兔子繁殖问题

备注：各院校 OJ 系统，中科大、浙大、清华、上海交大、杭电、郑州轻工业学院、郑州师范学院、Virtual Judge。

Git 是一个分布式版本控制系统，对比 SVN 这类集中式版本控制系统，分布式版本控制系统可以完全去中心化工作，无需与远程中央服务器通信，在本地即可进行全部版本控制操作，即便是离线。

媒体查询（Media Query）在 CSS2 中就已经存在了，但是只能查询 Media Type，CSS3 中除了能查询 Media Type 外，还加入了 Media Feature 的查询。

语法

媒体查询包含一个“媒体类型（Media Type）”以及至少一个测试“媒体特性（Media Feature）”的表达式，表达式和媒体类型将根据实际情况计算的到 true 或者 false。如果指定的媒体类型符合当前设备并且媒体特性表达式都为真，那当前媒体查询为真，Media Query 为 true，对应的样式规则生效。

1

@media [媒体类型] 媒体特性 {}

除非使用了 not 或 only 操作符，否则 Media Type 是可选的，默认值为 all

HTML4/XHTML 嵌套规则

Inline Level 和 Block Level

在 HTML4/XHTML DTD 中，将元素的分为 inline level (行内级) 和 block level (块级) 两类。

• inline level

1

span、a、dfn、abbr、cite、img、label、q、u、em、i、strong、b、big、small、sub、sup、表单类；计算机输出类(tt、kbd、code、var、samp)

Transition

1

transition: [property duration timing-function delay]

property 默认值 all，duration 和 delay 默认值 0，timing-function 默认值 ease。可使用 , 分割，实现多个动画，配合 duration，还可实现队列动画。

正则表达式是一种描述字符模式（特征）的工具，是字符的高度抽象，被用于字符的搜索、匹配、替换、验证等多种场景。ESMAScript 中用 RegExp 类表示正则表达式。

1
2
3
4
5

// RegExp 构造函数
var reg = new RegExp('pattern', 'flags');  // console.log(reg) 会打印输出字面量 /pattern/flags

// 字面量
var reg = /pattern/flags;