一面 2：JS-Web-API 知识点与高频考题解析1
需积分: 0 70 浏览量
2022-08-04
13:59:37
上传
评论
收藏 259KB PDF 举报
一面一面 2：：JS-Web-API 知识点与高频考题解析知识点与高频考题解析
除 ES 基础之外，Web 前端经常会用到一些跟浏览器相关的 API，接下来我们一起梳理一下。
知识点梳理知识点梳理
BOM 操作
DOM 操作
事件绑定
Ajax
存储
BOM
BOM（浏览器对象模型）是浏览器本身的一些信息的设置和获取，例如获取浏览器的宽度、高度，设置让浏览器跳转到哪个地址。
navigator
screen
location
history
这些对象就是一堆非常简单粗暴的 API，没任何技术含量，讲起来一点意思都没有，大家去 MDN 或者 w3school 这种网站一查就都明白了。面试的时
候，面试官基本不会出太多这方面的题目，因为只要基础知识过关了，这些 API 即便你记不住，上网一查也都知道了。下面列举一下常用功能的代码
示例
获取浏览器特性（即俗称的UA ）然后识别客户端，例如判断是不是 Chrome 浏览器
``` var ua = navigator.userAgent var isChrome = ua.indexOf('Chrome') console.log(isChrome)
```
获取屏幕的宽度和高度
``` console.log(screen.width) console.log(screen.height)
```
获取网址、协议、path、参数、hash 等
``` // 例如当前网址是 https://juejin.im/timeline/frontend?a=10&b=10#some console.log(location.href) // https://juejin.im/timeline/frontend?
a=10&b=10#some console.log(location.protocol) // https: console.log(location.pathname) // /timeline/frontend console.log(location.search) // ?
a=10&b=10 console.log(location.hash) // #some
```
另外，还有调用浏览器的前进、后退功能等
``` history.back() history.forward()
```
DOM
题目：DOM 和 HTML 区别和联系
什么是什么是 DOM
讲 DOM 先从 HTML 讲起，讲 HTML 先从 XML 讲起。XML 是一种可扩展的标记语言，所谓可扩展就是它可以描述任何结构化的数据，它是一棵树！
ai
- 粉丝: 58
- 资源: 315
评论0