html
-
H5 缓存机制浅析 移动端 Web 加载性能优化
1 H5 缓存机制介绍 H5，即 HTML5，是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味着 w…
-
10个优秀的Javascript的音频库
Web和Web浏览器在过去几年取得了快速的进步，这些进步与新技术通常被认识是HTML5达到的惊人的成果。然而，在这些新技术中，音频任然是不足的。尽管谷歌开了WEB音频API，使我们…
-
绝对响应全屏背景图片
传统的观点是，大图出售。较为主观意见告诉我们，大图相当。不管什么原因，我们喜欢我们的大图像。更重要的是，我们真的很喜欢把他们的背景，并把大的文本在它们之上。 我不是在这里辩论，我们…
-
响应式布局入门之——侧栏菜单
一直以来响应式布局都是利用的bootstrap来做，但是在手机上浏览的话，bootstrap样式文件还是有点大 118k，如果再用上一些js库的话，上个几百k是轻轻松松了，这样一来…
-
异步碎片化：重新探索Progressive HTML渲染引擎
在eBay, 我们高度重视网站的性能和加载速度, 我们总是希望开发人员能够开发出被高速加载的网页. 这一点促使我们需要很好的了解网页内容是如何分发内容给浏览器的. Progress…
-
移动端适配方案(下)
推荐一篇文章：MobileWeb适配总结，里面说到的三种布局方法已经说的很详细，还分别做了demo，我就不做了，这里说说三种方案的原理以及我使用中的感受，希望各为互补，大家理解是最…
-
移动端适配方案(上)
要搞懂移动端的适配问题，就要先搞明白像素和视口。 像素 在移动端给一个元素设置 width:200px 时发生了什么？这里的px到底是多长呢？像素是网页布局的基础，但是我们一直在用…
-
前端工程与性能优化
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建…
-
HTML5、Web引擎与跨平台移动App开发
HTML5、Web引擎与跨平台移动App开发 移动端跨平台应用开发是个有趣的话题。纵观该领域目前各个开发商提供的多种方案，大致可以分为三大类： 基于HTML5的方案。该方案以Pho…
-
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定…