- 博客(16)
- 收藏
- 关注
原创 vue 2.0 打包到指定目录
vue build默认打包的目录是dist 但是有时候我们不需要这样的结构目录 ,需要增加二级目录。1.修改config=> index.jsconst pathName = 'web-wechat'build: { index: path.resolve(__dirname, `../dist/${pathName}/index.html`), assetsRoot: path.resolve(__dirname, `../dist/${pathName}`), ass
2020-06-11 17:33:25
2382
1
原创 vue 绘制词云图效果
最近接到一个需求:绘制类似词云图的效果,效果图如下:尝试了很多方式,最后选择用echart的wordCloud。代码如下:html:<div ref="keyWords"></div>js:initCharts () { let myChart = this.$echarts.init(this.$refs.keyWords) console.log(this.$refs.chart) myChart.setOption({ series: [{
2020-06-08 15:00:41
1468
原创 vue 绘制气泡随机标签效果
最近遇到一种比较炫酷的效果,效果图如下:研究了一段时间,选择使用Konva :一个 基于 Canvas 开发的 2d js 框架库,来绘制上面的效果图。Konva具体的API地址:https://konvajs.org/以下是我具体使用的方法:(1)安装npm install vue-konva konva --save(2)引用import Vue from 'vue';import VueKonva from 'vue-konva'Vue.use(VueKonva)(3)绘制效果
2020-06-05 10:24:32
2201
1
原创 mpvue 组件踩坑笔记 van-picker动态设置选中项
最近在弄vant-picker多列选择职业分类且联动的效果。代码如下:<van-cell title="底部弹出" is-link @click="showBottom" /> <van-popup :show="bottom" position="bottom" custom-style="height: 80%" @close="h...
2020-04-22 15:10:40
4568
原创 mpvue 小程序RSA加密(wx_rsa)-密钥对
上周由于前后端使用的RSA加密规范不统一,加密方式更改使用微信小程序wx_rsa加密方式。根据需求前端直接生成密钥对,研究了下:生成PKCS8规范的密钥对test(){ let keyPair = this.generateKeypairPkcs8() let publicKey = '-----BEGIN PUBLIC KEY-----' + keyPair[0] + '-----E...
2020-03-30 10:26:49
765
原创 mpvue 小程序RSA加密(wx_rsa)
由于前后端使用的RSA加密规范不统一,加密方式又再次进行更改,使用微信小程序wx_rsa加密方式,主要是由于jsencrypt自身使用的是pkcs1加密规范,但后端使用的是pkcs8加密规范。哎。。。苦逼!使用(1)引用文件const RSA = require(’./wx_rsa.js’)wx_rsa可从官网下载,地址:https://github.com/UFO0001/WX_RSA...
2020-03-25 17:52:43
1548
原创 mpvue 小程序RSA加密(jsencrypt)
最近做的项目中需要使用RSA加密,尝试过了很多种方式,发现都是需要改源码,最终敲定使用jsencrypt。安装依赖npm install jsencrypt --save使用作为vue组件使用:import { JSEncrypt } from 'jsencrypt'getRSApassword () { let publicKey = 'MIGfMA0GCSqGSIb3DQE...
2020-03-25 15:11:46
582
原创 mpvue 集成flyio-数据交互
flyio使用Fly.js :基于Promise的、强大的、支持多种JavaScript运行时的http请求库.。可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行,同时可以方便配合主流前端框架 。详细具体用法可移步官网查看文档:https://wendux.github.io/dist/#/doc/flyio/readmen...
2020-03-18 17:47:37
234
原创 mpvue 实现点击tab栏小程序界面滚动
mpvue 锚点效果实现的效果是:点击tab栏小程序界面随之滚动到规定位置,并监听页面滚动位置,实时定位tab选中效果。html<div> <van-sticky> <van-row> <van-col class="tabClass" span="8" v-for="(tabsItem,index) ...
2020-03-18 14:55:17
483
原创 mpvue vant-weapp踩坑记录之数组或对象中的数据发生改变后视图层没刷新的问题
mpvue中数组或对象中的数据发生改变后视图层没刷新的问题使用mpvue动态修改对象中数组的数据,页面不进行渲染deleteImg(event) { const { index, name } = event.mp.detail; const fileList = this.policyItem[event.mp.currentTarget.dataset.key] file...
2020-03-12 11:13:44
1224
原创 mpvue集成WeValidator(小程序开发)
mpvue集成WeValidator(小程序开发)we-validator(小程序表单验证插件)支持微信小程序、支付宝小程序以及普通web页面使用。安装we-validateornpm install we-validator --save使用1.在utils文件夹中新建一个js文件,作为自定义校验规则公共文件;import WeValidator from 'we-validato...
2020-03-09 16:48:00
681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人