2024年前端最全WebApi入门第九章（BOM浏览器对象模型）(1)，2024历年字节跳动前端面试真题解析

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

3.window对象三个事件

---

window对象有三个事件，记录了浏览器窗口从打开到关闭的三个过程

• 1.window.onload:界面上所有的内容加载完毕之后才触发这个事件

• 2.window.onbeforeunload:界面在关闭之前会触发这个事件

• 3.window.onunload:界面在关闭的那一瞬间会触发这个事件

• 点击某个离开页面的链接

• 在地址栏中键入了新的 URL

• 使用前进或后退按钮

• 关闭浏览器窗口

• 重新加载页面

4.location对象

---

• 1.location对象：包含当前页面的URL信息

• url：统一资源定位符

• url = 协议名（http） + ip地址（域名） + 端口号 + 资源路径

• 2.location对象有三个常用的方法

• （1）打开新网页：location.assign(‘你要打开的新网页的url’)

• （2）替换当前网页：location.replace(‘要替换的网页url’)

• (3) 刷新当前网页: location.reload()

5.history对象

---

history对象主要用于记录当前窗口的历史记录

• 主要作用就是前进和后退网页（相当于浏览器的左上角前进后退按钮功能）

• history.forward():前进

• history.back():后退

6.navigator对象

---

navigator对象：包含当前浏览器的信息

• 应用场景：用户信息统计（统计我这个网站平台的用户群体分布，什么浏览器，windows什么版本等）

下一章：WebApi入门第八章（模拟百度搜索框）

下一章：WebApi入门第十章（本地存储 localstorage与sessionstorage）

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】