浏览器中有很多和高度、宽度相关的属性，那么他们到底有什么不一样呢？他们是如何定义的呢？ Element.clientWidth MDN 定义如下： The Element.clientWidth property is zero for inline elements and elements with no CSS; otherwise, it's the inner ...

浏览器不支持画布(canvas)时的备案 your browser doesn't support canvas! </canvas ...

苹果的 safari 直接支持 hls。但是其他的浏览器却没有提供相应的支持。根据我的测试，android 手机的 webview 可以支持 hls，PC 上的 chrome 却不行，很令人费解。 下面是 videojs 给出的一套 hls 解决方案： ...

首先了解下什么是 CSS pixels，什么是 device pixels； CSS pixels 可以理解为 css 像素，是浏览器使用的抽象单位，主要用来在网页上绘制内容。也可以说 css px 是专门为 web 开发者提出的一个抽象概念，也只跟我们平时写的 css 样式有关，与分辨率（比如 720px\*1280px）里的 px 没关系。 `device p ...

如果页面不再 iframe 中，window.parent.location 的值是当前的 window.location if (window.location !== window.parent.location) { window.parent.location = window.location; } ` ...

要理解闭包，首先必须理解 Javascript 特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript 语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js 代码 var n = 999; function f1() { alert(n); } f1(); // 999 另一方面，在函数外部自然无法读取函 ...

document.activeElement 三大浏览器 (ie、firefox、chrome) 都支持，但，针对的对象不同，返回的值也不同。 IE： document.activeElement 可获得所有聚焦的元素，包括 input、textarea、div 等。IE 只关心光标聚焦的位置，不关心聚焦元素的性质。 Chrome： `document.activeEl ...

function htmlEncode(str) { var div = document.createElement("div"); var text = document.createTextNode(str); div.appendChild(text); return div.innerHTML; } function htmlDecode(s ...

Html5 终于解决了上传文件的同时显示文件上传进度的老问题。现在大部分的网站用 Flash 去实现这一功能，还有一些网站继续采用 Html with enctype=multipart/form-data，但是需要修改服务器端可用才能显示给用户文件上传的进度。本质上你需要做的工作是在服务器端接收一个文件时，你发送给它一个字节流，所以你需要知道你已经接收到多少字节并以某种方式 ...

Link 标签有两个作用：1. 定义文档与外部资源的关系；2. 是链接样式表。 最常用的写法，即外链 CSS rel 该属性规定当前文档与被链接文档之间的关系。但是，只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只 ...