- 博客(28)
- 收藏
- 关注
RSS订阅原创 vue项目打包优化，减少代码体积，提升页面加载速度，配置cdn链接，增加gzip压缩，不生成.map文件，删除控制台输出等优化
webpack打包优化 使用cdn链接进行文件库加速，提升速度，对文件整体进行压缩，使用gzip压缩，除了在代码中进行配置以外还需要在服务器的nginx文件中进行压缩配置。此配置明显能够提升网页速度。项目配置后秒进，对删除控制台输出，生成文件优化等配置，代码体积明显减少，速度明显提升
2024-11-14 11:27:20
1136
原创 苹果手机 iOS 系统 ，使用scroll-view会把scroll-view里包裹的遮罩层截断失效，（苹果手机、ios系统使用scroll-view，fixed定位层级不正确）
苹果手机 iOS 系统 ，使用scroll-view会把scroll-view里包裹的遮罩层截断失效，（苹果手机、ios系统使用scroll-view，fixed定位层级不正确）因为 iOS 下加了 -webkit-overflow-scrolling: touch，这个会产生滚动惯性，体验更好，但会改变 fixed 的行为；解决方法一：把需要fixed定位的元素放在scroll-view外面，方法二：在**全局**（注意是在全局文件中）app.vue中 写入 ，方法三：使用scroll-view中包裹的
2024-04-16 10:24:53
1040
原创 uniapp开发微信小程序 腾讯位置地图定位开发，可在获取用户定位，获取用户收货位置等地方使用
开发微信小程序、uniapp开发小程序，获取腾讯位置地图定位开发，相关配置，用于获取收货地址等功能，在manifest.json中配置插件 配置定位权限，在调用界面的onshow函数中使用,在onUnload函数中清除数据
2024-03-07 16:18:41
1263
原创 uniapp 开发 微信小程序开发智慧商圈功能，实现支付即积分功能
uniapp开发微信小程序，实现智慧商圈功能，也就是支付即积分功能，主要分为三个步骤第一申请各项权益，第二引入插件，顺便引入获取定位api，其次在界面中通过函数进行跳转智慧商圈提过的界面，使用 myPluginInterface.getAuthStatus 函数，铜锅status 状态判断进行业处理status:0 , 代表未开通 ，status:1 , 代表未已开通，status：2，代表开通后关闭又开通。在配置文件 新到这一步智慧商圈的前端部分功能就实现了，后续需要后端根据文档对其中展示的数据进行对接。
2024-03-05 10:50:00
897
1
原创 vue 实现Excel导出文件，设置单元格样式，居中，靠右，边框等，并设置数据类型货币类型， 使用xlsx，xlsx-style插件实现
vue 实现Excel导出文件，设置单元格样式，居中，靠右，边框等，并设置数据类型货币类型， 使用xlsx，xlsx-style插件实现，根据 自己业务更改表格样式及导出数据类型。
2023-11-22 18:02:05
4398
4
原创 Vue中实现富文本功能，适配小程序端，uniapp也可实现，vue-quill-editor适配小程序，将vue-quill-editor插件中的class样式换为style内联样式达到适配目的
下载插件vue-quill-editor,封装富文本组件 textEditor，引入自己的素材库，实现从自己封装的素材库中选取图片功能，将vue-editor-quill中的class样式修改为style样式从而进行小程序端的更改，编辑，小程序使用插件，更改对应源码，实现功能，编辑达到pc端和小程序端统一html，使得新增编辑都能够实现
2023-11-03 11:55:21
2961
原创 uniapp开发微信小程序用户隐私协议，用户隐私保护提示
uniapp中开发微信小程序用户隐私协议，用户隐私保护组件，微信后台配置对应的用户隐私协议且需要通过审核其次在调试过程中微信开发者工具建议调整版本到3以上，2.23 版本以上才支持最后在调试时在manifest.json文件中加入“usePrivacyCheck” : true 和appid同级1、封装组件 privacyAgreenPop 用户隐私协议弹框
2023-10-26 10:14:47
2927
4
原创 调用接口后端返回文件流，前端进行下载，Excel表格方法，以及Excel表格下载后为[objet][objet]问题处理，Vue、js、react
调用接口后端返回文件流，前端进行下载，Excel表格方法，以及Excel表格下载后为[objet][objet]问题处理， 原因是把res.data写成了res，修改之后再次导出就好了。
2023-09-27 16:06:25
844
原创 Vue 2.0中实现下载方形图片和圆形图片的功能，可以使用HTML5的canvas元素来处理图像
Vue 2.0中实现下载方形图片和圆形图片的功能，可以使用HTML5的canvas元素来处理图像以下是一个示例代码，演示如何通过点击按钮将方形图片和圆形图片保存到本地。在上述代码中1、首先通过this.$refs.canvas获取到canvas元素和绘图上下文对象。2、然后，创建一个新的图像对象，并设置图像的源链接为给定的图片链接。3、当图像加载完成后，我们清空画布并使用drawImage方法将图像绘制到画布上。
2023-09-11 17:19:16
227
原创 uniapp 小程序 中使用富文本rich-text 图片溢出问题解决方法
封装公共函数 tag=true 默认图片最宽为父组件宽度，如果不需要最大宽度为父组件宽度可以给tag传false，通过class控制img的样式。第一步中的richTextImg 函数中已经为img 函数添加了 class类。对于富文本框中的文字可以直接用css 修改标签样式控制，但是图片不行。函数中写入 处理函数richTextImg。可以直接在css 样式中修改 img样式。对于图片 可以使用两种方式进行样式修改。在需要处理的富文本数据处调用。
2023-09-04 18:13:36
1596
1
原创 使用element ui自己封装的组件ElImageViewer 实现图片预览功能，使用js 控制图片预览的时机，及触发方式，js自定义显示隐藏预览图片
使用element ui自己封装的组件ElImageViewer 实现图片预览功能，使用js 控制图片预览的时机，及触发方式，js自定义显示隐藏预览图片,使用element ui自己封装的组件实现图片预览功能，使用js 控制图片预览的时机，及触发方式 ,双击上面的图片显示预览
2023-08-04 18:24:13
1096
1
原创 H5，Vue，实现图片预览功能，可双击放大，复位，重置，双指放大缩小图片，使用 hammerjs插件
H5，Vue，实现图片预览功能，可双击放大，复位，重置，双指放大缩小图片，使用 hammerjs插件
2023-08-04 16:41:59
4294
4
原创 使用uview1.0 ，uview picker组件时，mode=“time“ 时间类型，日期不允许选择当前日期之后的日期（例如出生年月）实现方法
使用uview1.0中的picker组件，实现日期最大可选值功能，官方文档不支持处理最大月，日值，通过修改源码的方式来实现次功能。具体操作步骤有以下几点：1、在使用u-picker 组件的页面组件上 新增传参:timeEnd="endTime"2、在onShow 函数中给endTime中的值进行赋值3、修改源码，新增函数 timeHandle，在该函数中处理年月日的最大显示4、修改 timeHandle 中所调用的函数，加传参，使用原本的uview 防撞好的逻辑5、在初始化函数中，watch中调用
2023-08-03 11:29:57
1420
4
原创 element ui 使用form表单自定义校验方式 传参，传参校验在后面 往后翻
常规的自定义校验方式如 上边 代码中的 :rules=“fules”在data中定义fules 的校验规则 例如：二、自定义校验，传参自定义校验规则传参，比如想要传入下标可以按照（促销价（元）的校验规则进行传递） :rules=“dicRulesVailFn(form1.skuArr[scope.$index])”相当于rules 接收了一个函数，所以必须要return 一个值返回回去，参照上边自定义校验规则的常规写法函数函数可以这样写把关键参数都返回过去，
2023-07-19 11:56:05
952
原创 网页调用本地exe 文件执行，vue,js,react都可，各个浏览器都可以执行
前端网页调用exe文件，js调用执本地exe文件，js执行exe文件，vue,js，react都可以使用。写入注册表，记事本或其他文本编译文件命名 testPB.reg写入内容如果路径不正确或没写入进去，返回第二步，重新检查写入的内容，是否少\ " \ 等符号，及exe文件存放的路径。红色圈起来的进行自定义命名，此名字在后续调起exe文件时会使用到，注册表中的名字也会是这个。查看路径是否正确，DefaultIcon和command中的都需要查看。圈起来的是exe文件存放路径，修改为自己的exe文件存放路径。
2023-06-08 17:52:08
3089
7
原创 uniapp小程序实现分享，分享朋友圈功能
分享个人，及分享朋友圈功能，小程序点击右上角三个点实现带参数分享，分享函数与onLoad，onShow同级，分享时携带的参数在onload中获取，
2023-05-16 21:35:31
1366
原创 vue-element-admin@4.3.1 dev script.
依赖于写的项目，install下载报错，之前下载好的node_modules文件也跑不起,解决方法package.json文件中把 **"tui-editor": "1.3.3"**,改为 **"@toast-ui/editor": "^3.2.2"**
2023-04-26 10:38:41
1114
原创 微信公众号支付后点击完成按钮后，界面强制关闭l了，解决办法开启“点金计划”，微信公众号支付后闪退，后面逻辑不执行
踩坑H5介入第三方支付后，支付后点完成就闪退，关闭H5界面了是因为微信开启了一个‘点金计划’，解决方法是通过点金计划的接口来做替代，申请成为特约商户并打开开关，就是在原先的商家小票中内嵌一个 Iframe，把你的html界面嵌在商家小票界面中，配置小票链接上传文件链接和文件放在一起，家小票链接需要单独写一个新的Html界面，放在服务器上。 如果要携带参数，从链接里面截取，比如说订单号
2023-04-19 17:54:27
2656
原创 上传至微信服务器端的图片在界面中展示的时候，显示此图片来自公众平台未经允许不可引用，解决办法只需加两行代码
上传至微信服务器端的图片在界面中展示的时候如上图不显示图片显示 为此图片来自微信公众平台，未经允许不可引用。自己的项目是Vue的，放在了public文件夹下的index.html 文件。在界面的html页面头部head加入以下这两行代码即可解决问题。
2023-03-27 17:08:31
410
原创 实现管理端装修页面后，扫码预览功能，小程序扫码预览功能
1、首先你的商城功能要有已经做好的装修，以及已经适配好的小程序端2、在管理端页面右上角添加一个预览按钮3、点击预览的时候调用一个后端接口将现在装修好的数据存入数据库中，后端返回你一个装修页面的id号4、然后后端还需要出一个接口，是带参小程序码的生成5、让用户扫描小程序码跳转到小程序中6、紧接着就是小程序的调试了7、重点重点重点，小程序没有发布成正式版他跳不过去
2023-03-23 11:00:51
769
原创 element-ui中使用el-table ，el-table-column循环列发现列错乱解决方法
由于需要动态循环列展示表格而不得不套一层div标签时会造成表格列错乱的想象，这是因为el-table中不允许有除el-table-column标签以外的元素。
2023-03-21 10:03:09
5022
5
原创 微信小程序控制台 报错 对应的服务器证书无效 控制台输入 showRequestInfo() 可以获取更详细信息 原因是ssl证书过期 重新申请即可
微信小程序控制台 报错 对应的服务器证书无效。控制台输入 showRequestInfo() 可以获取更详细信息，我这边报错的原因是ssl证书过期 重新申请后就好了，但也有本身域名申请的就有问题的，重新根据规范去申请域名。如需暂时使用 勾选此选项 （上线必须要https域名 也就是说必须要把ssl证书申请下来）
2022-12-15 10:59:48
4407
原创 解决uniapp、微信小程序中wxbarcode 生成一维码最后一位变“_“ 下划线问题
解决uniapp、微信小程序中wxbarcode 生成一维码最后一位变下划线，方法一修改源码文件wxbarcode，找到第235行 将chr2 修改为 chr1修改js，方法二将传入的需要进行转码的字符串最后一位拼接一个空字符串 ,条码不显示问题，及条码扫不出来问题解决方法是加个定时器，我这边200毫秒就够了，根据情况往长加时间，原因是因为异步了，或者是时间问题没刷新过来
2022-12-05 17:09:06
2446
原创 vue中使用watch监听vuex中的数据变化
在watch中监听vuex中的数据在watch中监听Vuex中state的数据watch监听方法一：在computed 计算属性和watch 监听中 写入方法二：在watch 中写入在watch中监听Vuex中state的数据watch监听方法一：在computed 计算属性和watch 监听中 写入export default{ component:{}, data(){ return{} }, computed:{ tagArr(){ return this.$store
2021-09-15 11:51:52
4650
原创 解决vue中刷新页面，store数据丢失的问题
解决vue中刷新页面，数据丢失的问题vuex——状态管理工具，是一个组件的数据管理仓库。我们使用 this.$store.state来获取数据，并对获取到的数据进行一系列的操作，然而，一顿操作后，页面刷新数据没了，，，没了！！！这显然是不行的，所以我想到的方法就是，存储在本地当中。重点在这，代码↓↓↓↓↓在脚手架中，使用生命周期钩子函数created，created 在页面创建完成时，存取数据，代码如下 ，把这段代码直接复制粘贴。当然 这段代码是写在与components，data，methods同
2021-02-24 23:51:13
1916
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人