每日前端签到（第114天）

第114天（2018-11-26）

• [html] 请描述下application cache的更新过程？
• [css] 请举例说明伪元素 (pseudo-elements) 有哪些用途？
• [js] 请说说escape、encodeURI、decodeURI、encodeURIComponent和decodeURIComponent的区别？
• [软技能] 用哪种格式可以存储包含Alpha通道的图像？Alpha通道是指什么？

题目一：
application cache需要一个manifest attribuate来链接cache manifest文件。这个功能可以离线储存，降低page loading时间。这个cache.manifest文件主要包含三个部分：1.cache需要离线储存的内容 2.network只有online才能看见的内容 3. fallback 知道基本概念以后，更新过程主要分为5步：

1. 当浏览器第一次遇到含有manifest attribuate网页，浏览器会根据cache.manifest下载需要储存的内容生成第一版application cache
2. 之后的浏览加载cache里有的话，浏览器会从application cache里拿，而不是从server里拿。同时浏览器还要去跟window.applicationCache检查自己的文件是否为最新的。
3. 如果是最新的，浏览器就会给application cache发送noupdate，更新完毕。
4. 如果不是，会把新版清单里的所有文件通过 applicationCache.add()放入创建一个临时的cache
5. 检索完毕以后会自动放到application cache

现已不推荐使用application cache。知识点比较冷门。
详细权威介绍：https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
中文大神讲解：https://segmentfault.com/a/1190000000732617
想知道其他离线储存，去第四天有大神们解答。

题目二：
作为实际DOM元素使用
作为一些视觉装饰性的元素使用
题目三：
之前完全不知道 查了才知道的

• escape
  用来编码string，现在不推荐使用，注意无法处理特殊字符* @ - _ + . /
• encodeURI
  用来编译URI，无法编码A-Z a-z 0-9 ; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #，因为没法编译"&", "+", "="，无法完成get和post指令，但encodeURIComponent可以编译
• encodeURIComponent
  无法编码 A-Z a-z 0-9 - _ . ! ~ * ' ( )
  我没有查到urlencodeComponent和urlencode，等看着大神的解答。谢谢@DarthVaderrr指正

题目四：
PSD、TIF、TAG、PNG；

Alpha通道通俗来讲就是指图片的透明度信息。