主页

Formatting Context：指页面中一个渲染区域，并且拥有一套渲染规则，它决定了其子元素如何定位，以及与其他元素的相互关系和作用。 BFC(Block Formatting Context)：块级格式化上下文，它是指一个独立的块级渲染区域，只有Block-level Box参与， 该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。 满足下列CSS声明之一的元素便会生成BFC： 根元素或其它包含它的元素 float的值不为none； overflow的值不为visible； position的值不为static； display的值为inline-block、table-cell、table-caption、 flex或inline-fl...

typeof一个对象时，如果对象内部没有实现[[Call]]属性，返回object,否则返回function escape编码所有非ASCII字符，但是unicode支持不好 data-num=5,data-bol=true;得到的类型都是字符串类型； window.onerror 只能捕获在try里出错的内容； 函数节流 函数节流背后的基本思想是，某些代码不可以在没有间断的情况连续重复执行。 第一次调用函数，创建一个定时器，在指定的时间间隔之后运行代码。 当第二次调用该函数时，它会清除前一次的定时器并设置另一个。 如果前一个定时器已经执行过了，这个操作就没有任何意义。 然而，如果前一个定时器尚未执行，其实就是将其替换为一个新的定时器。 目的是只有在执行函数...

css不会阻塞内容加载，但是影响页面渲染； @规则 @import: 将其它样式表引入当前样式表里； 2种写法：@import "mystyle.css"; or @import url("mystyle.css"); @charset 设置样式表使用的字符 @charset "utf-8" 必须写在样式表开始部分，前面连空格都不允许有； @supports 声明浏览器支持的特性下的规则 ``` 语法： support的条件是由一个或者多个key:value通过 and\or\not 组成；使用（）定义优先级；条件必须放在括号里； @supports (条件) @supports (display: grid) { ...

window.length: 指页面中所包含的框架数量; window === window.frames frameElement属性是框架窗口中用来获取( iframe)框架节点自身用的: window.frames[0].frameElement.src StorageEvent Storage实例对象修改数据的时候会触发一个 StorageEvent事件，这个事件有些特别，当 事件触发后，消息会发送到打开的所有当前网站的其他页面中(当然要在同一个浏览器中)， 至于是否会发送给当前页面，不同的浏览器有不同的处理方法。这里测试的结果是 IE会发 送给当前页面和所有当前网站的其他页面，而 Firefox, Chrome 以及 Opera 只发送给...

Unicode编码的作用是将字符和数字对应起来，建立一个一一对应关系的映射关系，但是它并没有对具体怎么使用(例如怎么保存 、怎么传输等)做规定。 例如，Unicode规定了汉字“中”的编码为 Ox4e2d，但是对于具体怎么使用编码Ox4e2d, Unicode没做 规定 。 使用的关键是字符编码以什么形式保存，以及读取的时候如何正确地分割每个字 符 。 我们可以想到的最简单的方式应该就是数组，因为 Unicode 编码扩展后为 21 位，所 以每个数组元素最少就需要 21 位 。 又因为计算机的最小操作单位是字节，所以每个元 素最少应该有 3 个字节，并且需要内存对齐(例如按 2 字节对齐，那么数据的地址就需 要为偶数，当然，这里不对齐也是可以 的，但对齐可以使处理更加简单)，所以每...