前端小知识点

0、""、null、false、undefined、NaN都会判为false

1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。
2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
典型例子：var foo = foo || {};

1、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
2、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;
典型例子：callback && callback();

所有变量可以使用单个var语句来声明，这样就是组合在一起的语句，以减少整个脚本的执行时间。
var A=1,
B=2,
C=3;

在js中，我们使用for(;;),while(),for(in)三种循环。for(in)的效率极差。因为他需要查询散列键，只要可以，就应该尽量少用。
for(;;)和while循环，while优于for（；；）,可能for（；；）结构问题，需要经常的跳转。do..while更好

使用一次innerHTML复制代替构建dom元素

if (a == 1) {
b()
}
//可以写成
a == 1 && b()

E::before和E::after
在E元素内部的开始位置和结束位置创建一个元素，该元素为行内元素，且必须要结合content属性使用
伪元素:before和:after添加的内容默认是inline元素；这个两个伪元素的content属性，表示伪元素的内容,设置:before和:after时必须设置其content属性，否则伪元素就不起作用。

每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 霸道
常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。

行内元素（内联元素）不占有独立的区域，仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
常见的行内元素有<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内元素。
（高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效）
（行内元素只能容纳文本或则其他行内元素。（a特殊 a里面可以放块级元素 ））

在行内元素中有几个特殊的标签——<img />、<input />、<td>，可以对它们设置宽高和对齐属性，有些资料可能会称它们为行内块元素。

子元素可以继承父元素的样式（text-，font-，line-这些元素开头的都可以继承，以及color属性）

盒子宽： border-left+ padding-left + width + padding-right + border-right

优先使用宽度剩余法和高度剩余法

浮动的元素总是找离它最近的父级元素对齐。但是不会超出内边距的范围。

元素添加了绝对定位和固定定位之后，元素模式也会发生转换，都转换为行内块模式

定位盒子居中： top:50%; transform: translate(0, -50%)

布局用定位，动画用位移（translate）动画需要使用块级元素。