html5 application cache 笔记

html5 application cache : 网页可以离线访问,pc端使用不明显,移动端常用,比如手机没有网络一样可以使用缓存app的程序。

步骤:

1、正常写代码。

2、添加,manifest文件,在html头部添加后缀名为manifest的文件,同时在目录下创建一个manifest文件。

   <html manifest="cache.manifest">  

3、编写manifest文件,文件内容为:

CACHE MANIFEST

# version 1.0.0   //版本,可以控制更新,就可以更新下载在本地的缓存文件

//空一行

CACHE: //缓存在本地的文件

     index.html

     script.js

     style.css

 

NETWORK: //联网以后更新的文件 ,加不加都行

    * //所有文件

 

其他补充内容:

谷歌浏览器模拟网速工具,可以让浏览器模拟不同网络情况下网站的访问情况,可以模拟快速3G,慢速3G,关闭网络,或者自定义配置网络速度。

Js脚本严格模式:  'use strict';  

.js文件中document.write('h1'); h1 也可以按tab(ctrl+e)补全Emmet语法。

css注入html内容:

//  :: before 是在注入的内容再<body>的后面在body的内部。

//  :: after  也在body的内部,在</body>的前面。

body::before{

  content:'css注入的内容';

}

翻墙可以用蓝灯:lanterrn 付费加速软件

离线markdown在线编辑工具:https://stackedit.io/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值