[学习笔记] 【学习笔记】「充实计划-每日打卡」0628 奖励方式：回复跟帖（只包含内容1奖励 ... [推广有奖]

21楼

zgs3721 发表于 2019-6-28 08:15:24

昨天阅读2小时，总共阅读1135小时

22楼

bztian 发表于 2019-6-28 08:19:16

昨日阅读2小时，累计阅读956小时

读书笔记管理十诫 The Ten Commandm ents for Business Failure

第七诫　自己不去把握，完全信赖专家
“了解一些问题比知道所有的答案更好。” ——詹姆斯·瑟伯

10月到了，一个印第安部落的酋长认为当年冬天会很冷。因此，他就让部落里的人去捡柴火。为了验证自己的判断，酋长特意给国家气象台打电话，向一位气象学专家询问当年的冬天会不会很冷。气象专家说：“根据我们的预测指标，我们觉得今年冬天会冷。”因此，酋长就让部落成员去捡更多的柴火来避寒。一周后，酋长又给国家气象台打电话，气象专家确认说严冬就要到来。酋长让部落成员不要放过能找到的每一根柴火。半个月过后，酋长又给国家气象台打电话，问那位气象专家：“你确信今年冬天会很冷，是吗？”专家答道：“当然确信啰，因为现在印第安人正发疯似的在捡柴火呢。”

一些专家的判断一错再错。但是，他们依旧四处活跃，不断冲进企业和ZF大厦，到处兜售一些所谓的专家新发现、新预测、新术语和一些反刍过的“新思想”。

23楼

jcyang 发表于 2019-6-28 08:27:50

昨日阅读1小时，累积阅读278小时

24楼

liuyu1985110 发表于 2019-6-28 08:29:58

昨天阅读1小时，累计阅读307小时

25楼

scale0116

发表于 2019-6-28 08:31:38

昨日阅读1小时，累积阅读661小时

26楼

albertwishedu 发表于 2019-6-28 08:40:42

昨日阅读实践2小时，累计352.5小时

27楼

124613670 发表于 2019-6-28 08:41:36

昨日阅读1小时，累计阅读568小时 28

28楼

HappyAndy_Lo 发表于 2019-6-28 08:44:42

昨日阅读实践4小时，累计555小时

离线应用

Web应用程序在离线状态下也能正常工作，需要将Web应用程序的资源文件缓存在本地，当无法访问互联网时，还可以使用缓存文件运行Web程序
访问一个网页时，浏览器缓存会将该网页所需要的所有资源缓存在本地：HTML文件、CSS文件、JavaScript脚本等（只服务于一个页面）
本地缓存可以很好地为整个Web应用程序服务，可以指定具体的缓存内容。（通过cache Manifest）

Cache Manifest的基本用法

给网页添加Cache Manifest文件
示例：
CACHE MANIFEST
# VERSION 1.0
# 直接缓存的文件
CACHE:
action.html
topbox.css
topbox.js
images/topbox.png
# 需要在线缓存的文件
NETWORK:
online.html
# 替代方案
FALLBACK:
online.js offline.js
CACHE:
images/midbox.png

服务器必须支持text/cache-manifest这个MIME类型才能正确使用离线缓存
若使用的是Apache服务器，需要在设置中找到mime.types文件，然后在文件的最后，添加：
text/cache-manifest manifest
若使用的是IIS，则需在属性对话框中，选择HTTP头标签，在MIME映射下，单击文件类型按钮，在关联扩展名文本框中输入“manifest”，在内容类型文本框中输入text/cache-manifest

在线状态监测：

HTML5中，可以通过navigator.onLine属性检测当前浏览器是否在线。如果返回true，则表示浏览器在线。
因要获取当前网络状态，还需要在网络状态发生变化时触发online 或 offline事件，通知用户当前网络状态的变化。（一般在body元素上，并沿着document.body、document、window的顺序向上传递）

创建离线应用的示例：

<!DOCTYPE html>
<html manifest="index.appcache">
<head>
   <title>9.3.1</title>
   <meta charset="utf-8" />
   <script type="text/javascript" src="index.js"></script>
</head>
<body>
<img src="MyImage.png" id="MyImage" width="300" height="180" />
<hr />
<input type="button" value="监测浏览器状态" name="myButton" />
<h2 id="msg"></h2>
<hr />
<h2>替代资源<img src="ImgOnLine.png" id="FallBackImg" width="20" height="20" /></h2>
</body>
</html>

示例中的index.appcache文件：

CACHE MANIFEST
# VERSION v1.0
CACHE:
MyImage.png
index.js
ImgOffLine.png

NETWORK:
*

FALLBACK:
ImgOnLine.png ImgOffLine.png                (即用ImgOffLine.png 替代 ImgOnLine.png）

在index.js中，编写：

Function Show(){

var msg=document.getElementById("msg");
if(navigator.onLine){

msg.innerHTML="在线<img id='state' width='20' height='20' src='ImgOnLine.png' />";
}else{

msg.innerHTML="离线<img id='state' width='20' height='20' src='ImgOffLine.png' />";

}
}