简介 离线访问对基于网络的应用而言越来越重要。虽然所有浏览器都有缓存机制,但它们并不可靠,也不一定总能起到预期的作用。HTML5 使用 ApplicationCache 接口解决了由离线带来的部分难题。 使用缓存接口可为您的应用带来以下三个优势: 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源,因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。 应用缓存(又称 ...
打开一个网页,加载完后,如果突然断网了,那么你刷新后那页面就没了。 有没有想过,刷新后页面还是刚刚才页面,在新窗口中再打开一个页面,输入相同的网址,在断网的状态下打开还是原来那个页面。。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通讯就非常便利,但...