DOM树：
html
head
meta title script
3.解析到script时，需要外部文件，此为同步任务，暂停
4.下载js文件，并用JS解析器对下载的脚本进行解析，并执行
5.js解析完成之后，同步任务结束，继续生成DOM树
DOM树：
html
head
meta title script
body
...
6.html文件解析完成后，渲染页面，下载页面需要的图片视频等
7.载入阶段完成
代码验证：
html文件：
浏览器原理和BOM操作js文件：
//第一阶段为同步阶段的演示
var n = document.getElementById('div1')
console.log(n)
n = document.getElementById('div2')
console.log(n)
结果：都是null
原因：
document.getElementById()是获取DOM树节点的方法，当DOM树解析到script时，进入同步任务，需要完成js解析才会继续生成DOM树，才能解析到body部分，而js文件就提出要获取body中的标签，构成资源被锁住的局面（资本家筷子问题），因此输出的结果是null
解决方法：
1.如果将script放在body最下方，在解析到div后才进入同步任务，就能获取到结果：
js文件不变，html文件改动：
浏览器原理和BOM操作控制台输出：
如果把script放在div1后面，div2前面，则只有显示出div1
2.延迟加载：虽然script放在head里，但效果和放在body最下方一致
3.异步加载
浏览器弹窗相当于是同步任务，当弹窗没有得到回应时，页面是不会加载后面的内容的
html文件：
aaa
1.方式一：alert弹窗
js文件：
//方式一
alert('alert 弹窗')
会弹出一个弹窗，只能点击确定，点击之后，显示aaa（script写在head里，按从上到下的顺序，应先弹窗再执行到body里的内容）
alert没有返回值
2.方式二：
//方式二
var bfs = confirm('confirm 弹窗');
console.log('confirm结果:' + bfs);
页面会弹出一个弹窗，可以点击确定或取消，当点击确定时，返回true；当点击取消时，返回false
3.方式三
//方式三
var rs = prompt('prompt 弹窗','ccy');
console.log(rs);
页面会弹出一个弹窗，可以输入文字，此处设置了默认值’ccy’，则弹窗的输入框会自动有’ccy’;
点击确定，就会返回对应值；
如果没有填数据，返回就是空；
点击取消，返回null
使用window.location对象进行操作，可以详细看url各个属性
其中pathname:/，指的是网址中域名端口之后剩余的部分
1.使用window.location.href或者
window.location.toString()都可以获得网址信息，window是全局对象，可省略不写
2.使用location.reload()可以刷新页面；
3.使用location.replace(‘新网址’)可以加载另一个页面；
案例：
var bfs = confirm('confirm 弹窗');
if (bfs){
location.replace('www.baidu.com/');
}else{
location.reload();
}
1.前进与后退：
history.back();//后退一步
history.forward();//前进一步
history.go(-1);//后退一步
history.go(-2);//后退两步
history.go(1);//前进一步
history.go(2);前进两步
数据结构与算法
这一块在笔试、面试的代码题中考核较多，其中常考的数据结构主要有：数组、链表、队列、栈、Set、Map、哈希表等，不同数据结构有不同的方法以及储存原理，这些算是技术岗的必备知识。算法部分主要分为两大块，排序算法与一些其他算法题。
排序算法根据考频高低主要有：快速排序、归并排序、堆排序、冒泡排序、插入排序、选择排序、希尔排序、桶排序、基数排序、Timsort这十种，这类考核点要么是算法的时间、空间复杂度、稳定度，要么是直接手写代码，故在理解算法原理的同时，对JS语言版的排序算法代码也要加强记忆。
- 二叉树层序遍历
- B 树的特性，B 树和 B+树的区别
- 尾递归
- 如何写一个大数阶乘？递归的方法会出现什么问题？
- 把多维数组变成一维数组的方法
- 知道的排序算法 说一下冒泡快排的原理
- Heap 排序方法的原理？复杂度？
- 几种常见的排序算法，手写
- 数组的去重，尽可能写出多个方法
- 如果有一个大的数组，都是整型，怎么找出最大的前 10 个数
- 知道数据结构里面的常见的数据结构
- 找出数组中第 k 大的数组出现多少次，比如数组【1，2， 4，4，3，5】第二大的数字是 4，出现两次，所以返回 2
- 合并两个有序数组
- 给一个数，去一个已经排好序的数组中寻找这个数的位 置（通过快速查找，二分查找）
