自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue3中引入echarts图表

/ 基于准备好的dom,初始化echarts实例(线图)// 使用刚指定的配置项和数据显示图表。// 按需引入 echarts。

2024-06-26 14:23:37 259

原创 js批量导入获取xlsx文件数据

通过input标签是先上传并读取文件内容。

2024-01-04 11:38:35 636

原创 微信小程序报错:Error: Page “xxx/xxx/xxx“ does not have a method “e1“,绑定upload()报错,而upload可以

明明绑定了方法,而且在其他地方写法没有问题,原因是在微信小程序中for循环里面方法是传递参数,直接绑定参数会导致编译时找不到对应的方法,而此时我们有需要传参,那么我们就需要使用微信小程序提供的。公共参数data-*

2023-12-15 10:34:02 824

原创 vue3使用西瓜播放器播放flv、hls、mp4视频

vue3使用西瓜播放器播放flv、hls、mp4视频。

2023-11-17 15:33:37 3559

原创 vue3在父组件的jsx代码中使用具名插槽

vue3在父组件的jsx代码中使用具名插槽我们可以使用v-slots。

2023-09-15 17:13:02 503

原创 vite创建的vue3项目使用jsx

【代码】vite创建的vue3项目使用jsx。

2023-09-15 17:07:35 500

原创 vue3拖拽排序使用Sortable,获取拖拽排序之后的数据

通过绑定onEnd回调方法,获取返回的evt对象,对象中存在oldIndex及newIndex参数,虽然拖拽之后获取的数据是没有改变的,vue3拖拽使用Sortable,获取拖拽之后的数据,Sortable拖拽结束之后获取的数据是没有改变的。1.安装Sortable。

2023-08-16 16:49:17 3905

原创 关于使用element的upload组件上传文件报错问题

upload已经将数据转换为了formData类型,无需再次转换,直接上传获取到的数据即可。b.检查请求头部content-type类型是否为multipart/form-data。如果不是请自定义为multipart/form-data。a.创建一个formData对象。

2023-05-24 16:04:00 3092 1

原创 uniapp实现手写签名

【代码】uniapp实现手写签名。

2023-04-17 11:12:15 391

原创 uniapp小程序页面返回传递参数

1.通过getCurrentPages获取当前页面2.拿到返回页面的实例对象3.调用返回页面实例对象里面的方法4.返回

2023-04-17 11:02:29 422

原创 css隐藏滚动条

css隐藏滚动条,将宽度设置为0。

2023-03-27 11:10:58 497

原创 map信息窗体绑定事件时报错:(index):1 Uncaught ReferenceError: mapCallback is not defined at HTMLDivElem

map信息窗体绑定事件时报错:(index):1 Uncaught ReferenceError: mapCallback is not defined at HTMLDivElem

2023-02-24 17:02:31 389

原创 vue Execl导出功能及控制单行导出为文本

将内容修改为

2023-02-15 18:40:32 551

原创 el-image实现图片旋转并传给后端

第一步,利用el-image的图片预览功能实现旋转。第三步,通过canvas将旋转之后的图片画出来。第二步,添加一个保存按钮,并添加点击事件。# 封装的canvas画图方法。# 封装的img组件。

2023-02-13 16:44:58 1033

原创 socket.js封装

【代码】socket.js封装。

2023-01-13 18:17:38 617

原创 css点击穿透,实现能够点击图层以下的按钮

pointer-events: none;点击穿透 能够实现对下层元素的操作

2023-01-13 18:10:16 748

原创 后端返回PDF文件地址,直接打印出文件以及下载

将后端地址转换为blob文件,然后创建一个隐藏的iframe标签src设置为pdf地址;前端通过获取隐藏的iframe标签的id来实现打印指定内容。后端给的PDF文件地址,直接将pdf打印出来或者下载。

2022-12-22 18:19:32 1720

原创 element的table里面用select,数据无法动态更新问题

时,在表单内嵌套表格,后端数据没有问题,但是选择器无数据,数据没有动态更新,可以直接给template加上一个slot-scope="scope"就能解决问题。

2022-12-22 11:26:04 2589 1

原创 vue使用高德地图

2、在vue.config.js文件中添加。1、在index.html文件中引入。

2022-12-01 16:34:08 632

原创 js正则表达式密码校验

包含八十多个正则表达式,前端开发绝大部分需要的正则表达式都包含。密码必须包含数字,特殊字符,小写字母,大写字母其中三项。分享一个vsCode小插件any-rule。

2022-11-30 11:55:17 1851

原创 uniapp的request封装及使用

uniapp的request封装1.首先创建一个unit文件,然后创建request.js。2.在api文件中引用。

2022-11-22 16:30:41 1956 1

原创 vue中使用element的upload实现文件上传给后端

【代码】vue中使用element的upload实现文件上传给后端。

2022-11-16 18:05:02 7514

原创 js文件下载

【代码】js文件下载。

2022-11-14 19:35:59 575

原创 前端获取mac地址

vue获取mac地址

2022-09-30 15:04:46 15831 2

原创 Electron-vue打包错误问题解决

InvalidConfigurationError: "directories" in the root is deprecated, please specify in the "build"⨯ Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z": read tcp 192.168.1.4:51

2022-09-24 16:34:43 2444 1

原创 elementUI控制表格样式(表格头、表格行、表格列)

表格的列通过绑定element给的cell-style回调方法来控制样式,表格行的央视控制官方也给了row-style回调方法。表格头的样式直接通过给el-table绑定header-cell-style来控制。// 表格第一排样式。

2022-09-16 09:36:44 1227

原创 zoom内容根据浏览器界面变化

通过css的媒体查询设置全局的zoom,根据浏览器页面大小自动变化内容尺寸。

2022-09-15 10:57:01 210

原创 js生成随机数

随机数生成

2022-07-01 09:02:49 300

原创 通过数组生成多个Echarts图并讲数据绑定

下载ec-canvas,将ec-canvas.js里面的initByOldWay和initByNewWay方法完全替换在ec-canvas.js的Component的properties里面添加 WXML文件绑定tuData数据,在page对象里面处理好之后绑定js文件在echarts的方法里面直接获取数据...

2022-06-21 21:03:08 604

原创 textarea层级问题

当我们使用textarea时,会出现textarea的层级过高,导致其内容出现在最上面,原因是textarea自带一个position:relative的属性,可以将其重置position:static;将其解决

2022-06-13 02:25:25 486 1

原创 电话号码正则表达式

电话号码正则表达式:/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$///正则表达式letreg_tel=/^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/if(reg_tel.test(phone)){ console.log('电话号码符合要求')}else{ ...

2022-04-10 19:33:04 12867

原创 微信小程序navigateBack返回数据

现在navigateBack页面定义一个方法,然后用emit传递数据const eventChannel = this.getOpenerEventChannel();eventChannel.emit('returnData', this.data.data);wx.navigateBack();然后返回之后再wx.navigateTo里面接收数据 to() { wx.navigateTo({ url: url+'?canshu'+this.d

2022-04-03 15:45:39 1141

原创 微信小程序二维码生成

首先需要引入二维码生成工具weapp-qrcode.js或者直接安装npm install weapp-qrcode --saveimport QRCode from '../../utils/weapp-qrcode.js'页面使用cavas<canvas style="width:160rpx;height:160rpx" canvas-id="myQrcode"></canvas>生成二维码new QRCode('myQrcode', { te

2022-03-31 17:35:11 1480 1

原创 vue中数组及对象的变动不能直接侦测到

Vue不能检测对象属性的添加和删除以及变动的数组vue数据绑定更改并更新试图可以用深拷贝或者$setlet data=[1,2,{a:2,b:3,c:4}];//深拷贝let data1=[...data];data[3].d=5;data=data1//$setthis.$set(data,'e',6)

2022-02-23 10:49:43 515

原创 git相关操作

1、初始化git init2、切换到某分支  git checkout name3、创建某分支  git branch name4、查看本地所有分支  git branch5、查看远程所有分支  git branch -r6、查看本地和远程所有分支  git branch -a7、删除本地分支  git branch -d name8、重命名  git branch -m 分支名 新分支名9、拷贝、下载git clone -b 分支名 仓库地址更新分支代码并提交...

2022-02-15 10:42:39 161

原创 组件选择器选择热区及树状表格点击展开区域的扩充

复选框的选择热区扩充//点击表格一行均可选中该行复选框:checkbox-config="{trigger: 'row'}" 表格点击展开区域扩充:default-expand-all="true" //树状表格子孙自动展开:expand-on-click-node="true" //将点击展开区域扩充到整行...

2022-02-08 11:30:15 655

原创 xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)

没有代理,代理错误xhr.js?b9e2:210 GET http://localhost:9001/apis/user/validate/code 404 (Not Found)解决方案:在vue.config,js文件里面配置代理module.exports = { //关闭lint检查 lintOnSave:false, // 配置项目页面 pages:{ index:{ //指定html文件路径

2021-12-02 15:27:52 4228

原创 搭建vuex环境

1.创建文件: src/store/index.js//引入vue核心库import Vue from 'vue'//引入Vueximport Vuex from "vuex'//应用vuex插件Vue.use(Vuex)//准备actions对象—响应组件中用户的动作const actions = {}//准备mutations对象—修改state中的数据const mutations = {}//准备state对象—保存具体的数据const state = {}//当st.

2021-11-25 11:00:00 222

原创 vue监视数据的原理

1.vue会监视data中所有层次的数据 2.如何监测对象中的数据? 通过setter实现监视,且要在new Vue时就传入要监测的数据 (1).对象中后追加的属性,Vue默认不做响应式处理 (2).如需给后添加的属性做响应式,请使用如下API: vue.set(target.propertyName/index. value)或vm.set(target. propertyName/index. valu...

2021-11-24 15:37:32 588

原创 vue中的key有什么作用?(key的内部原理)

1.虚拟DOMkey的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DoM】与【旧虚拟DOM】的差异比较,比较规则如下:2.对比规则; (1).旧虚拟DOw中找到了与新虚拟DOM相同的key: 若虚拟DOM中内容没变,直按使用之前的真实DOM ! 若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM. (...

2021-11-24 15:34:05 1006 1

空空如也

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

TA关注的人

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