随笔分类 -  js

vue实现小汽车功能
摘要：vue实现小汽车功能数据格式为 阅读全文
posted @ 2022-11-02 22:47 丹江路39号 阅读(169) 评论(0) 推荐(0)
js 四级联动，利用的vue 的v-model双向绑定
摘要：数据格式为： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>四级 阅读全文
posted @ 2022-11-02 21:33 丹江路39号 阅读(167) 评论(0) 推荐(0)
js中的clientX/Y，pageX/Y等...
摘要： 阅读全文
posted @ 2022-09-05 21:04 丹江路39号 阅读(20) 评论(0) 推荐(0)
js中的this指向问题
摘要：1.普通函数中this是动态的，当我们调用函数的时候确定的，调用方式的不同决定了this的指向不同，一般指向我们函数的调用者。（谁调用指向谁）2. 箭头函数的this指向是静态的，当箭头函数定义的时候，箭头函数的this指向就已经确定了，箭头函数的this指向跟箭头函数所在作用域的this指向一致 阅读全文
posted @ 2022-09-05 14:43 丹江路39号 阅读(55) 评论(0) 推荐(0)
事件委托
摘要：事件委托是利用冒泡的原理，把事件加到父级上，触发执行效果。 优点：给父级元素加事件（可以提高性能） 只在内存中开辟了一块空间，节省资源同时减少了dom操作，提高性能 对于新添加的元素也会有之前的事件** 原理：事件委托其实是利用事件冒泡的特点， 给父元素添加事件，子元素可以触发 实现：事件对象.ta 阅读全文
posted @ 2022-08-31 09:53 丹江路39号 阅读(27) 评论(0) 推荐(0)
js两种注册事件的区别
摘要：传统on注册（L0） 同一个对象,后面注册的事件会覆盖前面注册(同一个事件) 直接使用null覆盖偶就可以实现事件的解绑 都是冒泡阶段执行的 事件监听注册（L2） 语法: addEventListener(事件类型, 事件处理函数, 是否使用捕获) 后面注册的事件不会覆盖前面注册的事件(同一个事件) 阅读全文
posted @ 2022-08-31 09:49 丹江路39号 阅读(84) 评论(0) 推荐(0)
事件流与两个阶段
摘要：摘自B站黑马前端 阅读全文
posted @ 2022-08-31 09:41 丹江路39号 阅读(40) 评论(1) 推荐(0)
事件对象
摘要：1、事件对象是什么？ 也是个对象，这个对象里有事件触发时的相关信息 2、事件对象在哪里？ 在事件绑定的回调函数的第一个参数就是事件对象 3.常见事件对象属性 type：获取当前的事件类型 clientX/clientY：获取光标相对于浏览器可见窗口左上角的位置 offsetX/offsetY：获取光 阅读全文
posted @ 2022-08-31 09:20 丹江路39号 阅读(25) 评论(0) 推荐(0)
重绘和回流(重排)
摘要：回流(重排) 当 Render Tree 中部分或者全部元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或全部文档的过 程称为 回流。 重绘 由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如：color、background-color、 outline等), 称为 阅读全文
posted @ 2022-08-31 09:14 丹江路39号 阅读(35) 评论(0) 推荐(0)
js三级联动
摘要：<div class="container"> <select name="" id="hero"> <option value="-1">-请选择-</option> </select> <select name="" id="skin"> <option value="-1">-请选择-</op 阅读全文
posted @ 2022-08-30 21:30 丹江路39号 阅读(58) 评论(0) 推荐(0)
关于js中定时器的返回值问题
摘要：在js中，我们常常会用到定时器来处理各种各样的问题，当我们需要清除定时器的时候，我们常常会定义一个值来接受定时器的返回值，然后再把定义好的这个值写到清除定时器的括弧后面。 如： 1 var times = setInterval(function () { 2 3 } 4 5 },3000); 6 阅读全文
posted @ 2022-08-25 22:29 丹江路39号 阅读(454) 评论(0) 推荐(0)
打印出数组中的重复数, 重复几次
摘要：<!-- * @FilePath: 重复次数.html * @Author: 马小屁 * @Date: 2022-08-19 17:24:16 * @LastEditors: Please set LastEditors * @LastEditTime: 2022-08-20 20:04:47 * 阅读全文
posted @ 2022-08-20 20:07 丹江路39号 阅读(39) 评论(0) 推荐(0)
输入一个生产日期格式"yyyy-MM-dd",再输入一个数字(保质期的天数)。然后经过计算输出促销日期。促销日期为:该商品过期日前2周的周三
摘要：<!-- * @FilePath: 促销日期 * @Author: 马小屁 * @Date: 2022-08-19 20:05:49 * @LastEditors: Please set LastEditors * @LastEditTime: 2022-08-20 16:41:52 * Copyr 阅读全文
posted @ 2022-08-20 20:03 丹江路39号 阅读(241) 评论(0) 推荐(0)
js倒计时案例
摘要：1 <!-- 2 * @FilePath: 倒计时.html 3 * @Author:马小屁 4 * @Date: 2022-08-18 09:45:13 5 * @LastEditors: Please set LastEditors 6 * @LastEditTime: 2022-08-18 1 阅读全文
posted @ 2022-08-18 17:52 丹江路39号 阅读(57) 评论(0) 推荐(0)
封装好的日期函数
摘要：1 function date(time) { 2 let date = new Date(time) 3 let year = date.getFullYear() 4 let month = date.getMonth() + 1 5 let day = date.getDate() 6 let 阅读全文
posted @ 2022-08-18 17:51 丹江路39号 阅读(37) 评论(0) 推荐(0)
js中关于this指向的问题
摘要：解析器在调用函数每次都会向函数内部传递一个隐形参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称之为函数执行的上下文对象，根据函数调用方式的不同，this会指向不同的对象（谁调用指向谁）1.以函数的形式调用时，this永远都是window2.以方法的形式调用时，this就是调 阅读全文
posted @ 2022-07-16 17:31 丹江路39号 阅读(24) 评论(0) 推荐(0)
call 和apply的作用与区别
摘要：共同的作用：call和apply 都是用来修改函数中this的指向问题； 1.当我们通过 call 和 apply 来this的指向时，不传任何参数，则默认为将this指向修改为 windows 2.有参数时，this 指向第一个参数 3.当需要传递参数时，call可以直接写多个参数，apply需要 阅读全文
posted @ 2022-06-07 18:42 丹江路39号 阅读(116) 评论(0) 推荐(0)