前端
文章平均质量分 51
客栈驻红尘
这个作者很懒,什么都没留下…
展开
-
Vue3组件数据懒加载
单张页面数据较多时,可以使用组件数据懒加载,减少网络请求,提高页面的响应速度。 安装npm i @vueuse/core -S 库,用到其中的 useIntersectionObserver 来实现监听进入可视区域行为,配合vue3.0的组合API的方式实现。 封装方法 index.js //提供复用逻辑 import { useIntersectionObserver } from "@vueuse/core" import {ref} from 'vue' // 数据懒加载函数 // targe.原创 2021-12-08 15:16:48 · 759 阅读 · 2 评论 -
检索结果文本高亮显示
检索结果文本高亮显示 知识点一:正则表达式的匹配 以下三种表达式都会创建相同的正则表达式: /ab+c/i; //字面量形式 new RegExp('ab+c', 'i'); // 首个参数为字符串模式的构造函数 new RegExp(/ab+c/, 'i'); // 首个参数为常规字面量的构造函数 “修饰符” 其含义类似于正则实例的附加属性。用于说明正则规则适用匹配的范围。 i : 表示不区分大小写匹配。 m :表示多行匹配。 g : 表示全局匹配。 在非全局的情况下,正则会根据指定的“规则”从左原创 2021-12-08 09:50:37 · 201 阅读 · 0 评论