- 博客(55)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp+Vue3+Vite+ts+pinia
使用pinia-plugin-persistedstate可以实现持久化存储。在执行转换之前，会对文件进行快速的使用检查，因此不使用宏的文件应该不会有性能损失。创建项目：npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project。此外，以下列出的所有配置都需要 vue@^3.2.25。"sass": "^1.26.10",//如果用less，就不需要sass了。"mitt": "^3.0.0",//事件总线，代替eventbus。
2023-02-23 15:43:57
474
原创 vue-cli版本问题【卸载与安装】
npm view @vue/cli versions --json // 3.0以上vue-cli可安装版本查看。npm view vue-cli versions --json // 3.0以下vue-cli可安装版本查看。npm install -g @vue/cli@4.5.15 // 重新安装。npm remove -g @vue/cli // 卸载。
2023-02-13 14:48:00
326
原创 js求和精度问题
计算精度问题：let a=490024.67;let b=100000;let c=new Decimal(a).add(new Decimal(b))console.log(c.toNumber())
2023-01-13 18:40:14
829
原创 vue监听兄弟组件的值
this.$store.dispatch('setYearDate', 修改后的值)console.log('变化后的值：',val)//监听到变化后做的操作。
2023-01-06 15:08:12
830
原创 antdesignvue 多文件或单文件上传pdf和图片，加预览下载删除，限制文件大小
antdesignvue 多文件或单文件上传,限制pdf和图片，加预览下载删除，限制文件大小
2022-12-29 09:19:52
902
原创 vue文本闪烁问题
样式在@import 引入的css文件中不起作用，需放在link引入的css文件中或者内联样式中。属性可能被层级更高的样式所覆盖，必要时可加。3、在v-cloak样式的上方，1、v-cloak的。
2022-12-28 18:06:11
90
转载 AntDesignVue table行点击变色
项目需求，采用ant design table展示数据，需要点击行变色，表格行之间有颜色区分。//自己定义个变量，用于保存点击行的数据。
2022-12-27 13:22:41
523
转载 ant design vue 表格自动滚动，鼠标移入表格滚动
参考：【vue】实现页面自动滚动效果_辛德瑞拉和Thomas的博客-CSDN博客_vue 自动滚动增加：鼠标移入表格滚动，移除停止滚动参考：vue中 给元素添加鼠标移入，鼠标移出的效果的事件_今天星期八的博客-CSDN博客_vue鼠标移入事件
2022-12-07 10:42:02
363
原创 echarts自定义封装js【柱状图，折线图，水球，雷达，仪表盘】以上图表的各种问题，几乎都有，没有的评论区留言
echarts【圆柱体柱状图渐变色，折线图自定义，水球水波球，雷达自定义，仪表盘自定义】x轴name显示不全，柱状图隔一个不同色...echarts各种问题
2022-12-01 16:07:45
329
原创 vue文件下载，antd+vue文件上传预览下载
downloadElement.download = decodeURI(filename.replace(reg, '$1')) // 下载后文件名。var href = window.URL.createObjectURL(blob) // 创建下载的链接。document.body.removeChild(downloadElement) // 下载完成移除元素。this.$message.error('上传失败：' + res.message)//上传成功后获取上传的文件信息。
2022-11-29 13:22:47
341
原创 vue的cookies:vue-cookies 设置,获取及删除指定的cookies
安装：引用main.js中设置// vue-cookies配置。
2022-11-25 14:29:12
972
转载 webpack代码分离 ensure 看了还不懂，你打我（转）
所以ensure的第一个参数[] 是它依赖的异步模块，但是这里需要注意的是，webpack会把参数里面的依赖异步模块和当前的需要分离出去的异步模块给一起打包成同一个js文件，这里可能会出现一个重复打包的问题， 假设A 和 B都是异步的， ensure A 中依赖B，ensure B中 依赖A，那么会生成两个文件，都包含A和B模块。其实说白了，它就是把js模块给独立导出一个.js文件的，然后使用这个 模块的时候，webpack会构造script dom元素，由浏览器发起异步请求这个js文件。
2022-10-21 17:52:56
41
原创 peerDependencies WARNING @vue/cli-plugin-eslint@~4.5.0 requires a peer of eslint@＞= 1.6.0 ＜ 7.0.0 bu
报错peerDependenciesWARNING@vue/cli-plugin-eslint@~4.5.0requiresapeerofeslint@>=1.6.0
2022-07-20 16:35:08
2093
原创 npm WARN ERESOLVE overriding peer dependencynpm ERR! Cannot read properties of null (reading ‘packa
npmieslint@5.0.0npmWARNERESOLVEoverridingpeerdependencynpmERR!Cannotreadpropertiesofnull(reading'package')npmERR!AcompletelogofthisruncanbefoundinnpmERR!C\Users\Administrator\AppData\Local\npm-cache\_logs\2022-07-20T07_56_33_985Z-debug-0.log解决。
2022-07-20 16:25:35
5649
原创 CSS立体文字和电子数字样式数字大屏数字
立体数字：CSS：text-shadow: 6px 3px 0px rgb(0 225 21 / 36%)电子数字：CSS: font-family: 'electronicFont';CSS中引入：@font-face { font-family: electronicFont; src: url(../DS-DIGIT.TTF);}文件地址：大屏电子数字样式，数字样式文件-Javascript文档类资源-CSDN下载...
2022-06-16 17:52:22
342
原创 函数的多样化创建与使用
假如你想添加邮箱验证和姓名验证，你可以：不好的方式一：声明全局变量，会有相互覆盖的问题，如果别人也定义了相同的方法就会覆盖掉原有的功能了，所以不要声明全局变量。function checkName(){} 等同于：var checkName=function(){}应该用对象收编变量不好的方式二：不能复制，这个对象类，在用new关键字创建新的对象时，新创建的对象是不能继承这些方法的。var checkObject=function(){}checkObject.checkName=function(){}优
2022-06-06 15:51:43
43
原创 Vue密码校验（密码必须同时包含字母、数字和特殊字符其中三项且⾄少9位
vue 表单校验密码<el-form :model="form" :rules="rules"><el-form-item label="密码" prop="invalidPwd"><el-input v-model="form.invalidPwd"></el-input></el-form-item></el-form>rules: {...
2022-05-23 15:49:08
3227
原创 前端页面实时通讯
<script>var websocket =null;//判断当前浏览器是否支持WebSocketif('WebSocket'in window) {//建立连接，这里的/websocket ，是ManagerServlet中开头注解中的那个值websocket =newWebSocket("ws://localhost:8080/websocket");}else...
2022-05-20 14:53:23
117
转载 浅谈vue中使⽤防抖与节流
⼀、防抖防抖(debounce):触发⾼频事件后 n 秒内函数只会执⾏⼀次,如果 n 秒内⾼频事件再次被触发,则重新计算时间。 使⽤场景：频繁触发、输⼊框搜索等。 具体⽅法如下：export const debounce = (fn, t) => { let delay = t || 500; let timer;returnfunction() { let args = arguments;if (timer) { clearT...
2022-05-18 10:46:10
65
转载 vue （将html转为图片，多张图片打包为zip）
效果图安装依赖 "file-saver": "^2.0.2""jszip": "^3.5.0",实现页面代码<template> <div class="home"> <!-- <button type="button" class="btn btn-primary" v-on:click="printOut22"> --> <!-- <button type="button" class="btn
2022-04-15 16:29:34
431
转载 Vue的watch
首先确认 watch是一个对象，一定要当成对象来用。对象就有键，有值。键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。值也可以是函数名：不过这个函数名要用单引号来包裹。第三种情况厉害了。值是包括选项的对象：选项包括有三个。1.第一个handler：其值是一个回调函数。即监听到变化时应该执行的函数。2.第二个是deep：其值是tr.
2022-03-18 14:35:55
43
原创 JS记录Array
1.concat()该concat()方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。JavaScript Demo:const array1 = ['a', 'b', 'c'];const array2 = ['d', 'e', 'f'];const array3 = array1.concat(array2);console.log(array3);// expected output: Array ["a", "b", "c", "d", "e", "f
2022-03-18 11:23:33
1013
原创 JS，持续更新中...
1.原型属性与实例属性？实例属性是通过this关键字创建的属性，【是属于每个实例对象的私有属性】原型属性是通过prototype创建的属性，属于构造函数的原型属性，每一个实例对象都共享的属性。function Fn (a, b) { this.a = a; this.b = b;}Fn.prototype.c = '原型属性';var fn = new Fn('实例属性1', '实例属性2');console.log(fn)输出为：2.怎么...
2022-03-18 09:45:41
963
原创 JS,VUE 登录的加密与解密 【RSA公钥私钥加解密】
return encryptor.encrypt(txt) // 对需要加密的数据进行加密。encryptor.setPrivateKey(privateKey) // 设置私钥。encryptor.setPublicKey(publicKey) // 设置公钥。return encryptor.decrypt(txt) // 对数据进行解密。const privateKey = `在线生成的私钥`const publicKey =`在线生成的公钥`;// 后端通过私钥解密，
2022-03-16 11:05:10
2579
1
转载 闭包与递归函数的区别
闭包函数闭包是指有权访问另一个函数作用域中的变量的函数。这个是官方的解释。闭包其实也是函数，可是不同于其他的函数。它是在函数里面嵌套一个函数的函数，其内部函数引用外部函数的变量、参数。下面举个例子来理解：functionoutFunction(objName){ returnfunction(object1,object2){ varvalue1=object1[objName]; varvalue2=object2[objName]; if(val...
2022-03-14 18:13:58
581
转载 JS之深浅拷贝
1.深拷贝与浅拷贝的区别如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。2.栈堆、基本数据类型、引用数据类型栈堆：存放数据的地方基本数据类型：number,string,boolean,null,undefined.引用数据类型(Object类)有常规名值对的无序对象{a:1}，数组[1,2,3]，以及函数等。3.浅拷贝let a= [0,1,2,3,4],b=a;
2022-03-14 15:41:26
56
转载 ES6的Object.assign()
1. 对象合并Object.assign 方法用于对象的合并，将源对象(source)的所有可枚举属性，复制到目标对象上。如下代码演示：var target = {a: 0};var source1 = {b: 1};var source2 = {c: 2};Object.assign(target, source1, source2);console.log(target); // 输出 {a: 0, b: 1, c: 2}1-1如果目标对象与源对象有同名属性，或多个源对象.
2022-03-14 14:38:36
112
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人