weixin_45907435-优快云博客

原创树结构和数组之间的转化

/ 判断当前item.pid 和传入的pid 是否相等，相等就push 进去。// 判断是否是数组，不是数组就返回 []2、数组转化为树结构。

2025-03-15 16:35:20 155

1、登录网址 https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 或者搜索微信公众号测试账号。5、按钮点完后—配置回调页面域名。不要https\http 并且不要localhost,要真是的项目ip。6、微信开发工具中调试-注：地址栏中输入真实的ip地址，不要localhost。4、点击网页服务–里面的网页账号那一行的最后一列的修改按钮。

2025-03-10 16:38:55 116

原创移动端-获取设备或者app的方法

') > -1 // 浙里办APP。1、获取系统名称，安卓或者ios。3、判断是否是支付宝小程序。2、判断是否是浙里办app。4、判断是否是微信环境。

2025-03-08 13:10:21 248

原创在h5中调用微信端的人脸识别等api

/ config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。//注意：一定要把参数转成json字符串格式，否则ios系统报错。// 所有要调用的 API 都要加到这个列表中。Toast.fail('微信配置初始化失败')// 保存人脸识别的信息。// 微信小程序--微信配置。// 人脸识别通过，此处处理业务功能。//比如点击按钮-调用人脸识别。3、微信配置及初始化。

2025-03-08 12:55:44 458

原创后端返回文件流，前端导出excel文件

const dom = document.createElement('a') // 设置一个隐藏的a标签，href为输出流，设置download。1、当后端接口返回文件流时，需前端导出excel文件，在请求中添加 responseType: 'blob'限制条件，根据返回的文件流导出。blob) // URL.createObjectURL(object)表示生成一个File对象或Blob对象。([content]) // 创建一个类文件对象：Blob对象表示一个不可变的、原始数据的类文件对象。

2025-02-25 16:40:56 370

原创浙里办埋点方法设置

/ Page_duration: '用户从进入到离开当前页面的时长', //6.29更新不需要此参数，删除。//onReady表示zwlog加载完成后的函数，它接收一个匿名函数，而sendPV与record方法均要在匿名函数内调用。log_status: '02', //用户登录状态（01:未登录/ 02:已登录）默认‘02’miniAppName:'IRS服务侧应用名称', //IRS服务侧应用名称,不要超6个字。// SDK元配置的当前设置。pageName:'首页名称，有默认，可不写',

2025-02-14 11:31:48 317

原创前端常用校验规则

const reg = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$)|([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/// 18位校验及大写校验。机动车登记证书验证规则。身份证校验规则-严格。

2025-02-11 17:09:00 285

原创 echarts中x轴、y轴类目自定义换行

var rowN = Math.ceil(valLength / maxLength) // 类目项需要换行的行数。var valLength = value.length // Y轴类目项的文字个数。var end = start + maxLength// 结束截取的位置。var start = i * maxLength// 开始截取的位置。var ret = '' // 拼接加\n返回的类目项。var temp = ''// 每次截取的字符串。如以下案例在y轴上换行展示（）

2025-02-06 17:20:00 272

原创压缩动态图片gif 和静态图片的方法，返回Blob对象

const result = await gifmin(fr.result, colors) // 二进制文件流。const blob = await new Blob([result], { // 转换成Blob对象。1、定义--压缩动态图片方法。2、定义--压缩静态图片方法。

2025-02-05 14:25:16 386

原创 pdf在页面中预览的方法

7、搜索： #search=word （表示在文档中执行搜索，word 是搜索的关键词。12、书签： #pagemode=bookmarks: 设置文档打开时显示书签。6、旋转文档： #rotate= 90 （表示顺时针旋转90度）菜单栏：#menubar=0 （0隐藏、1显示）10、滚动条: #scrollbar=1: 显示滚动条。11、状态栏: #statusbar=1: 显示状态栏。3 、工具栏： #toolbar=0 （0隐藏、1显示）

2025-01-07 14:06:40 787

原创实现元素可拖拽的效果

custom-class="custom-dialog-inner" //自定义类，设置样式。实现原理：利用鼠标事件得到鼠标的坐标，设置元素（dialog）坐标，从而实现元素移动功能。功能实现：利用dialog去掉遮罩层的效果，添加封装好可拖拽的自定义属性，模拟可移动的效果。1、导入组件并自定义指令（可全局定义，也可局部定义,以下示例为在当前页面直接定义）:modal="false" //去掉遮罩层，模拟可移动的元素。// 鼠标按下，计算当前元素距离可视区的距离。// 通过事件委托，计算移动的距离。

2025-01-03 11:21:10 347

原创 nvm 安装指定node版本时--list 显示为空

找到安装路径下的 settings.txt,最后两行没有的添加上，错误的话更改掉，重新npm list available。安装指定版本 nvm install 12.18.1。可能需要安装的不在list 中，可直接用命令语句。语句： nvm list available。如果安装list 显示为空。2、查看nvm 可安装的list。

2024-11-12 20:55:55 1060

原创 Notification 自定义内容和样式

el-button type="primary" @click="confirm">确定需求：因为Notification 自定义内容中不支持点击事件，所以利用div 设置样式，模拟Notification 1、html。不在提示系统提示3、结果图（页面右下角）

2024-11-12 19:59:17 430

原创 tooltip 动态控制显示、隐藏

span @mouseenter="isShowTooltip"> 这里是一些可能会超出容器高度的内容3、给标签设置固定宽高，且超出隐藏、单行（不换行）,多行（固定行）、添加省略号。:content="这里是一些可能会超出容器高度的内容"2、用标签的 scrollWidth 和 clientWidth。需求：在标签中，内容过长，即超出标签宽度添加tooltip，否则不添加。思路： 1、利用tooltip 的disabled 的属性动态控制。

2024-10-31 15:04:44 578

原创 el-upload上传文件修改 File 中的name

const FileParams = new FormData() //new 一个 FormData。.................... //append需要的参数。//append 修改name后的file,其中nameNew 是需要的name。方法：可以使用new File创建新文件，然后整个替换掉raw文件对象。问题：在上传文件前，强制修改 raw.File中的name，会报错。原因：因为file中的name是只读的，所以不能修改，

2024-09-04 19:46:28 710

原创用 echarts 开发地图、点击展示自定义信息框

'详情<i class="el-icon-close closebt" id = "closeBtn"></i></div>' +color: 'rgba(147, 235, 248, .2)' // 100% 处的颜色。color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色。backgroundColor: 'rgba(0,0,0,.6)', //提示框样式。areaColor: '#389BB7', //区域的面积颜色。'150100000000' :'呼和浩特市',

2024-08-08 17:57:58 1898

原创腾讯地图简单功能的封装

center: new TMap.LatLng(this.center[0], this.center[1]), // 设置地图中心点坐标。zoom: 13, // 设置地图缩放级别。// 更新图层（打标）7、容器样式-一定要给父容器一个高度。5、 mounted 调用方法。// 统一处理数据结构。6、methods方法。4、 watch监听。1、准备容器-css。2、 props属性。

2024-07-10 18:14:34 451

原创原生多选树组件封装

const checkedKeys = this.$refs.tree.getCheckedKeys(this.leafOnly) // 所有被选中的节点的 key 所组成的数组数据。const checkedKeys = this.$refs.tree.getCheckedKeys(this.leafOnly) // 所有被选中的节点的 key 所组成的数组数据。// this.$refs.tree.setCurrentKey(null) //清除树选中key。path: 'path', // 路径。

2024-06-25 15:49:45 773

原创 js实现列表上下移动数据手动排序

/ arr.splice(index2, 1, arr[index]) 这个是删除第 index2 项,并用 index1 项代替，此时原数组已经改变，// arr[index1] 接收到删除的数据集合，并取第一项即为 index2 数据，实现数据交换。// splice函数返回的是被删除项并且会改变原数组。

2024-06-25 14:54:10 581

原创 table表格导出excel时，同一个cell中设置不同的字体颜色

worksheet.getColumn(Number(index) + 2).width = width * 2 // 考虑到字符宽度与字符数的比例，可能需要乘以某个系数。const worksheet = workbook.addWorksheet('Sheet1') // 创建一个工作表 // 添加表头。{ text: '这是颜色', font: { color: { argb: 'FF0000' } } }, // 红色文字。{ text: '设置的文字' } // 默认颜色文字。

2024-06-24 10:57:10 555

原创 table表格动态更新数据回显不变的问题

1、使用this.$set方法进行对象的更新、数组使用push、pop、shift、unshift、splice、 sort、reverse等方法。3、给table绑定唯一的key, 如table绑定个布尔值，每次更新数据后把布尔值取反。2、在数据更新完之后执行this.$forceUpdate() 进行强制更新。可以依次尝试这三种方法进行排查。

2024-06-21 11:31:58 588

原创 npm install 报错问题 webpack@4.46.0

安装语句后添加 --legacy-peer-deps 如： npm install --legacy-peer-deps。如本地有node_modules 和 package-lock 文件，删除重新安装。

2024-06-04 16:19:28 409 1

原创前端打印文件时，textarea 中文本不换行问题

3、解决方法：在打印前用div标签存储内容，并用<br /> 替换 \n,\r ，给div设置打印出来的样式；打印后还原<el-input >标签。1、问题：在 textarea 中，当内容换行时打印文件，文本没有换行，导致内容丢失。placeholder="只能输入2000个字符"2、原因：因为html2Canvas转化为图片时，不能识别 \n 、\r。PDF.save('导出文件' + '.pdf')css 代码根据实际情况设置样式。4、修改后导出内容换行。

2024-05-28 13:38:47 1450

原创 ele-form 使用插槽时，树组件选择之后，校验不通过问题

/如果是封装的form （如封装的form 的refs 是 auditForm）2、解决方法 --在选中的值后，调用form的validateField 方法进行某个字段的再次校验。//如果是在el-form 中写的插槽。1、html--给树组件添加check事件。

2024-05-24 15:14:54 390

原创 vue-echarts 中双y轴点击legend 控制对应的轴和name显示和隐藏

3、给对象的轴设置显示与隐藏,其中yAxis 中通过show属性控制显示与隐藏，其中yAxis中的name和 legend 中 data 和 selected 需要设置。data: ['第一季度', '第二季度', '第三季度', '第四季度']//参数为 ‘苹果数量’-true/false '李子数量'-true/false。苹果数量: yAxis1,data: ['苹果数量', '李子数量'],name: '苹果数量',name: '苹果数量',name: '李子数量',name: '李子数量',

2024-05-23 17:30:39 1349 1

原创 vuex.store把state中的数据分别存localStorage 和 sessionStorage中

在Vuex.Store默认把数据存到localStorage中，但如果想要同时存到sessionStorage中，可以借助createPersistedState 实现功能。3、最后在控制台打开可以看到 sessionStorage 和 localStorage 中发现 vuex 对象。2、在new Vuex.Store对象中添加 plugins 对象。1、安装createPersistedState。

2024-05-22 15:16:19 355

原创树结构的数据筛选方法

/处理前数据dwjc: '交警大队',dwjc: '一大队'},dwjc: '二大队'},dwjc: '交警二支队'],],

2024-03-27 18:01:52 930 1

原创项目中微信小程序、H5页面分别进行图片压缩

destHeight: canvasHeight, // 输出的图片的高度。destWidth: canvasWidth, // 输出的图片的宽度。console.log('图片压缩失败---->>>>>', err)fileType: 'png', // 图片输出格式。/** **H5 图片压缩 start ****//** ** H5图片压缩 end ****//** ** 图片压缩 start ****/// 导出图片，获取压缩后的图片路径。/** ** 图片压缩 end ****/

2024-03-27 14:47:43 2127 1

原创 echarts 饼状图 label 字体设置

/ hoverAnimation: false, // 为false 时关闭动画且 emphasis不设置。// {a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）rich: { // 在rich中可以分别给 a,b,c,d 设置样式。center: ['42%', '50%'], // 圆中心位置。radius: ['40%', '70%'], // 圆半径。icon: 'circle', // icon 形状。labelLine: { // 引导线。

2024-03-20 17:55:49 2748 1

原创 table表格多级表头且可编辑

实现方式：在el-table中利用for循环根据返回的数据，渲染多级表头，然后在el-table-column标签中使用插槽slot="header" 自定义头部样式，使用插槽 slot-scope="scope" 自定义cell。item.disabled" v-model="scope.row[item.prop]" class="item" placeholder="请输入内容" />'label': '人口数','label': '排名','label': '排名',sjdwjc: '浙江省',

2024-03-19 15:53:57 1148 1

weixin_45907435的博客