- 博客(16)
- 收藏
- 关注
RSS订阅原创 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
2520
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
1566
原创 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
2306
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
4747
原创 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
841
原创 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
1647
原创 mpvue 小程序RSA加密（jsencrypt）
最近做的项目中需要使用RSA加密，尝试过了很多种方式，发现都是需要改源码，最终敲定使用jsencrypt。安装依赖npm install jsencrypt --save使用作为vue组件使用：import { JSEncrypt } from 'jsencrypt'getRSApassword () { let publicKey = 'MIGfMA0GCSqGSIb3DQE...
2020-03-25 15:11:46
628
原创 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
272
原创 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
516
原创 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
1298
原创 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
735
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人