- 博客(39)
- 问答 (16)
- 收藏
- 关注
RSS订阅原创 uniapp解决页面跳转时，含有base64的数据丢失问题
由于url长度的限制，base64数据过长可能导致数据丢失，以至于base64图片显示不出来或者格式错误。接收数据时，对base64进行解码：decodeURIComponent。跳转前进行base64编码：encodeURIComponent。
2024-09-05 17:22:58
597
原创 uniapp 开启阿里云服务并开启unipush消息推送
以上配置完之后，可再次点击左边菜单消息推送，会出现配置页面；根据你想要的消息推送方式自行配置即可由于本人需实现的是接收服务器端的信息进行推送通知即可，所以不用进行以上配置注意：透传消息配置之后，点击预览=》发布(注意需要打基座包)
2024-05-15 11:53:03
1365
1
原创 js获取地址中携带的省市区
match() 方法将检索字符串 String Object，以找到一个或多个与 regexp 匹配的文本。这个方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regexp 没有标志 g，那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本， match() 将返回 null。否则，它将返回一个数组，其中存放了与它找到的匹配文本有关的信息。match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。
2023-11-08 17:23:26
1101
原创 vue+element中如何设置单个el-date-picker开始时间和结束时间关联
功能：选了开始时间，则结束时间只能选择开始时间之后的；选了结束时间，则开始时间只能选择结束时间之前的 重点是picker-options属性。
2023-08-04 11:25:53
1772
原创 app（uniapp）端如何查看pdf、图片、视频
调用 uni.downloadFile 和 uni.openDocument。调用 uni.previewImage。
2023-05-26 10:26:22
2049
原创 vue项目提交请求，数据为表单数据
2、将json数据转为formData的数据格式（表单数据格式）1、在request封装里面将header头改变。
2023-05-12 12:56:29
719
原创 如何使用electerm工具连接远程服务器更新项目
electerm 是一个功能丰富、易用性强的 SSH 客户端，适用于需要频繁连接远程服务器的开发者。
2023-04-23 10:44:22
924
原创 uniapp中uni-datetime-picker的提示语怎么修改样式
到这里就明白，改下组件的源代码 让提示语用另一套样式就可以了，刚好改动也不大 （我只需要改变字体大小）；在开发页面的时候 发现uni-datetime-picker的样式和输入框的不统一。查看了代码才发现是因为提示语和输入框的值都是用的同一个样式。
2023-04-21 15:31:32
1308
原创 uniapp表单校验，跳转新页面返回该页面，表单被赋值的数据验证不生效
使用uniapp的表单，在该表单中有个数据是需要跳转页面才能拿到数据的，但当我跳转回来后，数据有了，验证却不生效。解决办法：使用set来赋值。
2023-04-13 15:28:39
124
原创 uniapp表单数据为“多级结构”，如何做校验
其实针对“多级结构数据”，可以使用“动态表单校验”。给单个uni-forms-item添加rule，给name绑定数组形式。开发项目的时候使用uniapp的表单 表单数据为多级结构，也就是对象里面嵌套对象，如何做校验？
2023-04-13 15:25:45
1032
2
原创 使用element中的复选框，报错“ Cannot read properties of undefined (reading ‘length‘)”
但在项目中使用element框架中的复选框的时候，明明有数据却报错“ Cannot read properties of undefined (reading 'length')”，仔细观察后才发现，是因为复选框初始化的时候v-model绑定的是undefined，所以初始化的时候给个数组就好了。
2023-04-04 09:18:14
1693
原创 高德地图突然报错“Uncaught (in promise) Error: Invalid Object:LngLat(NaN， NaN)”
引用高德地图的时候，报以下错误：原因：是标记的经纬度没有。
2023-04-04 09:16:39
2777
原创 uniapp表单验证，输入的时候就开始
只需要在表单上加上validate-trigger="bind"即可，默认值是submit 也就是点提交按钮的时候才验证。
2023-04-01 09:32:55
270
原创 vue3使用Mock.js模拟接口数据
开发项目的时候，如果后端接口没有出来，前端工程师也不必非得等接口出来才进行下步开发。可以使用mock.js来模拟接口数据，以下就是使用vue3设置hook函数来封装axios请求，配合mock.js来实现的代码，mock的使用借鉴了大佬的博文https://blog.csdn.net/possible_fish/article/details/123776419一、安装mock.js文件执行npm命令： npm install mockjs二、引入mock文件，并定义.
2022-05-19 17:54:23
4752
1
原创 vue3写hook函数封装axios请求时，请求的数据含有换行符，且不能转为正常的json格式
前提：练习vue3的时候，写hook函数封装请求时，自己写的json文件模拟接口数据，请求的数据如下：我测试了好久，什么replace、json转化数据啥的都用了全都没用，最后机缘巧合下发现了是json文件中的单引号问题，真是醉了，写的代码如下：1、json文件模拟接口数据2、hook函数封装axios请求3、页面上发起请求4、最后结果输出事实证明，很小的细节会影响大局，哈哈哈...
2022-05-19 15:01:16
749
原创 typeScript中tsconfig.json无故报错
报错：原因：是由于该文件的同级目录下，没有ts文件，所以会报这种类似于语法错误的，只要在同级下创建一个ts文件即可。
2022-04-19 10:01:06
5877
1
原创 element中表单form验证必填，成功之后不进入validate方法
问题：登录form表单必填验证的时候，验证错误会进入validate方法，反而验证成功后不进入了。代码如下：解决：最后发现是密码验证方法中没有写成功之后的回调函数，即要在else if后面写上else{callback（）}执行回调函数...
2022-04-12 10:51:40
1599
原创 前端面试题2022-2-5起
一、想要浏览网页当输入完网址按下回车，到看到网页这个过程中发生了什么？1、通过本地dns或者dns服务器进行域名解析，将网址的域名转换为服务器对应的ip地址2、向该ip地址发起tcp的3次握手3、建立tcp的3次握手后随后发起http请求4、服务器响应该请求，浏览器得到HTML代码5、浏览器解析该代码，并请求该代码中资源6、浏览器渲染页面并呈现给用户出现的问题：1）当执行到解析代码获取资源时，刚建立的tcp连接会因为资源传输完成而断开吗？ 根...
2022-03-22 11:35:18
1454
原创 Vscode如何使用less并进行配置
Vscode工具：Vscode、Easy LESS插件1、安装Easy LESS插件2、配置less：文件——首选项——设置 ——搜索less "compress": false, //是否删除多余的空格，建议 不是准备打包的同志可以先设置为false，便于代码查看以及维护"sourceMap": false, //是否生成源地址文件，一个新的地址文件，小型开发项目可有可无 "out": "..\\css\\", // 这里是代表编译后生成的css文件..
2021-08-11 17:43:17
1540
原创 HbuilderX中如何使用less进行css编译以及自动生成css文件
HbuilderX工具：hbuilderX、less插件1、安装less插件在工具中找到——》“插件安装”——》安装less编译插件2、这个时候就可以写less，并且可以正常运行了PS：如果想要编译之后的样式显示在css文件中，可以进行插件配置让less编译完自动生成css文件 1）在工具——》插件配置——》compile-less——》package.json文件——》将“onDidSaveExecution”的值改成true——》重启H...
2021-08-11 15:09:28
5190
2
原创 vue+element 解决多个请求同时报错，弹出多个消息框message从而影响界面视觉效果的问题
每次请求一报错就会弹出多个提示消息，多次请求同时报错更会出现满屏的消息提示，不太美观！然后查了百度，看了大佬donggua_123的关于这个的博客，完美解决问题。大佬的博客地址1、创建resetMessage文件，在里面写上大佬重新封装的element消息框message的方法代码：/**重置message，防止重复点击重复弹出message弹框 */import { Message } from 'element-ui';let messageInstance = null;..
2021-06-23 17:15:07
2815
2
原创 在vue+echars图表中，当执行一次点击事件时，事件方法会累加执行多次？
效果：点击搜索按钮的时候，有新数据返回所以图表需要重新渲染，然后点击图表中的项会打印详情数据bug再现：当刷新页面的情况下，第一次点击项，会正常显示一条新数据；其次再不刷新页面的情况下，点击搜索按钮渲染图表，点击项会出现2条一样的数据；然后点搜索按钮再次渲染图表，点击项会出现3条一样的数据，以此类推，重复累加打印经过多次测试发现原因是： echars图表渲染几次，事件就会执行几次解决办法：在渲染图表之前，关闭点击事件，使用off页面刷新时，打印了1条数据，正常：...
2021-06-23 16:57:38
380
原创 echars里面想要标记x轴或y轴某个范围之内的数据，可以使用图表标域markArea
使用series里面的markArea对象即可，而markArea里面的data数据四个二维数组对象代码如下： // 图表标域，常用于标记图表中某个范围的数据，例如标出某段时间投放了广告。 markArea: { // 图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。 silent: true , // 显示标签，且标签位于.
2021-06-22 10:24:52
1228
原创 如何禁用hover 在 box（图形） 上的动画效果效果和鼠标点击事件？
禁用动画效果 在series里面添加属性：hoverAnimation:false,hoverAnimation的相关文档地址禁用鼠标在图形上的点击事件：在series里面添加属性：silent:true,默认值是falsesilent的相关文档地址每天都要收获一点点！...
2021-06-22 10:12:53
476
原创 如何设置x轴为时间轴的echars图表？
echars如何设置x轴为time时间轴？将xAxis中的type值设为time，data并不用写，然后设置图表需要的时间范围即可。
2021-06-21 18:09:34
1931
2
原创 echars中当x轴的min和max的之间的范围大于x轴的长度时
echars当x轴的min和max的之间的范围大于x轴的长度时，可以使用区域缩放doomZoomechars相关文档链接：echars中doomZoom的相关文档详情信息
2021-06-21 17:45:39
99
原创 element中俩个el-table切换且其中一个设置了type为selection全选列，但切换的时候，表格全选列时有时无
问题：俩个el-table，第一个设置有全选按钮列，第二个没有。当用v-if进行点击切换的时候，如果第一次点击的是无全选按钮的，则第二次点击含有全选按钮的表格shi
2021-06-09 15:43:25
1842
2
原创 在el-select多选框里面设置input搜索框并能实现搜索功能
思路：通过给搜索框设置点击事件，oninput 当input的value值发生变化时就会触发，（与onchange的区别是不用等到失去焦点就可以触发了）
2021-06-01 17:26:03
5813
原创 怎么在HTML中使用echars图表
进入echars官网点击下载2、然后进入下载页面，有多种方式，我是选择第三种，定制下载（可以下载自己所需的）3、选择自己需要的图标类4、然后就可以点击下载5、下载完成后，可以将压缩包放到项目指定的位置，然后按照js的引入方式引入，就可以复制案例上的代码展示了ps：切记，在js中使用echars一定要在元素渲染完成之后，否则会报错，今天也是有货的一天！...
2021-05-31 22:37:05
181
原创 当vue+element（el-select）下拉框的绑定的value值为对象时，报错“ ＜transition-group＞ children must be keyed: ＜ElTag＞”
原因：是因为el-select中v-model绑定的值类型是对象。且没有设置value-key属性作为唯一标识符解决办法：在el-select里面设置value-key属性，值要和option中key的值保持一致。（ps：option绑定的值好像不能自己设置类型，比如在里面写花括号“{}”，会报错）<el-select multiple v-model='selectedArray' value-key="id"> <!-- 因为选定的value值是对象 为了保证
2021-05-31 22:25:47
787
原创 vue项目开启https，连接后台接口（接口是https的）报错“NET::ERR_CERT_AUTHORITY_INVALID”
在同事电脑上可以正常运行。且证书已经生成，但在本人的电脑上报错，离谱浏览器：Chrome，编辑工具：vscode，框架：vue查了好久的百度才发现这个bug的原因是：没有将证书添加到浏览器内解决办法：打开浏览器的自定义以及控制按钮（也就是谷歌页面右上角的三个点）选择设置：隐私设置和安全性——安全找到管理证书将在本地已经生成的证书导入进来就可以了ps： 这个办法有局限性，只能在谷歌浏览器中解决，在火狐中仍有证书问题的bug（可以点击请求链接，然后重新访问），相关解决办法还在解决.
2021-05-18 17:32:56
5447
3
原创 Vue项目开启https服务并生成本地证书文件
Vue脚手架搭建的项目中开启https服务，想要正常运行，需要本地生成证书文件。且以下操作需要各位电脑本地安装了git管理工具
2021-05-18 17:16:11
2640
2
空空如也
高德地图轨迹回放动画运动不准确
2023-04-12
uniapp中map地图，安卓端图标大小改变不起作用
2023-04-08
百度地图，相同经纬度的多个标注重叠了怎么区分？
2021-10-28
uniapp使用canvas绘制本地图片，为什么显示不出来？
2021-10-26
uniapp开发百度地图，华为手机（鸿蒙系统）上定位不准确改怎么解决？
2021-10-11
百度地图上使用浏览器定位，电脑端和手机端定位不准确？
2021-10-09
uniapp使用百度地图如何实现marker实时更新位置
2021-10-06
使用百度地图，如何设置以当前自身中心点往外五公里范围内出现对应的标注？
2021-09-28
uniapp中 提交表单 为什么获取不到内容？
2021-09-27
uniapp中如何将base64的图片流显示在页面上
2021-09-24
uniapp中手机端和浏览器上如何将已绘制的二维码生成图片并保存在相册里面
2021-09-23
uniapp中手机端如何进行分享操作
2021-09-23
uniapp中页面跳转时，浏览器地址太长了 ，如何让地址只显示"/页面名"！
2021-09-22
vue中点击事件改变响应式对象的数据，视图未更新
2021-07-06
自我感觉基础知识不太扎实，想要复习一下， 但不知从何入手（自己还得学习新的框架）！挺急的
2021-06-28
TA创建的收藏夹 TA关注的收藏夹
TA关注的人