基础容易忘记内容

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；

posted on 2017-07-25 16:27 bainchengemeda 阅读(98) 评论(0) 收藏举报