H5 活动页之移动端 REM 布局适配方法
本文介绍的方案来源于一次 H5 活动的开发实践。 H5 DEMO 参考：bir2017 拿到设计稿后，如何进行布局还原？ 如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现，常见的缩放方案有基于 viewport 和基于 rem 的布局适配方法。 1 viewport 缩放方案 在移动端，可以通过 viewport 缩放页面大小比率达到
网站渐进式增强体验(PWA)改造：Service Worker 应用详解
掌握 Service Worker 或许这一篇就够了。关于 PWA(Progressive Web Apps)，你需要了解的 Service Worker 内容这里都有。
HTML5 活动宣传页「My Flyme 独家记忆」开发实践总结
年前放假的最后一天，我们上线了「My Flyme 独家记忆」 H5 活动宣传页。 因种种原因，直到放假前几天，才突然要求我们参与并开始项目的前端部分。此时大概的情况是：所有数据已计算完毕；后端接口已完成待联调；交互视觉只出了不到四分之一(一共二十多个页面)；我们平时以中后台项目为主，这种活动页从未涉及。我们真正介入时距离上线时间点只有四天，在这种背景下，已经谈不上探讨什么样的技术选型最佳，只能是越
移动设备(手机)上浏览器全屏隐藏工具栏和菜单栏的设置
让手机上易于浏览阅读，meta viewport 必不可少。作为一款 webApp，你可能更希望默认为全屏模式。通过 meta 配置，在某些浏览器版本上可以实现这种效果。 以下内容仅供参考。 meta viewport 写法与相关参数 meta viewport 写法与相关参数如下。 <meta name=\"viewport\" content=\"width=device-width,init
HTML5 FormData 与无刷新文件上传
无刷新文件上传是一个常见而又有点复杂的问题，常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API，通过 FormData 可以方便地构造一个表单请求，并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的，如此则无刷新上传就变的非常简单了。 那么 FormData 怎么使用呢？下面志文工作室
HTML5 postMessage 消息传输与 POST 跨域通信
HTML5 的 postMessage 方法可实现不同窗体间互相通信。 postMessage 支持实现跨文档消息传输（Cross Document Messaging），并且可跨域传输信息。Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4 以上版本浏览器都已支持 postMessage。 1. postMessage 功能简介
HTML5 Canvas 应用示例：简易画板
代码如下： <!DOCTYPE html> <html> <meta http-equiv=\"content-type\" Content=\"text/html;charset=utf-8\"> <head> <title>简易画板</title> <style> #eraseImg{ /*橡皮样式*/ border:
HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件
HTML5 离线应用的实现少不了这个功能的支持，通过 manifest 文件配置，可以很方便的设置哪些文件可以和不可以被缓存。 加注： applicationCache API 由于问题较多，当前已不再建议使用，该标准也已被废弃。可以使用 service Worker 来代替相关需求的实现。 一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 新建 manifest
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 HTML5 的本地存储，并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的
参加html5年会：HTML5 年度HomeParty暨首届原创游戏大赛颁奖典礼
记不清具体何时看到并报的名，前几天收到了html5研究小组的邀请邮件。活动介绍巨富吸引力，引用为证： HTML5年会概要： 1、年会时间：2011年12月29日（周四）13：00~18:30 2、年会地点：北京-京仪大酒店（海淀区大钟寺东路9号，地铁10号线知春路站B出口，地图见后） 3、入场须知： 1）您需佩带有“5”标识（音同即可）
