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高度)