摘要：
一、基本概念Google 宣布将在 Chrome 浏览器中移除对 H.264 视频解码的支持，此举在业界引起了不小的骚动。借此机会我们回顾一下 HTML5 视频格式之争。首先需要理清一些基本概念。我们平常笼统说的「视频格式」其实包含三个部分：视频编码、音频编码、容器格式。其中「编码」这个概念其实又包含两个方面：编码和解码。「视频编码」作为动词指的是将动态的图像信息转化为二进制数据的过程；其逆过程称为「视频解码」。「视频编码」作为名词则通常指的是某种特定的编码方式。同样的概念也适用于「音频编码」，只不过它转化的是声音信息。大多数「视频文件」都同时包含视频和音频，因此编码后至少都有两组二进制数据， 阅读全文
摘要：
导言话说web前端的技术先驱，国外当属Yahoo，而国内则当属淘宝。所以它们的一举一动都是整个互联网的风向标。就在前几天，偶然发现曾经一直困扰自己的鼠标悬停共用部分空间的问题在淘宝这里有了解决方案，马上拿来分析下。悬停状态共用某一区域用语言描述总是怪怪的，还是上图吧。可以看到，按照正常的的导航制作方法，每个按钮元素都有自己的独立区域，它们之间互不影响。但在本例中，两个按钮却在悬停状态下共用了中间一条线的区域，它是如何实现的，我们一步步来分析。先看它的背景原图（其它部分不重要，无视之）从原图上看，与我们传统的Sprite并无区别。再来看看Html结构/*这是我自己写的，与淘宝原始结构稍有不同*/ 阅读全文
摘要：
同源策略 在客户端编程语言中，如JavaScript和ActionScript，同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域，什么叫不同的域呢？当两个域具有相同的协议(如http), 相同的端口(如80)，相同的host（如www.example.org)，那么... 阅读全文
摘要：
段时间，团队内部有过好几次几次给力的分享，这里对西风师傅分享的继承机制稍作整理一下，适当加了写口语化的描述，留作备案。一、讲个故事吧澄清在先，Java 和Javascript是雷锋和雷峰塔的关系。Javascript原名Mocha，当时还叫做LiveScript，创造者是Brendan Eich，现任Mozilla公司首席技术官。1994年，历史上第一个比较成熟的网络浏览器——Navigator0.9版诞生在网景公司（Netscape），极为轰动。 但是，Navigator0.9只能用来浏览，不具备与访问者交互的能力，比如，用户提交一个数据表单，如果表单为空，浏览器是无法判断的，只能直接提交给 阅读全文