- 博客(74)
- 收藏
- 关注
原创 html2canvas实现截图功能(解决元素中文字不显示的问题,和使用element-plus组件样式问题)
html2canvas实现截图功能(解决元素中文字不显示的问题,和使用element-plus组件样式问题),截屏内容空白,显示不全、文字样式问题。
2024-09-29 18:50:37
1042
原创 vue3后管项目电子签名插件之:vue-signature-pad插件
需求:现在有一个后管项目,需要使用到电子签名,想把签名后的文件保存为一个图片,上传到服务器,最后,保存时传给后端一个URL链接。备注:这里返回的是,已经处理好的二进制文件,可以直接上传给后端接口,原生直接返回的是base64格式编码的文件。警告:如果需要进行样式调整时,得格外注意,否则会干扰鼠标进行签名时的位置。步骤一:首先,安装 vue-signature-pad。步骤四:通过ref来触发子组件的保存文件方法。步骤二:在需要的页面引入。
2024-07-24 16:00:31
1243
1
原创 ElementUI中date-picker组件,怎么把大写月份改为阿拉伯数字月份(例如:一月、二月,改为1月、2月)
ElementUI中date-picker组件,怎么给选择一个月份范围中大写月份改为阿拉伯数组月份(例如:一月、二月,改为1月、2月);下拉的面板中大写的一月二月这种,改成1月、2月,可以嘛;element组件中,date-picker组件,怎么把选择一个月份范围的,页面文字有中文改为阿拉伯数字的
2024-06-04 19:54:12
1090
原创 npm link 后怎么查看软连接和删除软连接的
pnpm 怎么查看安装的软连接;怎么删除创建的全局符号链接;删除软链接;查看软链接;怎么查看软链接,删除软连接的;这个本地的软连接,怎么删除不了了;
2024-01-16 15:14:57
3380
原创 解决前端二进制流下载的文件(例如:excel)打不开的问题
解决前端二进制流下载的文件(例如:excel)打不开的问题、applicationvnd.openxmlformatsofficedocument.spreadsheetml.sheet;charset=utf-8
2023-09-27 16:17:09
4190
2
原创 周末放松,助你延长下班时间
工作之后,我们常常感到疲于奔命,即使到了周末,也很难得到高质量的休息。对于打工人和学生党来说,如何过周末并延长下班时间,成为了一个值得探讨的问题。在这篇文章中,我将为大家分享一些好方法,帮助你在周末放松身心,延长下班时间,让生活更加充实和有趣。
2023-08-01 13:22:20
357
原创 基于iview UI 2.0 的 modal 对话框,进行二次封装,并可以通过v-modal属性来显示
基于iview UI 2.0 的 modal 对话框,进行二次封装,并可以通过v-modal属性来显示
2023-05-25 11:33:09
723
原创 请你仔细阅读题目,某个程序本来应该输出一个整数数组。但是这个程序忘记输出空格了以致输出了一个数字字符串,我们所知道的信息只有:数组中所有整数都在 [1, k] 之间,且数组中的数字都没有前导 0 ,
但是这个程序忘记输出空格了以致输出了一个数字字符串,我们所知道的信息只有:数组中所有整数都在 [1, k] 之间,且数组中的数字都没有前导 0 ,给你字符串 s 和整数 k。可能会有多种不同的数组恢复结果,按照上述程序,请你返回所有可能输出字符串 s 的数组方案数,由于数组方案数可能会很大,请你返回它对 10^9 + 7 取余 后的结果;这个解题思路通过动态规划的方式,逐步计算出字符串中每个位置的方案数,并利用之前计算的结果进行累加。这样可以避免重复计算,并最终得到正确的结果。个字符恢复成数字的方案数。
2023-05-19 21:21:18
106
原创 js实现一个简单的函数防抖,可以根据传入的时间进行防抖
每当防抖函数被调用时,我们先清除之前的定时器(如果有的话),然后创建一个新的定时器,延迟 t 毫秒后执行传入的函数。使用这个函数防抖可以确保在指定的时间间隔内只有最后一次调用会被执行,之前的调用会被取消。是防抖的时间间隔(以毫秒为单位)。在内部,我们使用一个变量。是需要进行防抖的函数,
2023-05-19 21:16:47
254
原创 在vue中怎么解决跨域问题(CORS)
CORS(跨域资源共享):如果你有权限控制后端接口,可以在后端设置 CORS 头部信息,允许特定的源(包括端口和协议)访问该接口。需要注意的是,在生产环境中,由于安全性和跨域限制的考虑,应该限制跨域请求的源和目标,避免不必要的安全风险。在生产环境中,应该由后端配置合适的跨域策略,以确保安全性。1. 代理服务器:在开发环境中,可以配置一个代理服务器来转发 API 请求,绕过浏览器的同源策略。在生产环境中,前端解决跨域问题的方法有限,因为浏览器的同源策略限制了跨域访问。在Vue中解决跨域问题有多种方法。
2023-05-19 21:13:07
9445
原创 vue中,给一个URL地址,利用FileSaver.js插件下载文件到本地
后台返回文件流Blob或者二进制,前端进行处理下载文件;接口返回下载地址,前端实现下载
2023-02-17 21:22:23
9738
5
原创 vue中前端怎么读取txt文本文档?
在vue项目中,怎么读取自定义的txt文本文档?第一步:把要读取的文本文档放到,public文件目录下。文档内容: 第二步: 定义函数第三步: 调用函数,输入文本中的内容
2022-06-11 15:55:41
8131
6
原创 iview中如何动态增减表单项
<style lang="less" scoped>.text { font-size: 16px; font-weight: 700;}.icon{ margin-left: 10px; cursor: pointer;}</style><template> <div> <Modal v-model="showCare" footer-hide width="600"> <p clas.
2022-05-30 18:11:39
518
原创 Promise 解决函数内异步问题
函数一: aaa(){ const list = new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve("执行了") },5000) }) return list },函数二: getsListDataDictionaries(value){ let data = { dictCode:value }
2022-05-28 21:03:05
375
原创 vue中给数组中每一个对象去重
数组示例: 数组中包含了10个一样的对象,我们现在要去重。代码示例: 分装的方法。 dataHeavy(data,key){ let obj = {} let peon = data.reduce((cur, next) => { obj[next[key]]? "" : obj[next[key]] = true && cur.push(next); return cur; }, []...
2022-05-28 01:54:35
465
原创 JS判断两个对象是否相等
方法一:obj1 = {A:10} obj2={A:10} 结果为:true objEqual(a, b) { if (Object.keys(a).length !== Object.keys(b).length) { return false } for (let key in a) { if (b[key] === undefined) { return false
2022-05-28 01:40:32
281
原创 JS判断两个数组是否相等
/** * JS判断两个数组是否相等 * @param {Array} arr1 * @param {Array} arr2 * @returns {boolean} 返回true 或 false */ arrayEqual (arr1, arr2) { if (arr1 === arr2) return true; if (arr1.length != arr2.length) return false; for (var i = 0; i < arr1.le.
2022-05-27 18:26:11
323
原创 vue 中判断数组中是否有重复的数据
isRepeat(v){ let obj = {} for(let i in v){ if(obj[v[i]]){ return true } obj[v[i]] = true } return false },传入一个数组,调用该方法即可,true是存在重复的,fasle即不存在重复的。...
2022-05-14 18:38:26
3494
原创 前端实现分页
HTML: <div class="pageing"> <Page style="float:right;" :total="totalPages" :current.sync="importPaging" size="small" show-elevator show-total @on-change="pagingQuery"> </Page> </div>发请求获取所有数据://
2022-05-05 20:13:36
257
原创 iview中校验input输入框只能输入两位小数
例如:我们需要对input输入框进行校验只能输入两位小数。代码示例:<style lang="less" scoped>.text { font-family: "微软雅黑"; font-size: 16px; font-weight: 700;}</style><template> <div> <Modal v-model="boxShow" footer-hide width="960">.
2022-04-12 16:10:01
3453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人