1.DOM:文档对象模型,是针对HTML和XML文档的一个API。DOM描绘了一个层次化的节点树,允许开发人员添加、移除、修改页面的某一部分。
2.IE中的DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JS对象的行为或者活动不一致。
3.DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。
4.DOM1级标准:1998年。
5.Node接口:有12种类型的节点(nodeType)利用node.nodeType==数字。元素节点中,nodename中保存的是元素的标签名,nodevalue里面是null。Nodelist是基于DOM结构动态执行查询的结果。要想在IE中将Nodelist转换为数组,必须手动枚举所有成员。
6.可以通过ownerDocument直接访问文档节点。
7. 还有插入、移除、复制等节点处理方法。
8.documentElenment属性可以更快捷、更直接地访问元素。可以直接使用document.body直接获得对body元素的引用。
9.document.doctype表示对的引用。
10.当页面中存在来自于其他子域的框架或者内嵌框架时,能够设置doucument.domain就非常方便了。
11.通过将每个页面的doucument.domain设置为一样的,那么这些页面就可以访问对象包含的JS对象了。但是,注意,如果域名原来是松散的,就不能把它设置为紧绷的。(跨域通信方式之一)
12.运营商的网线接到猫(公网ip,对外的,永远不会重复),猫接到路由器(信息先到路由器里面,根据内网ip转发,根据映射表(路由表)来找目的电脑(Mac地址)),再由路由器转发出去,路由器可以给客户端分配内网ip地址。路由:就是路的由来,方便进行后一步操作,也就是转发。
13.前端渲染、后端渲染:后端渲染,就是服务器进行网页渲染(如以前的JSP技术,前端只有CSS+HTML),浏览器显示。后端路由就是处理URL和页面之间的映射关系(通过正则)。
14.有了AJAX就不需要java对数据的提取了。实现前后端分离,也就是后端只负责数据提供,不负责界面部分,用户输入URL后,去静态服务器里面拿到css+html+JS,js代码由浏览器执行,而又利用ajax去API服务器里面获得接口,获得数据。这就叫前端渲染。浏览器中显示的网页中的大部分内容,都是由前端编写的js代码在浏览器中执行,最终渲染出来的网页。
15.单页面富应用阶段(SPA):就是在前后端分离的基础上加了一层前端路由。也就是前端来维护一套路由规则.整个网页只有一个html页面。前后端分离时,静态服务器里面保存的是一套一套的html+css+js(对应不同的url)。SPA里面,只有一套index.html+css+js代码。不同的应用就去里面抽离相关代码,去形成界面,而这种根据不同的应用去抽离不同的代码的技术就叫做前端路由,也会形成url,根据url去抽离代码。而在vue里面,抽取的就是一个一个的组件,一个组件对应一个界面。也就是url和页面的映射关系,是在前端管理,所以就叫做前端路由。核心就是:改变URL,但是页面步进行整体的刷新。
16.由于切换按钮背景图片出现的闪烁问题,可通过将样式应用于其父元素上来解决。