追雪球的代码周记

相关属性介绍 都要结合鼠标事件监听使用 1、client相关属性 获取鼠标位置 鼠标相对于视口的位置 e.clientX e.clientY （e是鼠标对象） 获取节点尺寸 节点.clientWidth; 节点.clientHeight;（返回值为数值） clientWidth = content宽度 + 左padding + 右padding（即：实际尺寸 不含border和margin，不论是什么盒模型） clientHeight = content高度 + 左padding + 右padding

小球在页面跳动 实现方法用了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

轮播图 这个代码是博主在学到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(){

运算符 算术运算符 加减乘除：+ - * / 取余数：% 自增：++ i++; 等同于 i = i+1; ++在变量之前，先自增再使用 ++在变量之后，先使用再自增 自减：-- i++; 等同于 i = i+1; --在变量之前，先自增再使用 --在变量之后，先使用再自增 其中自增和自减符号是在变量被使用的情况下才满足上述规则。 如下代码所示 let a = 1, b = 1, c = 1, d = 1; console.log(`a的值为`); console.log(a++);//在使用a的同时用了

前言 本系列文章主要记录本人在学习JavaScript时的一些重要知识。 整个文章使用了一些简单易懂的文字来书写，主要是便于我自己理解，可能不太规范，如有不理解的建议结合官方解释来理解，这里不再展示，也欢迎指出书写不正确的地方^ ^ 算法 简单理解为实现功能的方法和步骤 1.算法特点 有效性（表达式要有效，如a除以b，b不能是0） 有穷性（步骤是有限的，不是无限循环） 确定性（真/假） 有0到多个输入 有1到多个输出 2.伪代码 对于没有计算机编程基础的初学者，可以在进行算法书写时先写伪代码理清逻辑流