前端面试题整理（四）浏览器

前端面试题整理之浏览器相关，

一、概述

骨架知识：浏览器模型，渲染原理，JS解析过程，JS运行机制

重点知识： http相关，cookie，cache，web安全相关，跨域处理

 

二、基础

1. 从输入URL到页面加载：http://www.dailichun.com/2018/03/12/whenyouenteraurl.html
2. 浏览器机制（异步机制、线程宿主环境）：https://www.jianshu.com/p/abc2dddcff18
3. 微任务宏任务（非常重要，考过）：https://juejin.im/post/59e85eebf265da430d571f89

 

三、跨域（跨域是浏览器的知识）

1. 跨域，为什么JS会对跨域做出限制？ jsonp和CORS那个更安全？nginx反向代理
2. CORS原理是什么（考过）？http://www.ruanyifeng.com/blog/2016/04/cors.html
3. jsonp的原理以及jsonp的返回类型 https://blog.csdn.net/hansexploration/article/details/80314948

手写jsonp https://blog.csdn.net/kumayato/article/details/73161980

 

四、进阶

1. 前端安全：xss，csrf…
2. 浏览器怎么加载页面的？script脚本阻塞有什么解决方法？defer和async的区别？
3. cookie被篡改怎么办？
4. 什么是预加载、懒加载
5. dns解析原理，输入网址后如何查找服务器

 

五、浏览器缓存

1. 浏览器强缓存和协商缓存：https://www.cnblogs.com/wonyun/p/5524617.html
2. 如何实现缓存机制？（从200缓存，到cache到etag再到）
3. 说一下200和304的理解和区别（考过）
4. web存储、cookies、cache、localstroge、 sessionstorage等的使用和区别