- 博客(14)
- 收藏
- 关注
RSS订阅原创 vite+vue2打包防止内存泄漏并自动生成dist.zip文件夹
2.安装vite-plugin-zip-pack打包依赖。1.package.json配置添加运行内存配置。3.vite.config.js引入zip并配置。
2023-04-25 10:41:17
531
原创 扫码枪扫码之后导致页面跳转
近期项目在接入扫码枪扫码之后出现了一个十分诡异的问题：页面会重新跳转，地址栏路由地址出现了一个问号。原地址： localhost:8080/#/enter-price扫码枪扫码之后：localhost:8080/?#/enter-price这种情况会导致项目重新加载。问题原因：扫码枪扫码之后会触发表单的默认提交，但是我们平时手动输入是不会有这种问题的。解决方案：禁止表单的默认提交行为。在el-form上添加 @submit.native.prevent <el-form ref="fo
2022-05-13 09:23:03
2299
4
原创 实现vant组件库van-datetime-picker只展示年份选项
最近在做移动端项目时有一个只需要年份的时间选择的需求，但是vant的组件库是无法支持这一点的，通过对其源码的修改从而实现这一需求。1.需求：2.van-datetime-picker组件源码在项目中的路径：node_modules=>vant=>es=>datetime-picker=>DatePicker.js3.在DatePicker.js文件中有一个ranges函数，插入以下代码case 'year': result = result.slice(0, 1
2022-03-01 10:07:18
3746
2
原创 Apifox初步使用
最近在偶然间发现了一款功能比较强大的新型mock及调试工具，本文主要记录一下使用Apifox的一些体验和上手之路。简介： Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台，定位 Postman + Swagger + Mock + JMeter。通过一套系统、一份数据，解决多个系统之间的数据同步问题。只要定义好 API 文档，API 调试、API 数据 Mock、API 自动化测试就可以直接使用，无需再次定义；API 文档和 API 开发调试使用同一个工.
2022-01-13 14:14:45
2386
1
原创 关于uni-app的资源热更新！！！
先看官方文档，对uni-app 的资源热更新有一个大致的了解：整包升级在线资源热更新app方法本文主要讲述，实现资源热更新时客户端需要进行的操作：可以在***app.vue***的***onLaunch***函数（全局监测）中进行监测，也可以在***index.vue***的***onLoad***事件中监测代码：onLaunch（）{ // #ifdef APP-PLUS this.checkUpdateApp() // #endif} //methods中定义的方法 a
2021-08-10 16:37:51
296
原创 uni-app 中如何使用谷歌地图 !?
最近在做uni-app的项目，由于是海外市场，所以在APP中需要使用到谷歌地图，本文主要是记录一下如何在uni-app中正确引入并使用我们的谷歌地图。（刨除微信小程序，微信小程序中还是使用uni.openLocation）关于此问题，UNI官方给的说法是：这里我选择第一种方法。1.在引用我们的谷歌地图之前，是需要先注册谷歌地图账号并申请密钥，由于需要翻墙，这里只附录一下链接地址，具体操作注册进入谷歌地图开发者平台之后按照文档操作即可：Google Map DOC选择MAP JavaScript
2021-08-04 19:58:13
6598
7
原创 uni-app打包安卓app如何接入极光推送（JG-JPush）？
最近公司在做uni-app的跨端应用，其中在打包app时需要用到消息推送功能，经过一番摸索也是终于弄通并成功集成了第三方极光推送。话不多说，直接开撸：一.我们需要用到的一些插件以及极光平台的官网链接：1.极光推送官方SDK2.极光JCore官方SDK 3.极光官网平台4.极光官方demo二.具体实现：1.上面的前两个链接是极光推送的官方插件，需要我们下载下来用作本地插件使用（或者直接在Dcloud绑定云插件，和其他插件的引入方式没有大致的区别，就不在累述。）如果是本地插件的话，需要在项目下创
2021-07-13 10:19:28
2039
原创 如何用js实现图片下载
如何用js实现图片下载？？？需求场景：点击图标，实现图片下载。html代码：js函数：坑：这里是使用canvas生成base64码进行图片下载，因为直接使用a标签进行图片下载，会有一个跨域问题，图片域名需要和我们的网站域名保持一致，如果不一致的话，则无法下载成功。但是使用canvas生成base64码进行下载时，会有一个问题，当a标签的download属性过长（传入的name过长）会导致图片下载失败，所以我们需要需要写成a.download = name + “.png”，来告诉我们的浏览器所
2021-05-07 14:18:31
9648
1
原创 element-ui的DateTimePicker组件在IE和Safari浏览器显示异常！！！
element-ui的DateTimePicker组件在IE和Safari浏览器显示异常！！！最近用到ele-ui中的时间选择器时，Chrome浏览器中时间显示正常，但是在IE和Safari浏览器中却显示异常。仔细阅读文档才发现原来是这个属性搞的鬼：value-format会格式化我们的绑定值，大家在选择器中加入这个属性即可...
2021-04-30 13:49:28
1177
原创 关于Vue项目触发分页时会请求两次？？？？
关于Vue项目触发分页时会请求两次？？？？最近在使用avue-curd时，当分页或者每页获取数据数修改触发事件的时，获取数据的接口被调用了两次。就是这个事件搞得鬼，大家把on-load事件删除，写在created或者mounted里就好了。触发两次是因为当触发current-change或者size-change事件时会导致avue-card的初始化，又触发了on-load事件。...
2021-04-28 09:33:39
1748
3
原创 Vue使用vue-qr动态生成二维码
在实际开发之中，有的时候需要前端动态生成一些二维码，记录一下Vue项目中使用vue-qr的使用过程。官方链接1.安装 npm install vue-qr --save2.在项目中引入，因为项目中用到的地方比较多，故使用的全局引入。在main.js中import VueQr from ‘vue-qr’Vue.use(VueQr)如果是在页面中单独引入的话import VueQr from ‘vue-qr’components: {vueQr},接下来就可以在页面中直接使用了。<
2020-11-13 15:06:35
2090
原创 Taro小程序如何引入echarts
Taro小程序引入echarts1.taro项目的建立和运行可以参考:taro官方文档目前taro已经升级到3.0版本。2.echarts下载方式：（1）在官网进行下载，之后将文件放置在项目的src目录下echarts官网地址（2）npm install echarts也可以在官网进行定制化下载，小程序本身由于代码包大小限制，引入echarts后很容易超出打包限制，定制化下载可以很好的解决这一问题。具体实现：1.将echarts图表部分封装在组件中，方便图表复用和管理。commoncomp
2020-11-08 11:16:40
2737
原创 小程序错误码收集
小程序开发中官方给出的错误码：-1 系统繁忙0 请求成功40001 验证失败40002 不合法的凭证类型40003 不合法的OpenID40004 不合法的媒体文件类型40005 不合法的文件类型40006 不合法的文件大小40007 不合法的媒体文件id40008 不合法的消息类型40009 不合法的图片文件大小40010 不合法的语音文件大小40011 不合法的视频文件大小40012 不合法的缩略图文件大小40013 不合法的APPID40014 不合法的access_t
2020-11-06 09:27:02
781
原创 Vue使用 element UI 修改checkbox的默认颜色
Vue使用element UI 修改checkbox的颜色eleme默认的颜色的#409EFF 类蓝色的颜色，官方文档中是没有关于如何修改选中以及hover样式的。那么怎么修改呢？answer：1.先把内容放上去，然后F12打开检查2. 选择多选框 查看elements的css样式默认样式:修改时，审查到CheckBox元素，获取到class名，进行修改。css代码如下：.el-checkbox__input.is-checked+.el-checkbox__label{color: #F
2020-11-05 17:00:48
5304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人