[html] 简述下html5的离线储存原理,同时说明如何使用?
[css] 清除浮动的方式有哪些及优缺点?
[js] 写一个加密字符串的方法
题目来源:
作者:浪子神剑
链接:https://www.jianshu.com/p/4ab288772c74
一、离线存储
利用浏览器的cache机制,用<html manifest = "XXX.manifest">的方式,引入离线配置文件,当加载这行代码时,就会自从从服务器下载配置文件中规定的文件,使用户未联网时也能访问部分页面。
使用就是在XXX.manifest中配置好需要下载的文件,写在cache中,需要联网才能访问的写在Network中,也就是不用离线存储的部分,在fallback中定义如果链接失效的替代链接。
二、清除浮动
为了解决高度塌陷问题,要清除浮动
- 用到BFC,给父元素开启BFC即可清除浮动 简单,容易,但是有可能使页面发生一些问题,如子元素被hidden
- 给父元素设置宽高,曲线救国 虽然没塌陷,但没从根本上解决
- 在浮动元素后面添加空div,加入clear:both样式 虽然内容是空的,但是还是多写了div标签,造成了冗余
- 给父元素也设置浮动 同样的,容易产生一些预期之外的问题
- 通过after伪元素,设置其样式为clear:both 这应该是最好的解决方案了,不造成冗余,使用CSS来解决样式问题,很对~
三、字符串加密算法
let fin = btoa(a) //挺好