知足且上进，温柔而坚定。
viewport （视口）就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dip （ device-independent pixel 设备逻辑像素 ）和 CSS 像素之间的关系。
一般移动设备的浏览器都默认设置了一个 viewport 元标签，定义一个虚拟的 layout viewport（布局视口），用于解决早期的页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px，所以 PC 上的网页基本能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。
权重计算规则
第一等：代表内联样式。如: style=”” 权值为 +1000
第二等：代表 ID 选择器。如：#content 权值为 +100
第三等：代表类，伪类和属性选择器。如：.content 权值为 +10
第四等：代表类型选择器和伪元素选择器，如：div p 权值为 +1
通配符、子选择器、相邻选择器等。权值为 +0
继承的样式没有权值
权重比较规则： 1,0,0,0 > 0,99,99,99
从左往右逐个等级比较，前一等级相等才往后比
在权重相同的情况下，后面的样式会覆盖掉前面的样式。
通配符、子选择器、相邻选择器等的。虽然权值为 0000，但是也比继承的样式优先
!important
!important 的作用是提升优先级，样式的优先级是最高的（比内联样式的优先级还高）
/* 规定要使用的背景颜色 */
background-color: transparent;
/* 规定背景图像的位置 */
background-position: 0% 0%;
/* 规定背景图片的尺寸 */
background-size: auto auto;
/* 规定如何重复背景图像 */
background-repeat: repeat;
/* 规定背景图片的定位区域 */
background-origin: padding-box;
/* 规定背景的绘制区域 */
background-clip: border-box;
/* 规定背景图像是否固定或者随着页面的其余部分滚动 */
background-attachment: scroll;
/* 规定要使用的背景图像 */
background-image: none;font-size 属性值font-size 支持长度值（如 1em），也支持百分比值（如 100%）。同时，还支持关键字属性值。
font-size 的关键字属性值分以下两类。
相对尺寸关键字。指相对于当前元素 font-size 计算，包括：
larger ：大一点，是 <big> 元素的默认 font-size 属性值。smaller ：小一点，是 <small> 元素的默认 font-size 属性值。绝对尺寸关键字。与当前元素 font-size 无关，仅受浏览器设置的字号影响。
xx-large ：好大好大，和 <h1> 元素计算值一样。x-large ：好大，和 <h2> 元素计算值一样。large ：大，和 <h3> 元素计算值近似（“近似”指计算值偏差在1 像素以内，下同）。medium ：不上不下，是 font-size 的初始值，和 <h4> 元素计算值一样。small ：小，和 <h5> 元素计算值近似。x-small ：好小，和 <h6> 元素计算值近似。xx-small ：好小好小，无对应的 HTML 元素。text-indent 对文本进行缩进控制。
/* <length> 值，允许使用负值 */
text-indent: 3mm;
text-indent: 40px;
/* <percentage> 值，相对于包含区块的宽度 */
text-indent: 15%;
/* 关键字值 */
/* each-line 缩进会影响区块容器的第一行以及强制换行后的每一行，但不影响软换行后的行。 */
/* hanging 反转缩进行。除第一行外，所有行都将缩进。 */
text-indent: 5em each-line;
text-indent: 5em hanging;
text-indent: 5em hanging each-line;
/* 全局值 */
text-indent: inherit;
text-indent: initial;
text-indent: revert;
text-indent: revert-layer;
text-indent: unset;脚手架本质是操作系统的客户端，用于快速构建项目的工具。
环境变量（environment variables）一般是指在操作系统中用来指定操作系统运行环境的一些参数，如：临时文件夹位置和系统文件夹位置等。
在 Windows 和 DOS 操作系统中的 path 环境变量，当要求系统运行一个程序而没有告诉它程序所在的完整路径时，系统除了在当前目录下面寻找此程序外，还应到 path 中指定的路径去找。
#!/usr/bin/env node ： 表示让系统动态的查找 node 执行脚本文件。
面向对象程序设计（OOP，Object-oriented programming）是种具有对象概念的编程典范，同时也是一种程序开发的抽象方针。
面向对象程序设计的基本概念：
创建型模式提供创建对象的机制，增加已有代码的灵活性和可复用性。
在父类中提供一个创建对象的方法，允许子类决定实例化对象的类型。
适合应用场景：
结构型模式介绍如何将对象和类组装成较大的结构，并同时保持结构的灵活和高效。
能使接口不兼容的对象能够相互合作。
适合应用场景：
行为模式负责对象间的高效沟通和职责委派。
允许将请求沿着处理者链进行发送。收到请求后，每个处理者均可对请求进行处理，或将其传递给链上的下个处理者。
适合应用场景：