HTML5离线存储原理及实现的代码实例 前言 使用 HTML5，通过创建 cache manifest 文件，可以轻松地创建 web 应用的离线版本。 HTML5引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势： 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 原理和环境 如上面提到的HTML5的离线存..
ECharts-基于HTML5 Canvas的JavaScript图表库图文详解 ECharts开源来自百度商业前端数据可视化团队，基于html5 Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 ECharts (Enterprise Charts 商业产品图表库) 提供商业产品常用图表，底层基于ZRender（一个全新的轻量级canvas类库），创建了坐标系，..
超级炫酷的HTML5 Canvas网络画板代码示例详解 在今天的HTML教程里，我们要学习一下如何使用HTML5 Canvas实现一个超酷而又简单的网络画板功能。在这个教程中，我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色，当然作为画板还需要很多功能，这里只是最基本的绘制功能，大家可以自己实现类似矩形、椭圆等复杂元素的绘制。 你也可以再这里查看DEMO演示 下面我们来简单地分析一下实现这个HTML5网页画板的原理及代码，代码由HTML以及Javascript组成，主要还是Javascr..
20个非常绚丽的HTML5/CSS3应用插件的详细介绍（图） 基于HTML5的应用现在已经非常广泛，今天我们就来向大家分享20款非常绚丽的HTML5/CSS3应用插件。希望大家喜欢并分享给你的好友们。 1、HTML5视频破碎重组特效 强大视觉冲击 HTML5视频播放器很多，但是HTML5视频特效还是很少见的，这款HTML5视频破碎重组特效非常刺激，给人强大的视觉冲击。点击视频任意地方，HTML5将会将这些区域击碎，过一段时间，这些被击碎的视频碎片又将自动重新组合。是一款非常不错的HTML5视频..
HTML 5.1 — 14 项新增特性及使用示例代码详解（图） HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准，如此形成的协议可在全世界通行。在 2016 年 11 月， W3C 对长期行使的 HTML 5 标准进行了更新，它是2年内的第一次小更新。许多最开始提出的 HTML 5.1 功能特性都因为设计上的缺陷和缺乏浏览器厂商的支持而去掉了。
基于HTML5的Web跨设备超声波通信方案详解 前言：Chirp在iPhone上掀起了有声传输文件的序幕，我们再也不需要彩信、蓝牙配对、IM来传送数据。它通过“叽叽喳喳”的小鸟叫声来分享数据，简单有趣，而且可以快速的实现一对多的分享。 此外支付宝曾经试推过“声波支付”，利用手机发送超声波至终端作为交易密码进一步完成交易。然而支付宝的技术目前只是使用在了支付上，而需要可接受声波支付的特定售货机方可使用。 《Advan
从HTML5移动应用现状谈发展趋势的详细介绍 时光如梭，自2008年HTML5诞生以来已经过去了5年的时间，作为新一代的Web标准，它自问世以来就受到方方面面的强烈关注，也引起了许多争议，支持者因其开放强大的特点而鼓吹它的美好前景，质疑者因其迟迟不能很好落地而怀疑它的实际作用。现在我们从现状入手，以提问的方式针对HTML5在移动平台的发展趋势做一个剖析，使得大家能够从纷繁复杂的信息中对HTML5的未来有更清晰的了解和认识。
怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解（一） 前言 迪斯尼《Find Your Way to OZ》这个贴近地气的游戏我在最新一期《程序员》杂志的《从HTML5移动应用现状谈发展趋势》这篇文章里有所提及，它借用了近期上映的《魔境仙踪》电影的设定（设定来自于经典故事《绿野仙踪》，看过这个电影的同学们会深有感触），构建了一个等同的宏大游戏世界。同时迪斯尼又和谷歌合作，把它作为Chrome浏览器性能和HTML5技术的一个show ca
怎样开发优秀的HTML5游戏-迪斯尼《寻找奥兹之路》游戏技术详解（二） （接上文）桌面游戏通常创建于一个核心的物理引擎。因此，要在3D世界中模拟一个柔软的物体，需要一个完整的物理模拟器，并且建立一种可信的行为。 WebGL和JavaScript还不能奢华到可以运行一个完全成熟的物理模拟器。因此，在这个游戏中我们必须找到一种方式来创建风的效果。 我们在3D模型中为每一个对象嵌入“风敏度”的信息。3D模型的每个顶点有一个“风属性”，指定顶点应该
用HTML5构建高性能视差网站的图文代码详解 本文介绍了一种时尚的网站设计方法，以及如何由浅入深的通过HTML5和浏览器渲染机制来构建高性能的站点。 文中多处涉及浏览器重绘和性能优化的原理，也是《Web滚动性能优化实战》的拓展和延续，难度上属于中级进阶，请在阅读前请先看看这篇文章。 介绍 视差网站最近风靡一时，只需看看下面这些站点： Old Pulteney Row to the Pol
