前端缓存方式

session 、 cookie  知识点

        区别对比：1、cookie数据存放在客户端，session数据放在服务端

                        2、cookie不是很安全，别人可以分析存放在本地的cookie并进行cookie欺骗，

                        如果主要考虑到安全应当使用session

                        3、session会在一定时间内保存在服务器上，当访问增多，会比较占用你的服务器        ·                的性能，如果主要考虑到减轻服务器性能方面，应当使用COOKIE

                      4、单个cookie在客户端的限制是3K,就是说一个站点在客户端存放的COOKIE不能3k

          所以：将登陆信息等重要信息存放为SESSION;其他信息如果需要保留,可以放在COOKIE中

两个都可以用来存私密的东西，session过期与否，取决于服务器的设定，cookie过期与否，可以在cookie生成的时候设置进去。

localStorage、sessionStorage  知识点

        locaclStorage生命周期是永久的，存放数据大小一般为5MB,而且它仅在客户端(即浏览器)中保存，不参与和服务器的通信。

        .localStorage是一个保存于客户端的哈希表，可以用来保存本地的一些数据。并且不会因为刷新而释放，所以，可以使用localStorage来实现变量的持久化存储

localStorage的特点

        .localStorage与HTTP没有任何关系，所以在HTTP请求时不会带上localStorage的值

        .只有相同域名的页面才能互相读取localStorage,同源策略与cookie一致

        .不同浏览器，对每个域名localStorage的最大存储量的规定不一样,超出存储量会被拒绝。

        .常用来记录一些不敏感的信息

        .localStorage理论上永久有效，除非用户清理缓存

sessionStorage的有效期是页面会话持续，如果 页面会话结束（关闭窗口或标签页）sessionStorage就会消失，而localStorage则会一直存在。

六、堆和栈 知识点

        1、堆是人为分配的，内存较大，运行速度快；栈是系统分配的，内存较小，运行速度相对较慢（先进后出数据结构）

---------------------------------------------------------------------------------------------------------------------------

七、innerHTML和outerHTML的区别

        1、innerHTML  元素内包含的内容

        2、outerHTML   自己以及元素内的内容

八、offsetWidth 、offsetHeight和clientWidth、clientHeight的区别

        1、offsetWidth    (content宽度+padding宽度+border宽度)

        2、offsetHeight   (content高度+padding高度+boder高度)

        3、clientWidth     (content宽度+padding宽度)

        4、clientHeight     (content高度+padding高度)