- 博客(20)
- 收藏
- 关注
RSS订阅原创 解决uniapp小程序打包体积超过2M，提示包体积超过2M，“main packagexxx”,不给上传和预览的解决办法，绝对有效
在微信小程序开发中，为了解决包体积大的问题，微信官方已经给出了分包的方案，如果是用原生微信小程序开发的，那么只需要按文档来就可以了，地址：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html但是，如果你是用uniapp开发的微信小程序，你同样也会遇到包体积大的问题，那怎么解决呢先从这几个方面入手，1.图片经过压缩和使用网络连接形式，避免静态资源占用太多内存2.在HbuiderX运行小程序的时候把
2021-12-03 10:53:50
12846
3
原创 js 数组 去重，最大值，最小值，升序，降序，乱序的实现
去重: 方法1： functionduplicate(arr){ let obj = {}; for(let i=0;i<arr.length;i++){ let item = arr[i]; if(typeof obj[item] !== 'undefined'){ arr[i]=arr[arr.length-1]...
2021-12-03 10:52:57
323
原创 css边框border颜色设置为透明transparent,如果背景色是渐变linear-gradient,会受到影响,边框还是会显示出来
设置一个元素的样式：background: linear-gradient(130deg, rgba(205, 144, 42, 0.9) 0%,rgba(245,213,115,0.3) 70%, rgba(205, 144, 42, 0.6) 100%);border: 3px solid transparent;结果：按理说，设置transparent后边框应该是看不见的，在实战中(出现情况是在小程序，其他平台未测)发现，如果该元素也设置了渐变色，那么边框还是能显示出来解决：将bor.
2021-12-03 10:48:56
5746
3
原创 小程序wx.chooseMedia，chooseImage等会触发onshow,onload的坑
在一次调用小程序api-wx.chooseImage,然后发现图片莫名其妙的不对，查了好久，才发现是选择图片后页面的onShow生命周期又执行了（我是在onshow请求的接口数据，导致数据刷新了）。反正类似chooseImage的api，都会触发app.js的onShow、onHide和page的onShow、onHide(其实原因是，这类api调用的时候就相当于跳出了小程序，选择好后再进来，所以会触发onShow,onHide)顺序是: page的onHide > app的onHide &g
2021-12-03 10:47:15
5031
原创 解决小程序插槽slot内容显示不对，无论是原生小程序还是uniapp开发的，解决办法如下
在一次使用小程序插槽的时候，发现如论在哪里使用插槽，内容在子组件上展示和根目录同级，这其实是pc端微信开发工具展示的错误。官方说出了解决办法，同时已经实践证明有效。方法：点击开发者工具右上角“详情”，然后把 “以shadow-root形式展现自定义组件”前面的勾去掉，刷新后再看控制台就发现可以了。注意点： 如果是荣uniapp开发的小程序，由于vue的solt最新使用v-slot:name配合template标签一起使用（如：<template v-slot:left>...
2021-12-03 10:46:19
3425
4
原创 element - ui 的el-input输入框无法输入的问题
一次在项目中，发现el-input无法输入，查阅了相关文档，发现可能是组件层级过深导致视图无法刷新。解决办法是在el-input上绑定@input="$forceUpdate"<el-input v-model.number="form.frm_order_no" placeholder="报损订单号" @input="orderNoChange"></el-input>orderNoChange() { this.$forceUpdate(); },
2021-12-03 10:45:18
2894
原创 element-ui 的dialog关闭很慢，有延迟
当dialog的数据很多时，你会发现关闭dialog会很卡，解决办法就是关闭前先把渲染的数据清空就关闭及好多了。
2021-12-03 10:44:08
4039
2
原创 vue fullpath 和 path的区别
fullPath是路由全地址，包括连接携带的参数，如：192.168.0.1/index?page=1，fullPath为/index?page=1path是路径，不带参数，如：192.168.0.1/index?page=1，path为/index
2021-12-03 10:38:40
7867
原创 vue项目报错http://localhost:8080/sockjs-node/info?t=xxxx，解决办法，绝对有效
我们vue项目开发的时候有时会出现http://localhost:8080/sockjs-node/info?t=xxxxx错误。如下图网上百分之99的办法都是说： 1. 找到/node_modules/sockjs-client/dist/sockjs.js 2.找到代码的 1605行 ，并注释掉try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish',...
2021-12-03 10:36:46
6241
2
原创 element-ui的输入框无法输入，时间选择器无法选择和输入解决办法。
无法输入分两种情况：1.第一种：组件层级太深，导致视图没法刷新，但是数据是已经变化了的。这时候在输入框绑定事件@input="$forceUpdate()"即可解决2.第二种，数据引用太深，导致输入的时候数据都是没变的，我实际项目中就是遇到这样的问题，如下。场景是这样的，我这个弹窗的数据是来自上一个弹窗的，如下图：但是发现添加后的输入框是没法输入的，一开始我用了@input="$forceUpdate()"，但是没有任何作用，多次测试后，我猜测是数据的问题。下面这两张是我没解决之前的
2021-12-03 10:33:06
1969
原创 element-ui的table表格数据选择，分页，跨页保存数据的方法
我们使用element-ui的table表格时，难免有一些场景需要多选框，如果数据只有一页还好，如果是含有分页，那么你在第一页选择后，再点到第二页选择，你会发现第一页的选择的数据已经没有了。那怎么才能让我们保存第一页的数据到第二页呢。一开始用的时候没发现element-uitable已经提供了办法，所以就采用缓存的方式，但是这样的缺点就是类似点第二页有点回第一页，还有就是数据的添加和撤销会变得比较难。正确的解决办法是：在选择框的标签上添加 ：reserve-selection="tr...
2021-11-01 12:24:41
1155
原创 a标签本来是跳转却变成了下载的bug,在谷歌等部分浏览器遇到
a标签在本地开发是正常跳转的，发布到线上也是正常跳转，然后 线上的偶尔会出现点击a连接跳转却变成下载的情况。不过多次刷新或重启浏览器就好了。经测试，谷歌浏览器会出现这样的情况，其他浏览器没测。原因是大多数情况下，点击a连接后查看控制台，请求头是Content-Type：text/html；这种情况下可以跳转，但是偶尔会出现类型不是html,而是其他类型，那这时候浏览器就误认为它是可以下载的，所以就下载而不是跳转。参考的解决办法;1.在a标签上添加rel=“noopener noreferrer”，我
2021-11-01 12:23:52
1431
原创 vue-cli3 资源路径publicPath配置成 ./ 和 / 的天大区别，net::ERR_ABORTED 404 (Not Found)，导致线上项目的部分路由懒加载跳转出现资源不存在的错误
如图vue.config.js里的publicPath配置成./和/有什么区别呢?以我实际项目中遇到的问题来说明。我项目中遇到的问题是： 1.线上项目部分路由跳转的时候控制台报错，出现资源加载错误net::ERR_ABORTED 404 (Not Found)，还有Loading chunk xxxx filed,请看清楚，这是部分页面，并不是全部！ 2.上面的问题只有在部署到线上的时候才有，本地开发环境没有。 3.如果路由采用直接引入，不用路由懒加载，既...
2021-11-01 12:22:45
1248
原创 记录问题：小程序使用animation 后页面时而闪烁的解决办法
一次开发小程序的时候，使用了css的animation和transform-style: preserve-3d;但是发现页面会时而闪烁，因为我使用的动画是3d的无限转动，因此猜测是页面转动的时候超过了页面的宽度导致闪烁。解决办法就是在动画的父元素添加overflow:hidden即可。...
2021-11-01 12:21:50
1743
原创 解决elementui table固定列的时候，滚动条被遮挡无法拖动的问题，有效
当我们使用element table，有时我们需要部分的列固定，我们就给列添加了fxied属性，但是这时候你会发现table的横向滚动条很难拖动，查找原因你会发现原来是固定的列把滚动条给挡住了，只有超出固定的部分滚动条才可以拖动。解决办法：1.修改el-table__fixed样式.el-table { .el-table__fixed { height:auto !important; bottom:17px !important; } }.
2021-11-01 12:21:07
2205
4
原创 记录问题：uniapp小程序input输入框输入数据没变，的解决办法
如上图，在输入框输入新的值时，查看小程序控制台的数据，发现数据并没有变成输入框的数据，刚开始数据是从接口直接拿的，同时储存了整个数据，如下：then(res => { this.info = res this.list = res.list});然后拿list去遍历渲染，修改input框的值发现数据没变（视图是变的！），后面查到原因是因为数据指向太深导致的，将需要遍历的数据用深拷贝即可，修改上面如下then(res => { this.inf...
2021-11-01 12:06:04
2467
原创 js 将json字符串转换成json对象的两种办法，eval和JSON.parse的区别
在前端中我们可能有时遇到后端返回来的数据是一个json字符串：一般我们会想到用JSON.parse()来将字符串转换成对象，但是前提是后端返回来的json字符串是一个标准的json格式才行，如果不是标准的json格式，你用JSON.parse()就会报下面的错误像哪些不是标准的json呢？例如我下面的这些 var a = '{"name": "张三", age: 18}'; var b = "{'name': '张三'}"; var c = "{'age': 18..
2021-11-01 12:05:01
121
原创 js遍历find, forEach, filter, map区别
find, forEach, filter, map都可以遍历数组，不改变原数组arr.find((e, i) => { console.log(e, i)})arr.forEach((e, i) => { console.log(e, i)})arr.filter((e, i) => { console.log(e, i)})arr.map((e, i) => { console.log(e, i)})区别：1.只有find里达到条件时会中断循环，其它
2021-11-01 12:02:01
337
原创 记录问题：flex:1 和min-width:0 一起用，解决子元素超出父元素
一直用flex开发，没遇到啥问题，知道有一天设置一个div的flex:1,然后子元素width:100%,子元素里面又有内容，后面发现内容超出了父元素div的宽度，这时候死活都找不到问题在哪。后面在父元素继续添加min-width:0即可结果：flex:1 和min-width:0 一起用，能避免子元素超出父元素...
2021-11-01 12:00:45
1474
原创 问题记录：vue 数据更新，el-form, el-table等不更新，不重新渲染解决办法
一次开发中，使用了el-dialog弹窗组件，组件里使用了el-form组件，并且里面使用了el-input,但是发现第一次打开弹窗是有数据的，后面再打开弹窗就不在显示数据了。1.打印数据，数据在每次打开弹窗确实是传过来的。加上$forceUpdate(),无效！2.在el-form外的地方用div显示数据，发现是正常的，说明数据都是正常的，那么就是el-from的问题。解决办法：在el-form上绑定key, 假设为:key=“formDataStatus”默认值 formDataStatus
2021-11-01 11:57:33
3865
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人