- 博客(14)
- 收藏
- 关注
RSS订阅原创 JavaScript事件对象中与距离相关的属性
movementX和movementY属性表示事件发生时，鼠标指针相对于上一次触发相同事件时的水平和垂直距离。通过使用这些与距离相关的属性，我们可以确定事件发生的位置和移动距离。offsetX和offsetY属性表示事件发生时，鼠标指针相对于事件源元素的水平和垂直距离。offsetTop和offsetLeft属性可以用来获取元素相对于其最近的定位父元素的顶部和左侧的距离。offsetWidth和offsetHeight属性可以获取元素的宽度和高度，包括边框和滚动条的宽度。
2024-03-08 13:45:10
659
1
原创 vue的最基本功能实现（挂载元素、双向数据绑定）
vue的最基本功能实现（挂载元素、双向数据绑定）以下代码实现了可以将vue对象实例挂载到某个元素，并在挂载元素的后代元素上将vue实例data内的数据通过v-model属性绑定到表单元素上。也可以通过{{ key }}将data内的数据渲染到页面中。
2023-05-24 20:44:50
263
1
原创 MySQL基础知识及其基本相关操作
存储的数据的"仓库"语法：create database 数据库名;命名规则︰1.第一个字符必须是下列字符之一:a-z和A-Z，下划线(_)、at符号(@)或者数字符号(#)。2.后续字符可以是at符号（@)、美元符号($)、数字符号或下划线,字母。3.标识符不能是所用RDBMS的保留字。不允许嵌入空格或其它特殊字符使用数据库use 数据库名删除数据库drop database 数据库名。
2023-03-08 09:12:42
159
原创 JS基础之BOM基本操作练习（返回网页顶部，吸顶条）
JS基础之BOM基本操作练习（返回网页顶部，吸顶条）；本篇文章包含了两个基于BOM基本操作的小练习，用于进一步加强对BOM基本操作的掌握。关于BOM的基本操作可简单参考。
2023-02-10 16:42:07
206
原创 JS基础之BOM基本操作的简单练习(图片修改前后对比)
JS基础之BOM基本操作的简单练习(图片修改前后对比)；本篇文章包含了一个基于BOM基本操作的小练习，用于进一步加强对BOM基本操作的掌握。关于BOM的基本操作可简单参考。
2023-02-10 16:17:06
122
原创 JS基础之BOM浏览器对象模型的基本介绍及简单操作
window.alert(); 提示弹窗；window.prompt(); 可输入弹窗，返回输入值和boolean；window.confirm(); 确认框，返回的是boolean类型；window.open(); 在新窗口打开网页；window.close() 关闭当前窗口；window.setTimeOut(函数, 毫秒数); // 计时器，只执行一次；window.setInterval(函数, 毫秒数); // 计时器，每多少秒执行一次；
2023-02-10 15:59:58
128
原创 JS基础之表单部分相关操作与正则表达式
/将正则匹配的字符﹐放在数组中，进行返回，如果没有返回null。// 通过索引(键名)获取。// 通过id(键名)获取。(3)str.replace(正则, 替换内容);/a[bc]d/ abd或acd /a[b|c]d//^\d\w$/ 匹配一个数字开头，一个单词结尾的结果，如：5w。/[abc]/ a或b或c /[a|b|c]//a[ab]/ aa或ab /a[a|b]/document.forms //获取节点下的所有form表单。
2023-02-10 15:53:22
137
原创 JS基础之DOM事件的简单介绍及相关操作
事件处理:发生某个事情后，你的反响(你的处理方式)问题:网页事件发生，如果想对网页对应的事件发生后，做一些处理.解决方案:对事件进行绑定(指事件绑定处理程序–函数),将事件和对应事件处理进行关联。
2023-02-08 20:15:02
186
原创 JS基础之DOM节点和网页元素基本操作练习（侧边栏菜单，滚动菜单，tab选项卡，背景切换）
JS基础之DOM节点和网页元素基本操作练习（侧边栏菜单，滚动菜单，tab选项卡，背景切换）
2023-02-08 20:08:33
349
原创 JS基础之DOM节点和网页元素基本操作练习（下拉列表和复选框操作案例）
JS基础之DOM节点和网页元素基本操作练习（下拉列表和复选框操作案例）；练习一， 通过选择省份，获取所选省份的城市；练习二，复选框的全选与反选；练习三，下拉列表多选项的移动；
2023-02-08 10:30:54
325
原创 JS基础之DOM对节点属性和样式的基本操作（一）
元素节点.setAttribute("属性名","值");元素节点.removeAttribute("属性名");元素节点.getAttributeNode("属性名");元素节点.getAttribute("属性名");元素节点.getAttribute("属性名");element.setAttribute("class","类名")父节点.insertBefore(新节点，引用节点);元素节点.attributes //获取当前元素所有的属性节点。父节点.replaceChild(新节点，旧节点);
2023-02-08 09:50:29
1043
原创 JS基础之DOM节点和网页元素基本操作练习（一）
本篇文章包含了基于DOM节点和网页元素基本操作的3个小练习，用于进一步掌握对DOM节点和网页元素的获取和操作。练习1：模拟点击隐藏显示顶部栏；练习2：模拟添加标签；练习3：模拟简单轮播图；
2023-02-06 09:55:54
600
1
原创 JS基础之DOM文档对象模型的简单介绍及节点和网页元素的基本操作
document.querySelector() // 返回第一个dom节点对象，没有返回NaN。outerHTML: 获取或设置元素节点的内容，内容标签可被解析，包含自身节点也会被替换。prevElementSibling: 返回当前节点的上一个元素节点。nextElementSibling: 返回当前节点的下一个元素节点。firstElementChild: 返回当前节点的第一个子元素节点。lastElementChild: 返回当前节点的最后一个子元素节点。
2023-01-13 17:47:24
247
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人