打开一个网页，加载完后，如果突然断网了，那么你刷新后那页面就没了。 有没有想过，刷新后页面还是刚刚才页面，在新窗口中再打开一个页面，输入相同的网址，在断网的状态下打开还是原来那个页面。。HTML5的离线应用正提供了这样一个功能。 在页面中的数据加载时，你可以自己设定一些要缓存的图片、flash、css、js、html等文件，等下次不能联网的情况下，你可以用那些缓存的文件。这就是HTML5的离线应用。 其实它实现起来很简单。 ...
前面已经总结了主要的API扩展，下面几个扩展只有在专用的场合才会发挥最大的作用，这里简单了解一下。下面这些特性无一例外，IE均不支持。应用缓存和服务端消息在其他的主流浏览器中都是支持的。桌面通知目前只有Chrome支持。 应用缓存 很多时候，我们需要缓存一些不经常改变的页面来提高访问速度；而且对于某些应用，我们也希望在离线的情况下也可以使用。在HTML5中，你可以通过一个称之为“应用缓存”的技术很方便的实...
如果想使用该api，必须保证服务器端配置相应的mime类型。 拿tomcat为例，在打开Tomcat 6.0\conf\web.xml文件，在文件的最后面添加如下内容 代码如下: <mime-mapping> manifest <mime-type>text/cache-manifest</mime-type> </mime-mapping> 尤其注意，extension的value是manifest，所以以后配置缓存文件的后缀必须跟他一样。 使用缓存是必须如下格式 代码如下: ... cache.mainfest是在服务器端配置的文件 格式如下 代码如下: ...
我们在使用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: * 星号来指示所有为缓存的其他文件都需要因特网连接
清除网页缓存(html asp php java) 代码如下 HTML网页或者ASP网页Response.Expires = -1Response.ExpiresAbsolute = Now() - 1Response.cachecontrol = "no-cache"PHP网页header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");header("Cache-Control: no-cache, must-revalidate");header("Pragma: no-cache");JSP网页response.setHeader("Pragma", "No-cache");response.setHeader("Cache-Control", "no-cache");response.set...
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这一帧我该更新缓存了，尽管作为一个标志位用途很简单，但是因为要知道为什么要更新缓存，要更新哪些缓存，所以还是有必要好好了解下的。 为什...
二种php教程生成html页面实现代码 利用fopen fread fwrite fcolse打开文件形式$fp = fopen ("templets.html","a"); if ($fp){ $fup = fread ($fp,filesize("templets.html")); $fp2 = fopen ("html.shtml","w"); if ($fwrite ($fp2,$fup)){ $fclose ($fp); $fcolse ($fp2); die ("写入模板成功"); } else { fclose ($fp); die ("写入模板失败!"); } } ?> php读取文件,fread是用来读取用fopen打开的文件内容的,下面我...
本文分为两个部分，第一部分讨论跨平台网站的可行性，第二部分讨论viewport是如何设置的 开发跨平台网站？ 靠标签的自适应宽高实现多尺寸通用！？ 标签宽高可以自适应没错，我们很早就可以这么做了。但是你会发现很多pc端的传统网站还是会把宽度固定。（淘宝采用1000px宽度，搜狐950px...）为什么我们不让网站自适应宽高呢？那是因为，如果我们听任标签宽度被浏览器任意拉伸，将导致极差的体验：你不会希望当浏览器被缩放到100px时...
*特殊符号：·⊙①⊕◎Θ⊙*○¤㊣㈱＠の*□*☆** ▲△▼▽⊿ ▂ ▃ ▄ ▆ * * ▉ ▊▋▌▍▎▏* 回 □ **≡ ↑↓→←↘↙♀♂┇┅‖$ @ * & # ※ 卍 卐 ∞Ψ §∮ № ⌒ ＊ *标点符号： ．。，、；：？！ˉˇ¨`~ 々～‖∶＂＇｀｜·… — ～ - 〃 ‘'“”〝〞〔〕〈〉《》「」『』〖〗【】（）［］｛｝︻︼﹄﹃ *数学符号： ＋－×÷﹢﹣±／＝ ∥∠ ≌ ∽ ≦ ≧ ≒﹤﹥ ≈ ≡ ≠ ＝ ≤ ≥ ＜ ＞ ≮ ≯ ∷ ∶ ∫ ∮ ∝ ∞ ∧ ∨ ∑ ∏...
样式表可描述文档如何被显示、发音或打?SL 语言包括三部分：XSLT、XPath 以及 XSL 格式化对象。样式表可描述文档如何被显示、发音或打印。XSL 语言包括三部分：XSLT、XPath 以及 XSL 格式化对象。XML 教程如需学习更多有关 XSL 的知识，请阅读我们的 XSL 教程。XSL 版本XSL 1.0作为一项 W3C 推荐标准，XSL 1.0 作为一门表达样式表的语言被发布于 2001 年 10 月 15 日。它由三部分组成：XSLT、XPath 以及 XSL 格式化对象。XSLT 1....
一般在传统网页中注册用户信息都是通过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。 不再...