清除浮动

[html] 简述下html5的离线储存原理,同时说明如何使用?
[css] 清除浮动的方式有哪些及优缺点?
[js] 写一个加密字符串的方法
题目来源:
作者:浪子神剑
链接:https://www.jianshu.com/p/4ab288772c74

一、离线存储

利用浏览器的cache机制,用<html manifest = "XXX.manifest">的方式,引入离线配置文件,当加载这行代码时,就会自从从服务器下载配置文件中规定的文件,使用户未联网时也能访问部分页面。
使用就是在XXX.manifest中配置好需要下载的文件,写在cache中,需要联网才能访问的写在Network中,也就是不用离线存储的部分,在fallback中定义如果链接失效的替代链接。

二、清除浮动

为了解决高度塌陷问题,要清除浮动

  1. 用到BFC,给父元素开启BFC即可清除浮动 简单,容易,但是有可能使页面发生一些问题,如子元素被hidden
  2. 给父元素设置宽高,曲线救国 虽然没塌陷,但没从根本上解决
  3. 在浮动元素后面添加空div,加入clear:both样式 虽然内容是空的,但是还是多写了div标签,造成了冗余
  4. 给父元素也设置浮动 同样的,容易产生一些预期之外的问题
  5. 通过after伪元素,设置其样式为clear:both 这应该是最好的解决方案了,不造成冗余,使用CSS来解决样式问题,很对~

三、字符串加密算法

let fin = btoa(a) //挺好
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。