自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

原创 vue将页面导出成word

html-docx-js 是一个轻量级的库,可以将 HTML 转换为 Word 文档。

2025-03-28 11:43:42 282

原创 Nodejs 项目打包部署方式

【代码】Nodejs 项目打包部署方式。

2025-03-21 13:46:58 523

原创 vue移动端H5预览PDF(pdfh5) 支持放大、分页、添加水印、PDF下载

pdfh5.js 基于pdf.js和jQuery,web/h5/移动端PDF预览手势缩放插件。相关参考文档: vue-pdfh5-npm。2.1 pdf文件流请求示例。2.3 相关参考文档。

2025-03-15 17:02:11 347

原创 uniapp APP使用web-view内嵌 h5 解决打包发版浏览器有缓存需要清除的问题

3.在对应的响应拦截器中请求头里添加上“Cache-Control”设置为“no-cache”告诉浏览器不缓存。2.配置服务器,使得index.html等关键文件不被缓存。4.在vue.config配置webpack,让打包的时候给对应的js、css文件名后缀拼接上时间戳。1.在当前项目根节点下的public目录下的index.html里面写入禁止缓存的 meta。

2025-03-13 16:45:02 397

原创 【Node】如何关闭node被占用的端口

解决的思路就是把对应8080端口运行的程序给杀死。想要强制终止执行,添加/F选项。就不会显示端口占用了。

2025-03-11 18:36:52 206

原创 uniapp运行环境和编译器不一致问题

【代码】uniapp运行环境和编译器不一致问题。

2025-03-10 09:33:41 117

原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。

此时再输入 get-ExecutionPolicy ,显示 RemoteSigned 即可正常执行 npm 命令。此时再输入 get-ExecutionPolicy ,显示 Restricted 又会变成禁用状态。2、更改状态 set-ExecutionPolicy RemoteSigned。1、在 vscode 终端执行 get-ExecutionPolicy。返回 RemoteSigned 状态是可正常执行npm命令。返回 Restricted 状态是禁止的。如果提示需要管理员权限,可加参数运行。

2025-03-05 13:05:51 803 1

原创 Fiddler 手机端证书安装No root certificate was foundHave you enabled HTTPS traffic decryption in Fiddler yet

Fiddler可以通过伪造CA证书来欺骗浏览器和服务器。Fiddler是个很会装逼的好东西,大概原理就是在浏览器面前Fiddler伪装成一个HTTPS服务器,而在真正的HTTPS服务器面前Fiddler又装成浏览器,从而实现解密HTTPS数据包的目的。勾选Decrypt HTTPS Traffic。需要设置解密HTTPS的网络数据。

2025-03-05 11:32:59 182

原创 Fiddler抓取App接口-Andriod/IOS配置方法

1)打开Fiddler-【Tools】-【Fiddler Option】,切换到HTTPS选项卡,勾选【Capture HTTPS CONNECTs】和【Decrypt HTTPS traffic】,然后点击【Actions】-【Trust Root Certificate】,然后按照提示一路yes,直到弹框提示“Trust Cert success”点击确定后,重启Fiddler就可以抓取HTTPS协议的数据包了。6)这时我们打开手机上的浏览器或APP,可以在Fiddler上看到手机上的数据包了。

2025-03-05 11:31:55 1181

原创 git -c diff.mnemonicprefix=false -c core.quotepath=false --no-optional-locks fetch --no-tags origin.

报以上错误,在sourceThree 打开命令行工作模式。

2025-02-19 17:25:56 281

原创 Element UI Table组件使用固定列后,鼠标移入某一行更改背景颜色时切换不统一解决方案

【代码】Element UI Table组件使用固定列后,鼠标移入某一行更改背景颜色时切换不统一解决方案。

2025-01-22 13:26:39 120

原创 ELement UI el-table移入或选中某行时改变背景颜色

【代码】ELement UI el-table移入或选中某行时改变背景颜色。

2025-01-22 13:23:37 282

原创 edge浏览器恢复旧版滚动条

2、搜索Fluent scrollbars.,选择disabled,重启即可。1、地址栏输入edge://flags。

2025-01-17 11:28:26 386

原创 elementui table 表格 分页多选,保持选中状态

【代码】elementui table 表格 分页多选,保持选中状态。

2025-01-03 14:23:20 713

原创 解决element-ui table show-summary合计行不显示问题

在table的底部添加合计设置show-summary就可以了但是给table加了一个固定高度话,就不显示了,其实这个合计是存在的。

2024-12-23 14:52:48 549

原创 element中input框添加@keyup.enter.native,按enter后刷新页面

原因:form 表单中只有一个输入框,在输入框中按下回车就是提交该表单,且会刷新页面。阻止这一默认行为,可以 在 form 标签上添加。@submit.native.prevent就可以解决刷新整个页面的问题。按enter键本来是调用搜索接口,但却是刷新了整个页面。

2024-12-17 15:38:15 698

原创 vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden

【代码】vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden。

2024-11-26 15:46:45 676 1

原创 CSS:怎么把网站都变成灰色

当大家看到全站的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢?有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式了岂不是太突兀了。其实,解决方案很简单,只需要几行代码就能搞定了。通过参考资料,我总结出以下几个方法可以帮助我们达到目的:使这个网页的颜色变成灰色的最简单的方法,就是在当前页面的css里面。

2024-11-26 11:09:57 2848

原创 Vue 项目中如何使用FullCalendar 时间段选择插件(类似会议室预定、课程表)

本文中是基于VUE+elementui项目中实现的前后端分离的前端功能部分:插件的官方文档:FullCalendar

2024-11-22 15:25:46 765

原创 uniapp中webview全屏不显示导航栏解决方案

【代码】uniapp中webview全屏不显示导航栏解决方案。

2024-11-11 19:37:20 1162

原创 vue项目删除无用的依赖

【代码】vue项目删除无用的依赖。

2024-11-09 10:13:50 595

原创 vue中如何自定义Form表单rules校验方法(手机号/座机号、身份证号/社会统一信代码校验,支持多个,以英文逗号分隔)

/ 验证手机号/座机号// isMultiple区分多个/一个 true为多个 false为一个// isSingleType 是否只验证一种类型的证件号 默认为 false// type 验证的证件号类型,可以是 'phone'(手机号码)、'landline'(座机号码)或 'both'(两者都验证),默认为 'both'if (!value) {callback(new Error("相对方(经办人联系电话)不能为空"));return;\d{7,8}$/;

2024-10-17 14:45:58 921

原创 vue中使用print.js实现页面打印并增加水印

2.在main.js文件中引入并注册(我使用的是print.js的源码文件,并且做了一修改)4.在utils下新增print.js。1.安装print.js。

2024-08-01 16:49:18 819 2

原创 大屏可视化适配方案

为大家介绍一个非常好用的大屏解决方案——autofit.js。官网地址:autofit.js | 最易用的自适应工具。可根据窗口大小进行自动适配。

2024-07-26 16:56:27 380

原创 rem实现屏幕适配(jQuery)

1.根据视口宽度动态计算字体大小,如果宽度大于750px,则将字体大小设置为100px,否则按比例缩小。1.安装px to rem & rpx & vw (cssrem)插件。编写css样式时可正常使用px,插件会根据前面的设置自动换算。tips:使用时记得引入jQuery.js。

2024-07-26 16:52:39 322

原创 创建vue3项目并配置PC端屏幕适配(同样也支持vue2)

2.这里要和大家说的就是lib-flexible-computer这个npm装的依赖,想必大家为了做pc的适配搜索了很多方法他们大多数都是安装的下面这个依赖。3.选择项目所需要的依赖项(刚学习vue的同学建议选择安装(Linter / Formatter 支持代码风格检查和格式化)4.然后在src同级下建立一个vue.config.js文件(如果有就不需要重复创建了),并在此文件中加入以下代码。8.询问是否记录这一次的配置,以便下次使用,如一开始的时候会显示的vuecli3配置(这个根据自己的需求选择)

2024-07-22 10:34:10 2315

原创 前端发版缓存问题

当浏览器访问一个资源时,它会首先检查该资源是否已经在缓存中。如果资源存在且未过期,浏览器会直接从缓存中加载资源,而不会向服务器发送请求。这种机制被称为强缓存。Expires定义了资源的过期时间,而Cache-Control提供了更详细的缓存指令,如public、private、max-age和no-cache等。然而,当资源更新后,如果浏览器加载的是缓存资源,用户可能无法获取最新的页面内容。通过上述措施,可以确保用户在访问网站时能够获取最新的资源,避免因缓存过期的资源而影响用户体验。

2024-07-17 16:52:59 543

原创 vue使用quill编辑器自定义附件上传方法,并根据上传附件名称生成链接

quill编辑器自身带有link,但不满足需求,于是我修改了原有的link方法,使其适配目前的需求。4.添加upload的on-success、on-error方法。3.给link生成的超链接按钮添加点击事件。1.增加el-upload上传组件。2.重写link方法。

2024-07-11 14:40:12 1330

原创 HarmonyOS鸿蒙DevEco Studio无法连接本地模拟器

2、关闭DevEco Studio,(不要关闭模拟器)使用DevEcoStudio 5.0.3.403版本。3、重新打开DevEco Studio。

2024-07-09 17:57:27 1332

原创 抖音小程序中如何预览一组图片

1.使用tt.previewImage api。

2024-06-21 10:20:41 239

原创 抖音小程序如何生成二维码

【代码】抖音小程序如何生成二维码。

2024-05-28 17:45:38 659

原创 VUE如何实现批量下载多个文件并导出zip格式

1、安装jszip和file-saver插件。4、在methods中定义方法。3、模拟fileList数组。

2024-05-14 11:11:08 1094

原创 vue预览PDF文件的几种方法

2.3 使用组件展示PDF文件。1.1页面结构 html。2.2 注册并引入组件。

2024-05-13 15:52:19 14669

原创 Vue全局添加水印

1.创建warterMark.js。2.在App.vue中引入。

2024-04-26 11:00:51 312 1

原创 vue身份证检验方法

2.引入numberUtils 进行身份证号验证。3.idNoRules.js中是验证的逻辑。1.定义一个input输入框。

2024-04-26 10:29:00 1679 1

原创 vue+vue-qr生成带logo的二维码并自动下载

2.注册对应组件并调用接口使用for循环进行二维码下载,由于谷歌浏览器下载文件限制每次只能下载10个文件,所以使用setTimeout计时器延时下载。1.使用vue-qr并绑定ref,利用每条数据的id做区分。

2024-04-26 10:22:49 426

原创 vue如何实现Cascader 级联选择器(二级全部选中只展示一级,三级全部选中只展示二级)

【代码】vue如何实现Cascader 级联选择器。

2023-08-31 13:40:47 2917

原创 JQ+vue实现图片拼接(无限套娃版)

css样式 /* css初始化 */ * { margin: 0; padding: 0; } /* 去掉li的小圆点 */ li { list-style: none; } /* 去掉a的下划线 */ a { text-decoration

2022-03-24 14:26:12 4186

原创 canvans绘制鼠标点击遍绘制一条直线,并支持撤销

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #canvas { border: 1px solid r

2022-03-18 09:33:24 649

原创 vue中复杂数据用input框双向数据绑定后需要判断输入的数据是不是正整数的函数封装

数据const setQa = [{ "color": "#d62036", "name": "疑似点状出血", "zone": { "L": { "macular": { "num": 1, "area": "0.008",

2022-01-19 17:49:22 443

空空如也

空空如也

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

TA关注的人

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