- 博客(27)
- 收藏
- 关注
原创 vue3 watchEffect、watchPostEffect、watchSyncEffect、watch区别
侦听一个或多个响应式数据源,并在数据源变化时调用所给的回调函数。默认是懒侦听的,即仅在侦听源发生变化时才执行回调函数。第一个参数是侦听器的源。第二个参数是在发生变化时要调用的回调函数。这个回调函数接受三个参数:新值、旧值,以及一个用于注册副作用清理的回调函数。该回调函数会在副作用下一次重新执行前调用,可以用来清除无效的副作用,例如等待中的异步请求。当侦听多个来源时,回调函数接受两个数组,分别对应来源数组中的新值和旧值。
2024-09-06 10:51:32 846
原创 Vue3 中ref、toRef、toRefs、isRef、unref、customRef、triggerRef、shallowRef
ref:创建一个响应式的引用对象。toRef:将一个对象的某个属性转为响应式引用。toRefs:将一个对象的所有属性转为响应式引用。isRef:检查一个值是否是 ref 对象。unref:解包 ref 对象,返回其内部的值。customRef: 允许你自定义响应性行为,适合用于复杂的响应性逻辑(如防抖、节流)。triggerRef: 手动触发 ref 的更新,适合在特殊情况下需要强制触发更新时使用。
2024-09-06 10:16:04 820
原创 pdfjs 使用指南
用于加载 PDF 文档的核心函数。返回一个包含 PDF 文档信息的 PDFDocumentProxy 对象。代表整个 PDF 文档的代理对象,包含文档级别的操作方法。代表 PDF 文档中的单个页面的代理对象,包含与页面渲染、获取文本等相关的操作方法。表示页面渲染操作的对象,通常是通过调用 page.render() 方法返回的。表示页面的文本内容,包含每个字符的位置和样式信息。PDF.js 提供了丰富的 API,可以满足各种 PDF 文档解析、渲染和操作的需求。
2024-09-05 10:37:19 654 1
原创 react 怎么设置不同的环境
运行 npm run pro 查看结果。新建个 .env.pro文件。此时我们需要添加pro环境。react默认的环境。
2023-10-31 10:29:49 406
原创 react firebase 基础使用增删改查
在react中使用firebase。如何在firebase后台查看数据。创建firebase.js。
2023-09-11 16:48:11 179
原创 vue 直接修改props
vue中使用element 通常需要全局配置,我们可以在main.js 中设置。我们在自己开发的组件中也可以直接修改props。
2023-01-09 11:21:32 1620
原创 不同版本webpack 适配css-loader、style-loader
前往github搜索自己需要的loader 这里以css-loader为例。打开tags 选择版本 打开package.json 文件查看。npm install -S css-loader@版本号。查看这里的webpack 对应版本。查询自己的webpack版本。
2022-10-17 13:25:56 1053
原创 TS泛型<T>
泛型:在定义函数,接口,类的时候,不预先指定具体的类型,而在使用的时候在去指定类型的一种特征函数定义泛型实例如下//函数泛型格式如下 函数方法名<T>(参数):返回值function createArray<T>(length: number, value: T): Array<T> { let result: T[] = []; for (let i = 0; i < length; i++) { result[i] =
2021-12-21 14:08:27 2939
原创 git基本操作
git 常用指令开始一个工作区(参见:git help tutorial) clone 克隆一个仓库到一个新目录 init 创建一个空的 Git 仓库或重新初始化一个已存在的仓库在当前变更上工作(参见:git help everyday) add 添加文件内容至索引 mv 移动或重命名一个文件、目录或符号链接 reset 重置当前 HEAD 到指定状态 rm 从工作区和索引中删除文件检
2021-11-10 17:29:41 87
原创 Promise
PromisePromise对象有以下两个特点。(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意思就是“承诺”,表示其他手段无法改变。(2)一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从pending变为fulfi
2021-09-07 09:40:38 524
原创 用jsx写vue组件,怎样监听.sync修饰符的事件
<el-dialog title="详细" :visible.sync="open" width="700px" append-to-body ></el-dialog >jsx写法<el-dialog title="详细" on={{ ['update:visible']: this.view}} visible={this.open} width="700px" append-to-body ></el-dialog >view(){t..
2021-04-09 17:19:42 4254 2
原创 js实现sleep async,await
js实现sleep async,await let sleep = function (time) { return new Promise((resolve) => { setTimeout(resolve, time) }) } async function wait() { console.log(1); await sleep(1000) console.log(2); } wait()
2021-01-14 11:11:17 1143
原创 echarts,绘制局部地图 全国地图
下载各个地区的json数据json<template> <div id="map_chart" style="width: 100%;height: 100%;"></div></template><script>import echarts from "echarts";export default { name: "vmap", mounted() { this.drawMapLine(); }, met.
2020-11-25 13:56:54 1116
滑块验证码 基于vue+canvas
2024-08-13
网页导出 pdf 内容被截断的终极解决方案
2024-04-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人