因为网络标准RFC 1738做了硬性规定：只有字母和数字[0-9a-zA-Z]、一些特殊符号“$-_.+!*'(),”[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL。这意味着，如果URL中有汉字，就必须escape(),encodeURI(),encodeURIComponent()编码后使用。
就是通过父容器的宽高计算出当前元素自身的大小实现宽高等比缩放，例如：图片、视频、元素等比缩放。
innerheight返回窗口的文档显示区的高度。innerwidth返回窗口的文档显示区的宽度。注意：使用outerWidth和outerHeight属性获取加上工具条与滚动条窗口的宽度与高度。IE 8 及更早 IE版本不支持这两个属性。
在if语句和逻辑语句中，如果只有单个变量，会先将变量转换为Boolean值，只有下面几种情况会转换成false，其余被转换成true。
代码值得细看，正则的运用，返回值，逗号操作符，this的绑定....
写了好几年的css还真没有注意到它们之间的区别，同时这也是一个很好的面试题。例如：问position属性有多少取值。通常的回答是static、relative、absolute和fixed。当然还有一个sticky。其实，除此之外，CSS属性通常还可以设置下面几个值：initial、inherit、unset、revert
css3中的:root,:empty,:not伪类选择器小结。
多列等高布局，算是比较常见的一种布局，要求两列布局看上去高度一致（就是通常是两列背景色一致）。
长期以来使用表格、浮动、清除浮动、行内块元素和其他CSS属性来布局网站内容。当制作一些复杂的页面时就比较吃力，不得不使用css Hack、css黑魔法来实现，例如水平垂直居中，等高布局等。Flexbox的目的就是改变这一切，最起码可以让你告别浮动、清除浮动。。。让布局更简单更智能。注: Flexbox布局最适合应用程序的组件和小规模布局，而Gird布局则适用于较大规模的布局。
