- 博客(11)
- 收藏
- 关注
RSS订阅原创 js学习笔记11（动画及其案例）
/判断步长为正还是为负，为正就将步长值往上取整，为负就把步长值往下取整（比如，计算出结果为 8.1，往上取整得到9 再往下计算得到直到最后相减得出数据为0.9-0.1时移动距离直接取0了，就没办法移动到目标距离， 计算结果为负数时道理一样，只是负数要忽略符号时取比8.1大的数，只是在数学里，-9比-8.1小，所以应该往小了取）animate(span,500);//表示两个都为真时，才执行这两个条件，也就是说，必须在有回调函数的时候才执行回调函数，与上述意思一样，但这个写法更高级简洁。
2024-04-24 17:18:39
465
原创 js学习笔记10（PC端网页特效及相关案例）
ie9才开始支持 -->-- 分析：1.在盒子内点击，想要得到盒子左右的距离 2.首先获得鼠标在页面中的坐标（用e.pageX,e.pageY） 3.其次得到盒子在页面中的距离（box.offsetTop,box.offsetLeft） 4.用鼠标距离页面的坐标减去盒子在页面中的距离，得到鼠标在盒子内的坐标 5.如果想要移动一下鼠标，就要获取最新坐标，使用鼠标移动事件-->" id="login-button-submit">登录会员</a></div>
2024-04-19 21:06:08
686
原创 js学习笔记9（BOM及案例）
- 分析： 1.按钮点击之后，会禁用按钮，disabled为true 2.同时按钮里面的内容会变化，注意button里面的内容通过innerHTML修改 3.里面的秒数是有变化的，因此需要用到定时器 4.定义一个变量，在定时器里面，不断递减 5.如果变量为0说明到时间了，需要停止计时器，按钮又可以恢复为初始状态-->因为这个属性返回的是一个对象，所以我们将这个属性也称为location对象 -->//Date(time)就代表time时间的时间戳，此处为括号里时间的时间戳。
2024-04-18 17:41:56
617
原创 js学习笔记8（事件高级和案例）
- 分析：1.鼠标不断地移动，使用鼠标移动事件：mouseove 2.在页面中移动，给document添加移动事件 3.图片要移动距离，而且不占位置，使用绝对定位 4.核心原理:每次鼠标移动，我们都会获取最新的鼠标坐标，把这个x和y坐标作为图片的top和left值就可以移动图片 -->然后利用事件对象的 target 来找到当前点击的li ，因为点击li，事件会冒泡到ul上，ul有注册事件，就会触发事件监听器 -->//标准写法： stopPropagation();
2024-04-16 21:32:50
618
1
原创 js学习笔记7（节点操作及某些案例）
/当前元素为as，我们要删除它的父节点也就是li，而li的父节点又是ul，所以此处是ui.removeChild(this.parentNode)for(var k in datas[i]){ //遍历第i个对象（当外层循环到第i行时，第i1行放的就是第i个对象，则当前行的单元格就取决于当前行所对应的那个对象的属性个数，所以在第i个数组元素里遍历）//当前的li的第二个孩子的属性改变。//ul是父节点，li是子节点，被添加到了ul子节点的末尾 后面追加元素 类似于数组的push。
2024-04-13 21:40:18
647
原创 js学习笔记6（自定义属性、操作元素、DOM经典案例）
核心思路：1.点击眼睛按钮，把密码框类型改为文本框就可以看见密码 2.一个按钮两种状态，点击一次，切换为文本框，再点击一次，切换为密码框 3.算法：利用一个flag变量，判断flag的值，如果是1就切换为文本框再把flag设置为0，如果是0，就切换为密码框再把flag设置为1 -->//把全选框的状态赋给每个小框，就可以达到同等状态了，在全选框选中时，每个小框也会被选中，取消全选时即都会取消选中。//this.checked可以反映当前选中状态，选中即为true,未选中即为false。
2024-04-11 22:06:30
1130
1
原创 js学习笔记5（API及DOM）
/API(应用程序接口):是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组程序的能力，而又无需访问源码，或理解内部工作机制的细节（简单理解为API是一种工具，便于轻松实现想要实现的功能；//返回的是元素对象的集合，以伪数组的形式存储 不管页面中有几个,就算没有这个标签也是返回的元素对象集合，不过是一个空的伪数组形式。//如果想要依次打印里面的元素对象，可以采取遍历的方式👇 得到的元素是动态的（把标签里的内容改了，JS不用改也能得到修改后的内容）
2024-04-09 19:49:08
508
原创 js学习笔记4（内置对象及其方法）
var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];//核心算法：先查找第一个'o'的位置，只要indexOf返回的不是-1就继续往后查找，因为indexOf只能查找到第一个出现的位置，所以后面的查找要改变索引，让indexOf从查找到后的后一个开始查找，也就是查找到后的当前索引加一再继续查找。//日期对象Date() 获取日期的总的毫秒形式（！
2024-04-06 16:36:21
457
1
原创 js学习笔记3（函数、对象、作用域、预解析等）
/ //执行顺序：定义num,跳过函数，num=10,调用函数，函数里先定义了num未给值，执行打印num，num取最近的变量（作用域链查找），最近的变量就是被提前的num变量，然而num只是被声明并没有被赋值，所以打印的结果是undefined;//作用域链：在函数里有嵌套函数的时候，内部函数是可以调用外部函数的，当内部函数要调用外部的变量时，采取链式查找，也就是一级一级往外找，第一次查找到变量了就执行，就不会再往外查找了（类似于就近原则），这个结构就称之为作用域链。
2024-04-01 19:28:51
732
原创 js学习笔记2
/利用函数参数实现函数重复不同的代码 声明：function 函数名（形参（形式上的参数）1，形参2，···）{函数体} 函数名（实参（实际的参数）1，实参2，···）就可以被执行 形参是接受实际参数的。//最开始长度为0，所以第一个赋值给了newArr[0],然后赋值之后有了一个元素，长度变为了1，所以第二个值付给了newArr[1];//数组元素是arr[i]/* var arr=[1,2,3,4,5,'李鑫','fuzhen'];
2024-03-31 16:06:59
500
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人