什么是DOM和BOM?
DOM (Document ),简称文档对象模型。通过创建树来表示文档,描述了处理网页内容的方法和接口。用DOM API可以轻松地删除、添加和替换节点。
BOM (Browser object model),简称浏览器对象模型。描述了与浏览器进行交互的方法和接口
BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一个Global(全局)对象。这意味着在网页中定义的任何对象,变量和函数,都作为全局对象的一个属性和方法存在.
从window.document已然可以看出,DOM的最根本的对象是BOM的window对象的子对象document。推理如下:
- js是通过访问BOM对象来访问、控制、修改客户端(浏览器)。
- 由于BOM的window包含了document,window对象的属性和方法是可以直接使用而且被感知的,因此可以直接使用window对象的document属性,通过document属性就可以访问、检索、修改XHTML文档内容与结构。
- 因为document对象又是DOM模型的根节点,可以说BOM包含了DOM(对象)。
- 浏览器提供出来给予访问的是BOM对象,从BOM对象再访问到DOM对象,从而js可以操作浏览器以及浏览器读取到的文档。
如何是实现浏览器内多个标签页之间的通信?
1.定时器Setlnterval+Cookie
2LocalStaorge
3.WebSocket通讯
4.SharedWorker
5.postMessage
对DOMContentLoaded,load,beforeunload,unload几个页面生命周期事件的理解?
HTML 页面的生命周期包含三个重要事件:
- DOMContentLoaded —— 浏览器已完全加载 HTML,并构建了 DOM 树,但像 <img> 和样式表之类的外部资源可能尚未加载完成。
- load —— 浏览器不仅加载完成了 HTML,还加载完成了所有外部资源:图片,样式等。
- beforeunload / unload —— 当用户正在离开页面时。
每个事件都是有用的:
- DOMContentLoaded 事件 —— DOM 已经就绪,因此处理程序可以查找 DOM 节点,并初始化接口。
- load 事件 —— 外部资源已加载完成,样式已被应用,图片大小也已知了。
- beforeunload 事件 —— 用户正在离开:我们可以检查用户是否保存了更改,并询问他是否真的要离开。
- unload 事件 —— 用户几乎已经离开了,但是我们仍然可以启动一些操作,例如发送统计数据。
总结
页面生命周期事件:
- 当 DOM 准备就绪时,document 上的 DOMContentLoaded 事件就会被触发。在这个阶段,我们可以将 JavaScript 应用于元素。
诸如 <script>...</script> 或 <script src="..."></script> 之类的脚本会阻塞 DOMContentLoaded,浏览器将等待它们执行结束。
图片和其他资源仍然可以继续被加载。
- 当页面和所有资源都加载完成时,window 上的 load 事件就会被触发。我们很少使用它,因为通常无需等待那么长时间。
- 当用户想要离开页面时,window 上的 beforeunload 事件就会被触发。如果我们取消这个事件,浏览器就会询问我们是否真的要离开(例如,我们有未保存的更改)。
- 当用户最终离开时,window 上的 unload 事件就会被触发。在处理程序中,我们只能执行不涉及延迟或询问用户的简单操作。正是由于这个限制,它很少被使用。我们可以使用 navigator.sendBeacon 来发送网络请求。
使用input标签上传图片时,怎样触发默认拍照功能?
使用 capture 属性(用于指定文件上传控件中媒体拍摄的方式)
可选值:
- camera 打开摄像头
- user 前置摄像头
- environment 后置摄像头
- camcorder 录像
- microphone 录音
iinput上传文件设置同时选择多张?
通过input标签设置multiple属性
<input type = "file" name="files" multiple/>
如何禁止input展示输入的历史记录?
在input中加入autocomplete=”off“
(autocomplete属性是用来规定输入字段是否自动完成的功能)
能否使用自闭合script标签引入脚本文件?
不能。自闭合标签来自于XML语法,而不是HTML语法。
页面统计数据中。常用的PV、UV指标分别是什么?
PV(页面访问量):用户每一次对网站中的每个网页访问均被记录一个PV
UV(独立访客):是一个反映实际使用者的概念,每个UV相对于每个IP,更加准确地对应一个实际的浏览者是一个反映实际使用者的概念,每个UV相对于每个IP,更加准确地对应一个实际的浏览者。
简单描述从输入网址url到页面显示的过程?
大概过程如下:
- 输入网址
- DNS解析
- 发起TCP连接
- 客户端发送HTTP请求
- 服务器处理请求并返回HTTP报文
- 浏览器解析渲染页面
- 连接结束
HTTP1.0和HTTP2.0的区别
总的区别就是:
- HTTP/2采用二进制格式而非文本格式
- HTTP/2是完全多路复用的,而非有序并阻塞的——只需一个连接即可实现并行
- 使用报头压缩,HTTP/2降低了开销
- HTTP/2让服务器可以将响应主动“推送”到客户端缓存中