zoukankan      html  css  js  c++  java
  • 离线应用和web worker

    只当自己笔记一样,把自己看的资料整理一下而已,勿喷!

    搭建离线应用可以适用于一些小的应用场景。感觉目前用的也不是很多,分为以下几步:

    ①找到服务器的配置文件,设置头信息 : AddType text/cache-manifest .manifest

    ② html标签加 : manifest=“xxxxx.manifest”,例如:

    <html manifest="cache.manifest">

    ③写manifest文件 : 离线的清单列表 先写 : CACHE MANIFEST

    二、web worker

    web worker可以让web应用程序对多线程的支持比较好,从而大大提高性能。

    用法:

    首先创建Worker对象,例如:var w1 = new Worker('zwl.js'); 参数为后台处理的js文件的路径。

    然后利用worker对象下面postMessage方法来传递数据,例如:

    w1.postMessage('zwl');

    在后台处理的zwl.js文件中,有一个对象self,指的就是w1。在zwl.js中监听onmessage事件。

    self.onmessage(function(ev){

         self.postMessage(ev.data);

    });

    监听到该事件后,利用传递过来的数据,进行程序运行过后的结果又可以该事件中再次调用postMessage方法传递给客户端的js文件,同理客户端的js文件也需要监听onmessage事件,将结果数据获取。

    三、一些有意思的却不常用的html5

    1.设置元素内容可编辑contenteditable="true",例如:

    <div contenteditable="true" style="height:50px; 50px; background:red;">此处内容可编辑</div>

    2.语音输入: x-webkit-speech

    <input type="text" x-webkit-speech />

    仅支持webkit内核

    3.桌面提醒代码

    window.webkitNotifications.requestPermission();
    statue = window.webkitNotifications.checkPermission();
    var notification =window.webkitNotifications.createNotification("[imgurl]","Title","Body");
    notification.show();
  • 相关阅读:
    模拟最烂的网速
    TableView编辑状态下跳转页面的崩溃处理
    Swift的Optional类型
    autolayout之后获取uiview的frame
    Swift中的闭包(Closure)[转]
    Swift1.2与Xcode6.3 beta
    python技巧31[python中使用enum][转]
    Python初学者的捷径[译]
    tornado+bootstrap急速搭建你自己的网站
    Windows下nginx+tomcat实现简单的负载均衡、动静分离等
  • 原文地址:https://www.cnblogs.com/toodeep/p/4771981.html
Copyright © 2011-2022 走看看