从我上大学开始正式认识前端这个岗位到现在已经整整过了六年，这六年于我而言就像是观赏了一场盛大的游园活动。无数各式各样的框架、模式、开发思路如同花车一般从眼前掠过又走远。留下了一地残乱的余烬和破碎的思考。 当我抬头的时候，发现这已经是余留MVVM的时代。vue和react大行其道…

window：BOM的核心对象是window对象，它表示浏览器的一个实例。 avigator：navigator 对象包含有关访问者浏览器的信息。 window.screen 对象包含有关用户屏幕的信息。 location： 对象用于获得当前页面的地址 (URL)，并把浏览器重…

最近在重新过一遍前端的基础知识，WebAPI、 DOM和BOM是前端中非常重要的概念，但是很多刚刚接触前端的小伙伴不知道WebAPI、 DOM和BOM是什么，以及它们之间的关系，本文就把笔者对WebAPI、 DOM和BOM相关知识的总结，分享给各位小伙伴，希望能对大家有所启发。…

这次我们先介绍几个DOM标签获取的方式思维导图1、通过ID获取——元素对象语法：document.getElementById([ID])在整个文档中，根据元素的ID，获得这个元素对象document

对DOM的两个主要扩展是Selectors API和HTML5。 Selectors API致力于让浏览器原生支持CSS查询。在没有原生支持之前，只能通过javascript代码来完成查询操作。之后，解析和树查询操作可以在浏览器内部通过编译后的代码来完成，极大地改善了性能。 q…

1. DOM是啥 以上就是最简单的HTML 5的结构。一般我们会把它处理成一棵树，一棵节点树。 以上就是一棵树，浏览器把html渲染成的树，也就是Document结构。每个框就是一个Element、标题等文本内容是Text。 Document、Element、Text 的祖先都…

我们常听到DOM0级事件，DOM1级事件，DOM2级事件处理，其实这里的DOM0，DOM1，DOM2和DOM级别是密切相关的。 最开始的时候，IE4和Netscape等浏览器各自实现自己的一套DOM api，没有一个统一的标准，对于开发者和用户来说是一件头疼的事，于是，1998…

直接操作DOM已经很少在业务场景中用到了，但DOM始终作为前端的基础之一，在面试中往往总能够遇到。本文希望能够汇总以下简单的DOM知识点，让自己在沉迷框架构建时，不至于忽略或者忘记最基础的知识。主要分为两部分：1、常用的DOM方法的汇总；2、DOM的事件机制，主要是事件冒泡与事…