学习记录
文章平均质量分 62
学习记录
David_zm
这个作者很懒,什么都没留下…
展开
-
排他思想
如果有同一组元素,我们想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己 <button>按钮</button> <button>按钮</button> <button>按钮</button> <button>按钮</button> <butto原创 2020-12-10 19:24:38 · 176 阅读 · 0 评论 -
放大镜
案例图片案例代码 * { padding: 0; margin: 0; } .box { position: relative; width: 1200px; margin: 100px auto; } .small_box { width: 450px; heigh原创 2020-12-14 19:48:13 · 139 阅读 · 1 评论 -
js 录音demo
js 实现录音demo原创 2022-11-07 21:30:03 · 996 阅读 · 1 评论 -
DOM 获取元素
获取元素为什么要获取页面元素?例如:我们想要操作页面上的某部分(显示/隐藏,动画),需要先获取到该部分对应的元素,再对其进行操作。1. 根据ID获取语法:document.getElementById(‘id’)作用:根据ID获取元素对象参数:id值,区分大小写的字符串返回值:元素对象 或 null案例代码<body> <div id="time">2020-12-9</div> <script> // 因原创 2020-12-09 20:27:11 · 96 阅读 · 0 评论 -
节点操作
节点概述网页中的所有内容都是节点(标签、属性、文本、注释等),在DOM 中,节点使用 node 来表示。HTML DOM 树中的所有节点均可通过 JavaScript 进行访问,所有 HTML 元素(节点)均可被修改,也可以创建或删除。一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。利用 DOM 树可以把节点划分为不同的层级关系,常见的是父子兄层级关系。父级节点node.parentNode 可以返回某节点的父节点,原创 2020-12-10 20:32:42 · 357 阅读 · 0 评论 -
vue实现移动端上拉加载更多
<!-- 容器 --> <div ref="body" @scroll.passive="scrollEvent"></div>// 定义一个flag变量 充当节流阀let flag = 0;// 定义一个wait变量 延迟多长时间触发let wait = 1500;export default { name: "Demo", data() { return {}; }, methods: { // 滚动事件 s..原创 2021-11-09 10:12:42 · 791 阅读 · 0 评论 -
事件高级
注册事件(2种方式)给元素添加事件,称为:注册事件 或者 绑定事件注册方式有两种方式: 传统方式 和 监听注册方式事件监听addEventListener()事件监听(IE9以后支持)eventTarget.addEventListener(type, listener, [useCapture])方法将指定的监听器注册到 eventTarget(目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。该方法接受三个参数:type: 事件类型字符串, 比如 click 、 mouse原创 2020-12-11 20:01:26 · 80 阅读 · 0 评论 -
mac安装mySql
1.进入2.依次点击 DOWNLOADS > MySQL Community (GPL) Downloads > MySQL Community S3.进入Archived页面可以根据自己需求选择对应mySql版本,根据对应芯片进行下载4.下载好之后双击进行安装5.安装步骤 一直继续就好6.设置好初始密码完成安装 通过系统设置可以看见已经安装上了。原创 2024-03-25 16:24:14 · 366 阅读 · 1 评论 -
自定义属性操作
自定义属性: 我们程序员自己添加的属性我们称为自定义属性获取属性值element.属性 获取内置属性值(元素本身自带的属性)element.getAttribute(‘属性’) 主要获得自定义的属性(也可以获得内置属性)<div id="time" class="nav" index="1"> </div>其中id、class属于div的内置属性 index属于自定义属性设置属性值element.属性= ‘值’element.setAttribute(‘属性’原创 2020-12-10 20:05:34 · 462 阅读 · 0 评论 -
表单全选 取消全选的案例
* { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border-spacing: 0; border...原创 2020-12-10 19:52:20 · 446 阅读 · 0 评论 -
JavaScript Math取整方法
1. Math.floor() 向下取整floor 地板的意思向下取整就是 向下找取距离最近的整数并返回(往最小了取值)例:console.log(Math.floor(1.1)); // 1console.log(Math.floor(1.9)); // 1console.log(Math.floor(-1.4)); // -22.Math.ceil() 向上取整ceil 天花板的意思向上取整就是 向上找取距离最近的整数并返回(往最大了取值)例:console.log(原创 2020-12-06 21:08:27 · 2837 阅读 · 0 评论