本文介绍的方案来源于一次 H5 活动的开发实践。 H5 DEMO 参考：bir2017 拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般…
标签：html5
网站渐进式增强体验(PWA)改造：Service Worker 应用详解
掌握 Service Worker 或许这一篇就够了。关于 PWA(Progressive Web Apps)，你需要了解的 Service Worker 内容这里都有。
HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结
年前放假的最后一天，我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因，直到放假前几天，才突然要求我们参与并开始项目的前端部分。此时大概的情况是：所有数据已计算完毕；后端接口已完成待联调；交互视觉只…
移动设备(手机)上浏览器全屏隐藏工具栏和菜单栏的设置
让手机上易于浏览阅读，meta viewport 必不可少。作为一款 webApp，你可能更希望默认为全屏模式。通过 meta 配置，在某些浏览器版本上可以实现这种效果。 以下内容仅供参考。 meta viewport …
HTML5 FormData 与无刷新文件上传
无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，…
HTML5 postMessage 消息传输与 POST 跨域通信
HTML5 的 postMessage 方法可实现不同窗体间互相通信。 postMessage 支持实现跨文档消息传输（Cross Document Messaging），并且可跨域传输信息。Internet Explo…
HTML5 Canvas 应用示例：简易画板
代码如下： <!DOCTYPE html> <html> <meta http-equiv="content-type" Content="text/html;charset=utf-8"&…
HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件
HTML5 离线应用的实现少不了这个功能的支持，通过 manifest 文件配置，可以很方便的设置哪些文件可以和不可以被缓存。 加注： applicationCache API 由于问题较多，当前已不再建议使用，该标准也…
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直…
参加html5年会：HTML5 年度HomeParty暨首届原创游戏大赛颁奖典礼
记不清具体何时看到并报的名，前几天收到了html5研究小组的邀请邮件。活动介绍巨富吸引力，引用为证： HTML5年会概要： 1、年会时间：2011年12月29日（周四）13：00~1…