某公司电话面试

1. sessionstorage、localstorage、cookie区别

   cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。
   cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递。
   sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
   cookie有path概念，子路径可以访问父路径cookie，父路径不能访问子路径cookie

   存储大小：
   cookie数据大小不能超过4k。
   sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

   有期时间：
   localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
   sessionStorage 数据在当前浏览器窗口关闭后自动删除。
   cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

   • seessionStorage

       临时性的，页面打开有，页面关闭没有  
       数据不共享  
       通过a标签来跳出一个页面，则sessionStorage共享
     

   • localStorage

       永久性的存储  
        不能跨域
       数据共享
     

   • cookie
     cookie在同源且符合path规则的文档之间共享

2. 如何实现浏览器内多个标签页之间的通信?

   WebSocket、SharedWorker；
   也可以调用localstorge、cookies等本地存储方式；
   
   localstorge另一个浏览上下文里被添加、修改或删除时，它都会触发一个事件，
   我们通过监听事件，控制它的值来进行页面信息通信；
   注意quirks：Safari 在无痕模式下设置localstorge值时会抛出 QuotaExceededError 的异常；
   

3. 懒加载和预加载

   • 用CSS和JavaScript实现预加载:backgrond
   • 仅使用JavaScript实现预加载

   • 使用Ajax实现预加载

     1. 第一种是纯粹的延迟加载，使用setTimeOut或setInterval进行加载延迟.
     2. 第二种是条件加载，符合某些条件，或触发了某些事件才开始异步下载。
     3. 第三种是可视区加载，即仅加载用户可以看到的区域，这个主要由监控滚动条来实现，一般会在距用户看到某图片前一定距离遍开始加载，这样能保证用户拉下时正好能看到图片。
4. post和get的区别
   
5. 正则表达式
6. bfc
   如何触发
   
   • 根元素
   • float属性不为none
   • position为absolute或fixed
   • display为inline-block, table-cell, table-caption, flex, inline-flex
   • overflow不为visible
7. 快速排序和堆排序
8. 盒子模型与box-sizing
9. 翻墙
10. css和js引入位置
    浏览器解析html页面首先浏览器先下载html，然后在内存中把html代码转化成Dom Tree，然后浏览器根据Dom Tree上的Node分析css和Images，当文档下载遇到js时，js独立下载。
    js是阻塞加载，会影响页面加载的速度，如果js文件比较大，算法也比较复杂的话，影响更大。CSS放在前端是页面渲染时首先是根据DOM结构生成一个DOM树然后加上CSS样式生成一个渲染树，如果CSS放在后面可能页面会出现闪跳的感觉，或者是白屏或者布局混乱样式很丑直到CSS加载完成。
11. rem和em
12. 登录安全性
13. hashtag和history
14. 画三角形
15. 长连接短连接