less、http缓存机制、H5总结

141 阅读2分钟
Less简介
    LESS 是动态的样式表语言,通过简洁明了的语法定义,使编写CSS 的工作变得非常简单
less在CSS 的语法基础之上,引入了变量,Mibxin(混入),运算以及函数等功能,大大简化化了CSS的编写,并且降低了
CSS 的维护成木,就像它的名称所说的那样,LESS 可以让我们用更少的代码做更多的事情。
https://less.bootcss.com/

http.png

http缓存规则
    HTTP缓存有多种规则,根据是否需要重新向服务器发起请求来分类,可以将其分为两大类(强制缓存,对比缓存),
强制缓存如果生效,不需要再和服务器发生交互,而对比缓存不管是否生效,都需要与服务端发生交互。
    两类缓存规则可以同时存在,强制缓存优先级高于对比缓存,也就是说,当执行强制缓存的规则时,如果缓存生效,
直接使用缓存,不再执行对比缓存规则。

强制缓存:
对于强制缓存来说,header中会有两个字段来标明失效规则(Expires/Cache-Control),指的是当前资源的有效期

对比缓存:
    对比缓存,顾名思义,需要进行比较判断是否可以使用缓存。
    浏览器第一次请求数据时,服务器会将缓存标识与数据一起返回给客户端,客户端将二者备份至缓存数据库中。
    "再次请求数据时,客户端将备份的缓存标识发送给服务器,服务器根据缓存标识进行判断,判断成功后,返回304
状态码,通知客户端比较成功,可以使用缓存数据。"
在对比缓存生效时,状态码为304,并且报文大小和请求时间大大减少。但是在访问数据的时候不会根据代码的改变而改变

H5总结:
    1、调接口:ajax、http、跨域、jaop、本地存储(cms)
    2、封装:闭包、面向对象、防抖、节流、封装、垃圾回收、json的转换
    3H5相关:H5事件(pc、移动)、API、画图、fill