摘要: 1.JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。2.HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。Javascript 脚本代码可被放置在 HTML 页 阅读全文
posted @ 2025-02-13 14:03 122www 阅读(5) 评论(0) 推荐(0) 编辑
摘要: addEventListener 主要用于监听原生 DOM 事件,而不是 Vue 或其他框架中的自定义事件。自定义事件通常是通过框架提供的机制(如 Vue 的 $emit)来处理的 findIndex找到的第一项索引为0,因此判断的时候要注意,if(index)可能在index为0的时候依然为假,但 阅读全文
posted @ 2025-02-13 13:54 122www 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1.rem css3中的rem是一个相对单位,是相对根元素字体大小的单位;使用rem的优点就是在计算子元素有关的尺寸时,只要根据html元素字体大小来计算即可. 注意:这个根元素是最大的那个根也就是html,见下图,一般浏览器默认的值是16px,也就是随着他的改动而改动。修改其他父元素的字体是不会影 阅读全文
posted @ 2025-02-13 11:32 122www 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 前言: 图片懒加载通常是修改src而不是控制渲染的首尾索引,这是因为这样控制更方便,不需要更多的dom操作和资源管理,也可以通过占位符的设置提升用户体验。 一.图片懒加载 1.原生html实现 (1) img标签的loading属性 使用 loading="lazy" 的方式来实现一个图片懒加载的功 阅读全文
posted @ 2025-02-10 13:27 122www 阅读(12) 评论(0) 推荐(0) 编辑
摘要: 前言:事件的绑定方式主要有两大类:在html中直接绑定和在js中绑定,细分的话可以有三种(js有两种)。 函数名或者函数表达式后面紧跟 () ,则会自动调用。 1.内联模式:将函数名直接作为html标签中的属性的属性值 这种的缺点是:不符合行为分离的基本规范 这种方式叫做内联绑定事件,HTML的元素 阅读全文
posted @ 2025-01-09 17:01 122www 阅读(62) 评论(0) 推荐(0) 编辑
摘要: 实例: 是由类或构造函数创建的具体对象,通过 new 关键字调用构造函数创建,或通过 class 关键字定义类并创建 类方法/静态方法:它是定义在类或构造函数本身上的方法,通过类或构造函数调用,不能通过实例调用 1.通过构造器创建实例创建静态方法 函数通过关键字 function 定义。函数同样可以 阅读全文
posted @ 2024-12-08 00:41 122www 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 首先,滚动加载和虚拟滚动都是为了解决数据量大的渲染性能问题,但是也有区别,滚动加载并没有从根本上解决问题,只是滚动到可视区域底部动态加载,二虚拟滚动是永远只渲染固定数量(通常是可视区域内)的所以可以从根本上解决这种性能问题。 如果只想了解滚动加载只看第一部分即可。 这两种技术网上都有现成的插件,安装 阅读全文
posted @ 2024-11-29 10:39 122www 阅读(563) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2024-06-26 16:07 122www 阅读(4) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> 测试双向绑定demo <input type="text" v-model="textMy" /> { 阅读全文
posted @ 2024-06-25 17:24 122www 阅读(8) 评论(0) 推荐(0) 编辑
摘要: 一.前言 1.vue程序的运行过程:模板 -> 进行编译 -> 生成ast树 -> 数据绑定 -> 生成render函数 -> 成虚拟dom树 -> 真实dom树 模板:Vue的模板基于纯HTML,基于Vue的模板语法,我们可以比较方便地声明数据和UI的关系。 AST:AST是Abstract Sy 阅读全文
posted @ 2023-05-02 17:28 122www 阅读(17) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示