2022年11月2日
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)
2022年9月5日
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)
2022年8月31日
事件委托
摘要： 事件委托是利用冒泡的原理，把事件加到父级上，触发执行效果。 优点：给父级元素加事件（可以提高性能） 只在内存中开辟了一块空间，节省资源同时减少了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)
浏览器是如何进行界面渲染的
摘要： 1.解析（Parser）HTML，生成DOM树(DOM Tree) 2. 同时解析（Parser） CSS，生成样式规则 (Style Rules) 3.根据DOM树和样式规则，生成渲染树(Render Tree) 4.进行布局 Layout(回流/重排):根据生成的渲染树，得到节点的几何信息（位置 阅读全文
posted @ 2022-08-31 09:17 丹江路39号 阅读(48) 评论(0) 推荐(0)
重绘和回流(重排)
摘要： 回流(重排) 当 Render Tree 中部分或者全部元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或全部文档的过 程称为 回流。 重绘 由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如：color、background-color、 outline等), 称为 阅读全文
posted @ 2022-08-31 09:14 丹江路39号 阅读(35) 评论(0) 推荐(0)