前端架构

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！

JavaScript 里面event事件计算元素位置，计算元素位置,如e target。总会被clientX,offsetX,screenX,pageX,offsetLeft,scrollLeft弄的

js在操作DOM中存在着许多跨浏览器方面的坑，虽然现在有jquery可以一劳永逸地解决这些问题。但是还是把这些收集起来。做个备忘录。

事件就是用户或浏览器自身执行的某种动作。响应某个事件的函数就叫事件监听器，户产生的事件（比如鼠标点击）只要指定过回调函数，这些事件发生时就会进入 "任务队列 "，等待主线程读

web前端开发，JS修改页面，首选就是的页面元素查找，节点遍历。DOM通过创建树来表示文档，描述了处理网页内容的方法和接口，从而使开发者对文档的内容和结构具有空前的控制力，用DOM API可以轻松地删

DOM模型将整个文档看成一个树形结构，并用document对象表示该文档。NodeType属性来表明节点类型，element是包含在node里的，它的nodeType是1，Document文档对象元素

DOM是为了操作文档出现的接口，浏览器向我们提供了当前网页的地图或者说模型，而我们可以通过js去读取这张地图对html元素进行查找及修改,BOM主要是处理浏览器窗口和框架，比如操作浏览器历史记录，获取

preload 是一个声明式 fetch，可以强制浏览器在不阻塞 document 的 onload 事件的情况下请求资源。​webpack code-splitting 搭配preload优化单页面