js数据类型：
Es6：
Symbol、undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。
双飞翼：左右:负margin-left,中间外盒width:100%;内盒子margin两边盒子大小;
圣杯: 左右:负margin-left，外部大盒子padding两侧盒子宽度，左右盒子position：relative； 然后负值左右移出宽度相同px
x+ =y
当x=10 y=5时
运算结果：
x=15 y=5
可以理解为x=x+y
在<head>加载外链脚本时候，可通过添加 defer 来让页面加载完毕后再执行js脚本
例：
<head> <script defer src="simple2.js"></script> </head>
这样页面就会在加载完页面后再加载 simple2.js 脚本。
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
由4》1排序
- 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 head 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
提示:如果你使用了外部文件的样式在内部样式中也定义了该样式，则内部样式表会取代外部文件的样式。
CSS背景属性 Background 的属性设置注意事项：
当采用简写属性时，属性值的顺序为：
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
例子：body {
background:#ffffff url('img_tree.png') no-repeat right top;
}
响应式中 @media screen and (min-width:600px) 表示最小宽度达到600时采用下面的样式。
而@media screen and (max-width:600px)表示宽度小于600时采用下面的样式。
在css3属性前缀中，
-moz-对应 Firefox,
-webkit-对应 Safari and Chrome
-o- for Opera
-ms- for Internet Explorer
现在绝大部分浏览器已经支持，这些参数是为了兼容老版本服务器的
JQuery 选择器内容
简单粗暴版本
如.append() 和appendTo()区别就在于攻受顺序问题, $("A").append(B)表示A的最后面添加B，$("B").appendTo(A)表示A的最后面添加B
.wrap 每个人加个爸爸
.append 最后面加个兄弟 (结合appendTo()来记)
.prepend 最前面加个兄弟(prependTo()来记)
.before 我的前面加个兄弟(结合insertBefore来记)
.after我的后面加个兄弟(结合insertAfter()来记)
.detach() 隐身
.remove 自杀
.empty 身体被掏空
.clone 复制 （true全复制 false 浅复制，无事件）
.replaceWith 删除并替换节点（结合.replaceAll()来记）
防止外边距重叠解决方案：
虽然外边距的重叠有其一定的意义，但有时候我们在设计上却不想让元素之间产生重叠，那么可以有如下几个建议可供参考：
- 外层元素padding代替
- 内层元素透明边框 border:1px solid transparent;
- 内层元素绝对定位 postion:absolute:
- 外层元素 overflow:hidden;
- 内层元素 加float:left;或display:inline-block;
- 内层元素padding:1px；
