超级会员免费看
这篇博客主要梳理了前端面试中关于JS-Web-API的重点，包括BOM、DOM、事件绑定、Ajax和存储等方面。BOM涉及navigator、screen、location等对象，DOM讲解了DOM树结构、节点获取和attribute与property的区别。事件部分介绍了事件冒泡和事件代理。Ajax部分涵盖了XMLHttpRequest和Fetch API，以及跨域解决方案JSONP和设置http header。最后，讨论了存储机制，比较了cookie、localStorage和sessionStorage的特点和用途。
除 ES 基础之外，Web 前端经常会用到一些跟浏览器相关的 API，接下来我们一起梳理一下。
知识点梳理
● BOM 操作
● DOM 操作
● 事件绑定
● Ajax
● 存储
BOM
BOM（浏览器对象模型）是浏览器本身的一些信息的设置和获取，例如获取浏览器的宽度、高度，设置让浏览器跳转到哪个地址。
浏览器本身的一些信息的设置和获取，例如获取浏览器的宽度和高度设置让浏览器跳转哪个地址
● navigator
● screen
● location
● history
这些对象就是一堆非常简单粗暴的 API，没任何技术含量，讲起来一点意思都没有，大家去 MDN 或者 w3school 这种网站一查就都明白了。面试的时候，面试官基本不会出太多这方面的题目，因为只要基础知识过关了，这些 API 即便你记不住，上网一查也都知道了。下面列举一下常用功能的代码示例
获取浏览器特性（即俗称的UA）然后识别客户端，例如判断是不是 Chrome 浏览器
var ua = navigator.userAgent
v
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
