- 博客(5)
- 收藏
- 关注
RSS订阅原创 clientX与offsetX、clientWidth与offsetWidth的区别
相关属性介绍都要结合鼠标事件监听使用1、client相关属性获取鼠标位置鼠标相对于视口的位置e.clientX e.clientY （e是鼠标对象）获取节点尺寸节点.clientWidth; 节点.clientHeight;（返回值为数值）clientWidth = content宽度 + 左padding + 右padding（即：实际尺寸 不含border和margin，不论是什么盒模型）clientHeight = content高度 + 左padding + 右padding
2021-01-18 13:09:28
1351
原创 纯JS实现小球在页面跳动/弹弹弹（有注释）
小球在页面跳动实现方法用了transform:translate(x,y);即在当前位置进行移动，只需动态改变x和y的值就可以实现移动点我查看页面效果（点击小球开始跳动）JS//获取div节点let divEle = document.getElementsByTagName("div")[0];//在js里给小球设置样式divEle.style.width = 50 + "px";divEle.style.height = 50 + "px";divEle.style.backgrou
2021-01-11 18:05:20
1276
2
原创 JS实现轮播图效果（有详细注释）
轮播图这个代码是博主在学到DOM节点的属性和方法后写的，还没有学习事件，所以可能会有些复杂，但对于初学者可以用来学习逻辑思路。JS代码如下，有详细注释，html和css都是很基础的代码，也放在文章末尾了。JS//获取图片地址（自行更改）let imgArr = ['./img/1.jpg', './img/2.jpg', './img/3.jpg', './img/4.jpg', './img/5.jpg', './img/6.jpg'];//只有轮播效果，立即执行函数(function(){
2021-01-01 16:52:59
624
2
原创 JavaScript学习笔记——运算符
运算符算术运算符加减乘除：+ - * /取余数：%自增：++i++; 等同于 i = i+1;++在变量之前，先自增再使用++在变量之后，先使用再自增自减：--i++; 等同于 i = i+1;--在变量之前，先自增再使用--在变量之后，先使用再自增其中自增和自减符号是在变量被使用的情况下才满足上述规则。如下代码所示let a = 1, b = 1, c = 1, d = 1;console.log(`a的值为`);console.log(a++);//在使用a的同时用了
2020-12-18 17:55:41
166
1
原创 JavaScript学习笔记——算法（一）
前言本系列文章主要记录本人在学习JavaScript时的一些重要知识。整个文章使用了一些简单易懂的文字来书写，主要是便于我自己理解，可能不太规范，如有不理解的建议结合官方解释来理解，这里不再展示，也欢迎指出书写不正确的地方^ ^算法简单理解为实现功能的方法和步骤1.算法特点有效性（表达式要有效，如a除以b，b不能是0）有穷性（步骤是有限的，不是无限循环）确定性（真/假）有0到多个输入有1到多个输出2.伪代码对于没有计算机编程基础的初学者，可以在进行算法书写时先写伪代码理清逻辑流
2020-12-11 17:32:51
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人