首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
DOM
用户2704799027083
创建于2022-07-20
订阅专栏
关于学习DOM操作的一些我理解的笔记
暂无订阅
共11篇文章
创建于2022-07-20
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
DOM——防抖和节流
防抖:触发高频事件后n秒内只执行一次,如果n秒内再次触发就会重新计算时间。 节流:触发高频事件后n秒内只执行一次,所以节流会降下函数的执行频率。n秒内再次触发也不会执行 高频率触发的业务:抽奖、登录、
DOM——style的操作
出现的问题:想获取script脚本节点后面加载的元素节点,是获取不了的,因为文档的加载是按照文档树的顺序加载的 解决方案: 1.当页面加载完成的事件触发,再去执行获取节点的方式 2.script as
DOM——页面的渲染过程、重绘、回流(回档)
浏览器加载一份html文档是怎么加载的? 1.把标签、文本、注释、属性等等,解析为节点树(DOM Tree) 2解析DOMtree中的节点时,遇到了不同的元素会有不同的操作: 3.把 2.1 css样
DOM——事件代理、补充
事件代理:是一种设计思想,利用事件对象中引用的目标对象这个技术来实现的 原理:无论事件触发时,是不是目标对象的监听器,在监听器内部的事件对象event中都可以访问这个事件的目标对象,利用这个特点去绑定
DOM——事件链原理(捕获、目标、冒泡)、阻止事件冒泡和默认事件
事件链原理(捕获、目标(target)、冒泡): 事件链(path):先捕获,后目标,再冒泡,只能有一个阶段触发程序执行,比如捕获阶段触发了到了冒泡阶段就不再触发 (捕获阶段:相当于程序从window
DOM——盒子模型
盒子模型:元素的数据(比如宽高、大小等) x.offsetWidth:本身宽度+边框线+左右内边距(width+border+padding) x.offsetHeight:height+border
DOM——事件对象和this
事件对象: 定义:事件触发时,handler函数内部会传入数据,这个数据就是触发时的信息。 事件处理函数形参ev(event) 全局对象 window.event(如果函数传入了实参,就用这个) 兼容
DOM——事件类型、网页加载顺序
事件类型:鼠标事件、键盘事件 鼠标事件: click(单击事件): 只要鼠标按下和松开时,鼠标指针在被选元素区域内部,那么无论鼠标中间是否离开过被选元素区域内部,函数都会触发。 dblclick(双击
DOM——事件、事件绑定、事件解绑
事件: 定义:元素在某种状态(浏览器实现的,也就是事件触发时)达成时,要执行的、提前设定好的程序,我们称之为事件句柄,是交互体验的核心功能。 交互有两种:鼠标、键盘。 组成的三要素: 事件源、事件类型
DOM——获取元素的方式
通过方法获取元素: 1.旧方法: 1.通过id名获取元素,如果没找到,返回null,它的查找速度最快 document.getElementById("标签名") 2.获取节点容器,返回一个类数组,如
DOM——元素的增删改查、开关设计、插入节点
元素的增删改查: 1.获取元素 :document.querySelector("") 2.创建元素:这个元素是不会渲染到页面上的,它不在DOM中 document.createElement("")