- 博客(7)
- 收藏
- 关注
原创 setInterval和setTimeout
定时器循环定时器 setInterval(function(){},毫秒){}参数1 回调函数 循环要做的事 | 参数2 循环间隔倒计时定时器 setTimeout()参数一样 倒计时执行 只执行一次将打印setInterval和setTimeout进行 返回值为序号 -- 排在第几个clearInterval定时调用的函数,可以按照给定的时间(单位毫秒)周期调用函数// 创建一个定时器,每隔1秒调用一次var timerId = setInterval(function (
2022-04-10 18:39:45
602
原创 监听与解绑
监听与绑定on 绑定事件写法DOM.on + ’事件类型‘ = 事件处理函数DOM.onclick= as //不带括号function as(){} //事件处理函数监听写法addEventListener 监听DOM.addEventListener('事件',调用函数,状态)DOM.addEventListener('click',调用函数,false)状态 :事件捕获 事件目标阶段 事件冒泡 on绑定默认冒泡阶段调用函数 ture:事件捕获 false:事件冒
2022-04-08 17:23:21
269
原创 JavaScript开关案例
<body> <div id="box"> </div> <input type="button" name="" id="btn" value="隐藏" /> <script type="text/javascript"> var oBox = document.querySelector('#box'); var oBtn = document.querySelector('#btn'); var op =.
2022-04-04 22:04:23
1249
原创 DOM学习笔记(部分)
基础名词 文档:一个网页可以称为文档 节点:网页中的所有内容都是节点(标签,属性,文本,注释等) 元素:网页中的标签 属性:标签的属性 api分类对元素对象的增删改查对元素属性的增删改查对元素位置的获取键盘事件与鼠标事件 事件监听 事件方法 事件对象 [点击,滚动,移入,输入,键入]node(节点)基础分类Node.ELEMENT_NODE:1 //标签 *Node.ATTRIBUTE_NODE:2 //属性 *Node.TEXT_N..
2022-04-04 17:12:59
821
原创 回流与重绘
回流 通俗来讲就是重新渲染页面 当我们页面的元素定位 位置发生改变更新 就会使页面重新渲染重绘 是更新页面样式 没有进行页面布局定位的更新为了解决多次重绘问题 我们通常用 creatDomcumentFragment()来解决问题这是一个虚拟对象 可以装任何节点元素 把我们所需要的东西放入到这个对象中当我们需要渲染页面时 只需放入虚拟对象中 再将对象放入页面进行一次渲染<script> /* 我要动态渲染3个div到页面上 append a
2022-04-03 17:28:52
281
原创 html css学习笔记
块元素和行内元素block 块元素占一整行(宽度默认容器100%) 另一个元素另起一行显示 可以控制宽高inline 行内元素 会在同一行显示 中间会留有空白间隙 不可控制宽高 padding border 只能设置水平方向inline-block 行内块元素 结合了块元素和行内元素的特性图片自适应设置图片宽度后 高度设置为auto外边距穿透解决方法父元素里的子元素添加margin-top时 父元素跟着移动 这就是外边距穿透解决方法 给父元素添加boder 或 pad
2022-04-03 00:52:58
227
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人