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();
  • 相关阅读:
    Mock工具Mockito教程
    基于Jmeter的自动化测试实施方案
    基于敏捷的测试交付物通用设计
    Jmeter 冒烟测试设计
    Jmockit之mock特性详解
    Sonar 常用代码规则(二)
    从Hg迁移到Git
    使用谷歌colab训练crnn模型
    使用AIstudio训练YOLOv3模型
    阿里云服务器部署Djano+Nginx+uWSGI+conda+Https
  • 原文地址:https://www.cnblogs.com/toodeep/p/4771981.html
Copyright © 2011-2022 走看看