前端知识点杂记

<1>、clip剪裁被称为“最佳可访问隐藏”的另一个原因是，clip: rect(0 0 0 0)，它具有更强的普遍适用性，任何元素、任何场景都可以无障碍地使用。

出自----《css世界》p197

<2>、clip隐藏仅仅是决定那一部分可见，非可见部分无法响应点击事件；然后虽然视觉上隐藏，但元素的尺寸还是原来的尺寸，在ie和Firefox浏览器下抹掉了不可见尺寸对布局的影响，Chrome浏览器保留了。

出自----《css世界》p199

<3>、绝对定位元素也有流体特性，但是在特定的条件下才有，这个条件就是“对立方向上同时发生定位的时候”。

出自----《css世界》p200

<4>、relative的定位有两个特性：一、相对自身 二、无侵入。另外有两点值得一提：相对定位元素的left/top/right/bottom的百分比值是相对于包含块的，而不是自身。注意：虽然定位的位移是相对自身，但是百分比值的计算不是的。

出自----《css世界》p205

<5>、当相对定位同时应用相对方向定位值的时候，只有一个方向的定位属性会起作用。孰强孰弱，则与文档流的顺序有关。默认的文档流的顺序是自上而下，自左而右。 

出自----《css世界》p205

<6>、当相对定位同时应用相对方向定位值的时候，只有一个方向的定位属性会起作用。孰强孰弱，则与文档流的顺序有关。默认的文档流的顺序是自上而下，自左而右。 

出自----《css世界》p205

<7>、font-family支持两类属性值，一类是“字体名”，一类是“字体族，” 

出自----《css世界》p233

<8>、在Firefox浏览器下，display:none的元素的backgroung-image图片是不加载，包括父元素display:none也是如此。如果是chrome和safari浏览器，则要分情况，若父元素display:none，则图片不加载，若本身背景图所在的元素隐藏，则图片依旧会加载；对ie浏览器，无论怎样都会请求图片资源。如果不是backgroung-image，而是<img>元素，则设置display:none 在所有的浏览器下依旧会请求图片的资源。

出自----《css世界》p294

<9>、visibility:hidden 不会影响计数器的计数，这和display：none 完全不一样。

出自----《css世界》p297

<10>、:root 是IE9及其以上的浏览器才认识的选择器，因此可以把IE8和其他的浏览器区分开。

出自----《css世界》p309

<11>、JavaScript 是一门单线程的语言，这意味着它只有一个调用栈，因此，它同一时间只能做一件事。

出自----JavaScript调用栈

<12>、除了广义的同步任务和异步任务，我们对任务有更精细的定义：

• macro-task(宏任务)：包括整体代码script，setTimeout，setInterval
• micro-task(微任务)：Promise，process.nextTick

出自----Promise与process.nextTick(callback)