1 / 16
文档名称:

HTML5 应用程序课件.ppt

格式:ppt   大小:420KB   页数:16页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML5 应用程序课件.ppt

上传人:bb21547 2020/7/28 文件大小:420 KB

下载得到文件列表

HTML5 应用程序课件.ppt

相关文档

文档介绍

文档介绍:高级前端技术PHP课程第二季第五讲HTML5应用程序3ApplicationcacheWebSocketWebWorkers拖放API桌面通知总结Applicationcache实现离线存储离线存储作用:1、用户可离线访问你的应用,这对于无法随时保持联网状态的移动终端用户来说尤其重要2、用户访问本地的缓存文件,通常意味着更快的访问速度3、仅仅加载被修改过的资源,避免同一资源对服务器多次的请求,大大降低了对服务器的访问压力ApplicationCache实现离线存储第一步:,该文件里声明了浏览器需缓存的所有资源文<!DOCTYPEhtml><htmlmanifest=''><head><metacharset="UTF-8"><title>离线缓存示例页面</title><!--CSS文件引用--></head><body><!--各种标签--></body></html>ApplicationCache实现离线存储第二步:#version:1#注释:需要缓存的文件,无论在线与否,均从缓存里读取CACHE:#注释:不缓存的文件,无论缓存中存在与否,WORK:#注释:获取不到资源时的备选路径,,则返回404页面FALLBACK:-manifest文件类型支持。。文件编码格式必须是utf-8。。ApplicationCache实现离线存储手动操作缓存//updateready后,=function(){();();}//update方法调用时,页面会主动与服务器通信,检查页面当前的缓存是否为最新的,如不是,();通信API-WebSocket网站如何实现即时通讯?et方式一:轮询大量消耗服务器带宽和资源服务器不能主动推送数据HTML5的WebSocket,能更好节省服务器带宽并达到实时通讯WebSocket是一种基于一个TCP连接的双向的通讯方式。浏览器和服务器只需要要做一个握手的动作,然后,浏览器和服务器之间就形成了一条快速通道。,服务器采用模块化设计,非常易于扩展。下载地址: https://code./p/phpwebsocket/WebSocket客户端var conn = new WebSocket("ws://localhost:8080");   = function(evt) { alert("Conn opened"); }  // = function(evt) { alert("Read: " + ); }  // = function(evt) { alert("Conn closed"); }  //=function(evt){alert("Conn error");)//("Hello World");//客户端发送消息