我们在使用offline cache的时候，有时候可能会更新资源，如js，css或者图片的 更新。但是在没有更新以前用户已经缓存了旧版本的资源，当在次访问的时候 他使用的还是旧版本的资源，如何才能让用户及时的更新缓存资源呢？ 更新缓存资源主要有两种方法，通过修改配置文件的版本号或者调用js完成更新 js更新方法 代码如下: if (window.applicationCache.status == window.applicationCache.UPDATEREADY) { window.applicationCache.up...
使用Application Cache缓存了页面及静态资源，发现用ajax请求数据，或者加载未缓存的资源时，无法加载，报错如下： CAUTION:Provisional headers are shown， 解决方法： manifest.appcache配置文件中NETWORK:需要配置*， CACHE MANIFEST # 2015-02-21 v1.0.2 /test.html NETWORK: * 星号来指示所有为缓存的其他文件都需要因特网连接
canvas玩多了后，就会自动的要开始考虑性能问题了。怎么优化canvas的动画呢？【使用缓存】使用缓存也就是用离屏canvas进行预渲染了，原理很简单，就是先绘制到一个离屏canvas中，然后再通过drawImage把离屏canvas画到主canvas中。可能看到这很多人就会误解，这不是写游戏里面用的很多的双缓冲机制么？其实不然，双缓冲机制是游戏编程中为了防止画面闪烁，因此会有一个显示在用户面前的画布以及一个后台画布，进行绘制时会先将画面内...
起源html5之前的网页，都是无连接，必须联网才能访问，这其实也是web的特色，这其实对于PC是时代问题并不大，但到了移动互联网时代，设备终端位置不再固定，依赖无线信号，网络的可靠性变得降低，比如坐在火车上，过了一个隧道（15分钟），便无法访问网站，这对于web的伤害是很大的，比如对于 《ecmascript合集》这样的为阅读而生的页面。 html5便引入了cache manifest 文件。那么什么是cache manifest呢，接下来会讲到。 什么是Ca...
three.js里的很多对象都有一个needsUpdate属性，文档中很少有写（不过three.js的文档本来就没多少，很多问题还得靠github上的issues），网上各式各样的教程中也不太会写这个，因为对于简单的入门程序而言，是用不到这个属性的。 那么这个属性到底是用来干嘛的，一言以敝之就是告诉renderer这一帧我该更新缓存了，尽管作为一个标志位用途很简单，但是因为要知道为什么要更新缓存，要更新哪些缓存，所以还是有必要好好了解下的。 为什...
本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的 开发跨平台网站？ 靠标签的自适应宽高实现多尺寸通用！？ 标签宽高可以自适应没错，我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。（淘宝采用1000px宽度，搜狐950px...）为什么我们不让网站自适应宽高呢？那是因为，如果我们听任标签宽度被浏览器任意拉伸，将导致极差的体验：你不会希望当浏览器被缩放到100px时...
一般在传统网页中注册用户信息都是通过post或ajax提交到页面处理,到了HTML5后我们有另一种方法就是通过websocket进行数据交互.websocket在数据交互有着传统网页所不具备的灵活性,通过Websocket建立长连接后服务器可以直接向client发送数据,而每次数据交互没有必要带上大量的http头信息.websocket协议本身支持两种数据格式文本和流,通过文本json的方式和javascript交互是一件非常简单事情,通过json网页和Websocket通讯就非常便利,但...
HTML 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个 HTML 元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。HTML 4.01 与 HTML 5 之间的差异 HTML 5 中的新事件：onabort, onbeforeunload, oncontextmenu, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onmessage, onmousewheel, onresize, onscroll, onunload。 不再...
php+html5基于websocket实现聊天室的方法，html5websocket本文实例讲述了php+html5基于websocket实现聊天室的方法。分享给大家供大家参考。具体如下： html5的websocket 实现了双向通信，折腾了几天弄了个聊天室，分享给大家 <?php error_reporting(E_ALL); ob_implicit_flush(); $sk=new Sock(127.0.0.1,8000); $sk->run(); class Sock{public $sockets;public $users;public $master;public function __construct($address, $por...
b 和 i 标签在现在的 Web 标准潜规则中是不推荐使用，甚至是反对使用的，因为认为他们只是“表现”粗体和斜体，而没有任何“语义”。更多的用 strong 和 em 标签代替。 而在新的 HTML5 工作草案 中对于 b 和 i 标签是这样定义的： 以下是代码片段： 代码如下: The b element now represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such a...
这次给大家介绍的是HTML5中秋吃月饼大赛的一个小游戏。该游戏是用鼠标点击进行游戏，在一定的时间内看谁吃的多。下面是全部源码，一起来看一下。<!DOCTYPE html> <html> <head><meta charset="UTF-8" /><meta name="viewport" content="initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, width=device-width"><meta name="screen-orientation" content="portrait"><title>HTML5制作吃月饼小游戏 </title><...
代码如下: var dataBase = openDatabase("student", "1.0", "学生表", 1024 * 1024, function () { });if (!dataBase) { alert("数据库创建失败！");} else { alert("数据库创建成功！");}解释一下openDatabase方法打开一个已经存在的数据库，如果数据库不存在，它还可以创建数据库。几个参数意义分别是：1，数据库名称。2，版本号 目前为1.0,不管他，写死就OK。3，对数据库的描述。4，设置数据的大小。5，回调函数(可省略)。...
HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序。本文将介绍5个新型的API，希望对你的开发工作有所帮助。1. 全屏API（Fullscreen API）该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。 代码如下:// 找到适合浏览器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } e...
HTML5在页面结构，多媒体处理等多方面都与以往的HTML有很大的不同。在本教程中，将带领大家使用HTML5，CSS3及PHP实际设计一个符合HTML5标准的简单的表单提交网页，读者可以从中学习到HTML5 新的表单页面的基本元素。本文的读者为有一定HTML，CSS及PHP的读者学习表单的设计草图由于本文不是教photoshop制作的文章，因此只是把设计的表单的草图设计出来，然后去使用HTML5，CSS3和PHP去实现，我们要设计的表单草图如下图所示： ▲可以...
文章来源：小青年原创 发布时间：2016-05-19 关键词：mui,html5+,webview 转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160519 写在前面 本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP，同时基于环形或者融云实现聊天功能。作为本系列文章的第一篇，本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法，因为是初级教程篇不过多讲解原理部分...