第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步:
- 当浏览器第一次遇到含有manifest attribuate网页,浏览器会根据cache.manifest下载需要储存的内容生成第一版application cache
- 之后的浏览加载cache里有的话,浏览器会从application cache里拿,而不是从server里拿。同时浏览器还要去跟window.applicationCache检查自己的文件是否为最新的。
- 如果是最新的,浏览器就会给application cache发送noupdate,更新完毕。
- 如果不是,会把新版清单里的所有文件通过 applicationCache.add()放入创建一个临时的cache
- 检索完毕以后会自动放到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通道通俗来讲就是指图片的透明度信息。
网友评论