自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 收藏
  • 关注

原创 setInterval和setTimeout

定时器 循环定时器 setInterval(function(){},毫秒){} 参数1 回调函数 循环要做的事 | 参数2 循环间隔 倒计时定时器 setTimeout()参数一样 倒计时执行 只执行一次 将打印setInterval和setTimeout进行 返回值为序号 -- 排在第几个 clearInterval 定时调用的函数,可以按照给定的时间(单位毫秒)周期调用函数 // 创建一个定时器,每隔1秒调用一次 var timerId = setInterval(function (

2022-04-10 18:39:45 530

原创 监听与解绑

监听与绑定 on 绑定事件写法 DOM.on + ’事件类型‘ = 事件处理函数 DOM.onclick= as //不带括号 function as(){} //事件处理函数 监听写法 addEventListener 监听 DOM.addEventListener('事件',调用函数,状态) DOM.addEventListener('click',调用函数,false) 状态 :事件捕获 事件目标阶段 事件冒泡 on绑定默认冒泡阶段调用函数 ture:事件捕获 false:事件冒

2022-04-08 17:23:21 218

原创 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 1195

原创 DOM学习笔记(部分)

基础名词 文档:一个网页可以称为文档 节点:网页中的所有内容都是节点(标签,属性,文本,注释等) 元素:网页中的标签 属性:标签的属性 api分类 对元素对象的增删改查 对元素属性的增删改查 对元素位置的获取 键盘事件与鼠标事件 事件监听 事件方法 事件对象 [点击,滚动,移入,输入,键入] node(节点)基础分类 Node.ELEMENT_NODE:1 //标签 * Node.ATTRIBUTE_NODE:2 //属性 * Node.TEXT_N..

2022-04-04 17:12:59 764

原创 回流与重绘

回流 通俗来讲就是重新渲染页面 当我们页面的元素定位 位置发生改变更新 就会使页面重新渲染 重绘 是更新页面样式 没有进行页面布局定位的更新 为了解决多次重绘问题 我们通常用 creatDomcumentFragment()来解决问题 这是一个虚拟对象 可以装任何节点元素 把我们所需要的东西放入到这个对象中 当我们需要渲染页面时 只需放入虚拟对象中 再将对象放入页面进行一次渲染 <script> /* 我要动态渲染3个div到页面上 append a

2022-04-03 17:28:52 232

原创 html css学习笔记

块元素和行内元素 block 块元素占一整行(宽度默认容器100%) 另一个元素另起一行显示 可以控制宽高 inline 行内元素 会在同一行显示 中间会留有空白间隙 不可控制宽高 padding border 只能设置水平方向 inline-block 行内块元素 结合了块元素和行内元素的特性 图片自适应 设置图片宽度后 高度设置为auto 外边距穿透解决方法 父元素里的子元素添加margin-top时 父元素跟着移动 这就是外边距穿透 解决方法 给父元素添加boder 或 pad

2022-04-03 00:52:58 161

原创 js基础部分学习笔记

js学习

2022-04-03 00:49:14 915

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除