自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 js 读取pdf 基础信息

js 读取pdf 基本信息 作者 标题等信息

2024-09-05 10:25:48 294

原创 使用html2canvas和jspdf生成的pdf 防止文字被切割

网页导出pdf 防止内容被切断

2024-03-06 12:34:34 1173 7

原创 react 怎么设置不同的环境

运行 npm run pro 查看结果。新建个 .env.pro文件。此时我们需要添加pro环境。react默认的环境。

2023-10-31 10:29:49 406

原创 ios 键盘如何出现发送 搜索 按钮 前往

ios 软键盘出现发送 前往 搜索 等按钮

2023-10-30 17:22:28 285

原创 vue3 +vite/webpack 设置环境变量.env

vite/webapck vue3如何设置环境变量.env

2023-09-12 18:00:23 746

原创 react firebase 基础使用增删改查

在react中使用firebase。如何在firebase后台查看数据。创建firebase.js。

2023-09-11 16:48:11 179

原创 React @reduxjs/toolkit 使用详解

react redux使用详解

2023-05-12 11:23:37 520

原创 vue 直接修改props

vue中使用element 通常需要全局配置,我们可以在main.js 中设置。我们在自己开发的组件中也可以直接修改props。

2023-01-09 11:21:32 1620

原创 nextjs 如何使用

nextjs 开发记录

2022-12-08 16:45:37 344

原创 chrome 控制台获取元素上绑定的事件信息以及监控事件

js事件调试查看

2022-11-30 10:13:38 2386

原创 使用cdn 引入npm github资源

cdn使用 npm github资源

2022-11-22 16:24:53 494

原创 不同版本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

原创 lint-staged husky

代码提交格式化 规范化工具

2022-09-29 17:44:13 372

原创 Echarts词云 热词图

echarts 词云

2022-09-29 17:20:07 1624

原创 Vue样式中的scoped和样式穿透

vue scoped

2022-08-10 09:39:32 943

原创 纯css 边框特效

纯css 边框特效。

2022-08-08 11:26:27 179

原创 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

原创 javascript中new的模拟实现

js new 到底做了什么

2021-09-29 13:44:42 170

原创 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

原创 Echarts Chinajs绘制中国地图 全国geojson

chinajs 绘制中国地图

2020-11-25 13:40:05 2415

滑块验证码 基于vue+canvas

一个轻量级的Vue滑块验证码组件,通过拖动滑块完成图片拼图验证。易于集成,支持自定义样式和功能,可用于防止恶意攻击和机器人访问。提供平滑的滑动效果、验证成功后的回调函数,可配置滑块和图片样式,支持本地或远程图片资源。易于集成到现有Vue项目中,支持自定义样式和验证逻辑,提供灵活的事件处理机制。 防止机器人攻击: 滑块验证码有效地防止了自动化脚本对网站的暴力破解、垃圾信息提交等攻击行为。 提升用户体验: 相比传统的验证码输入方式,滑块验证码更加直观,操作简单,减少了用户的输入负担。 安全验证: 滑块验证码在保护用户账号安全方面发挥了重要作用,尤其是在登录、注册、支付等关键环节。

2024-08-13

网页导出 pdf 内容被截断的终极解决方案

html2canvas 与 jspdf 相结合生成 pdf 内容被截断的终极解决方案,设置背景色为白色,然后转成图片后,获取截断处图片像素点,从截断处往上一行行扫描像素点颜色,碰到这一行颜色都是全白的,代表是从这里开始截断,将这个高度开始将往下的内容都放到下一页,设置背景色为白色,然后转成图片后,获取截断处图片像素点,从截断处往上一行行扫描像素点颜色,碰到这一行颜色都是全白的,代表是从这里开始截断,将这个高度开始将往下的内容都放到下一页 支持自定义页眉页脚 页码数

2024-04-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除