H5 缓存机制浅析，移动端 Web 加载性能优化
2015-12-14 162300℃ 0评论
HTML5 是新一代的 HTML 标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5 引入的离线存储，这意味...No results found.
Category htmlandcss articles
说说大家都熟悉的网页动画技术
2015-12-07 169200℃ 0评论
网页动画除了flash和gif之外，还可以用css3、SVG和JS来实现（包括 css、SVG 的属性修改实现的动画）。
CSS或JS实现gif动态图片的停止与播放
2015-12-06 165500℃ 0评论
浏览器有一个特性就是通过ESC快捷键暂停gif的播放。据说FireFox浏览器以前也有，后来被干掉了……
页面白屏与瀑布流分析方法
2015-12-03 207800℃ 0评论
无线页面的开发在我们的日常工作中越来越重要，无线的性能也是我们需要重点关注的，而加载的性能又是无线性能中的一个重要问题。那么，今天我们一起来...
HTTP Keep-Alive模式
2015-12-01 172200℃ 0评论
故事发生在10月份的一次面试经历中，本来我不想说出来丢人显眼，但是为了警醒自己和告诫后人，我决定写成博文发出来。因为在面试过程中，我讲在20...
浏览器缓存机制
2015-12-01 161500℃ 0评论
浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的...
静态资源文件自动压缩并替换成压缩版本（大型网站优化技术）
2015-11-26 176600℃ 0评论
这一次，我总结和分享一项大型网站优化技术，那就是在项目中自动压缩静态资源文件（css、js），并让网站自动加载压缩后的资源文件。当然，这项技...
减少HTTP请求(大型网站优化技术)
2015-11-26 165000℃ 0评论
在网站开发过程中，对于页面的加载效率一般都想尽办法求快。那么，怎么让才能更快呢？减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我...
减少HTTP请求之合并图片详解（大型网站优化技术）
2015-11-26 164400℃ 0评论
看过雅虎的前端优化35条建议，都知道优化前端是有多么重要。页面的加载速度直接影响到用户的体验。80%的终端用户响应时间都花在了前端上，其中大...
致我们终将组件化的Web
2015-11-25 174600℃ 0评论
”按模块划分“目录结构，把当前模块下的所有逻辑和资源都放一起了，这对于多人独自开发和维护个人模块不是很好吗？当然了，那争论的结果是我乖乖地改...
HTML input type=file文件选择表单元素...
2015-11-24 171800℃ 0评论
在万恶的旧时代，HTML5还没有出现之前，原生的file input表单元素只能让我们一次上传一张图片。无法满足一次上传多图的交互需求，所以...
记一次淘宝首页奇葩的渲染问题
2015-11-23 164700℃ 0评论
或许你曾经在 Chrome 浏览器上碰到过这样让人瞠目结舌的问题：hover 触发一个层展示，hover 离开后，这个层还遗留残影。浏览器没...
使用Flexible实现手淘H5页面的终端适配
2015-11-21 174800℃ 0评论
曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对...
连不上网？英国卫报的个性离线页面是这样做的
2015-11-20 200200℃ 0评论
我们是如何使用 service worker 来为 theguardian.com 构建一个自定义的离线页面。
word-break:break-all 和 word-...
2015-11-19 180200℃ 0评论
下面这张截图是我转发一篇z-index相关文章时候的评论，因为我加了一句“学习了”，在我看来其实很正常的，因为我确实不知道opacity和t...
11 个 HTML5 动画工具
2015-11-16 192700℃ 0评论
如今，在Web开发中最为流行的语言就是HTML5了，它帮助开发者将多样化的内容展现给用户。在过去两三年中，我们共同看到了HTML5的发展，它...
详解CSS position属性
2015-11-16 207300℃ 0评论
position是CSS中非常重要的一个属性。本文将从最基础的知识讲起，谈谈关于positon属性的一些理论与应用。
CSS3中3D综合应用及分析
2015-11-13 253100℃ 0评论
今天我要和大家一起来学习一个酷炫的鼠标Hover效果。主要将会涉及到CSS3中3D效果的使用，以及在实现过程中我们使用到的一些简单的转换算法...
移动端开发小记 – Flexbox
2015-11-12 204200℃ 0评论
在开发移动端页面的时候，出去布局方便和减少代码量的考虑，使用了 Flexbox 的布局方式，在其中也遇到了一些问题，简单记录下。
打造最舒适的 webview 调试环境
2015-11-11 259000℃ 0评论
你在做移动web开发的时候是不是只是在Chrome下开启移动模式，然后就啪啪啪闷头敲代码了？如果你平时只是做做宣传页，Chrome的移动模式...