2020年6月15日
vue测试环境、生产环境打包配置
摘要： 在工程根目录下创建 .env.development .env.production .env.staging 三个文件 .env.development本地开发环境文件中配置 # just a flag ENV = 'development' # base api VUE_APP_API_URL 阅读全文
posted @ 2020-06-15 10:46 微笑时很美n 阅读(1253) 评论(0) 推荐(0)
vue使用UEditor富文本编辑器
摘要： 我们在做后台页面的时候，有时候要用到富文本编辑器，载着我用的是UEditor富文本编辑器 首先到官网下载插件 http://fex.baidu.com/ueditor/ 下载完，解压完包之后 把包名改为 UEditor 因为我用的是vue-cli3的脚手架，所以把改完名的压缩包放在 public文件 阅读全文
posted @ 2020-06-15 10:22 微笑时很美n 阅读(462) 评论(0) 推荐(0)
2020年5月28日
前端生成二维码
摘要： 在这里我们用原生来处理生成二维码 创建一个页面写入 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"/> <script src="qrcode.js"></script> <style> </style> </h 阅读全文
posted @ 2020-05-28 17:18 微笑时很美n 阅读(295) 评论(0) 推荐(0)
2020年5月14日
vue 封装类似于$emit、$on公共方法
摘要： 在vue项目中我们经常用到组件传值的方法； 接下来我们就封装一个类似于$emit、$on的方法； 在src目录下创建一个observer的文件，里边写上要封装的方法； const eventList = {}; const $on = (eventName, callback) => { if (! 阅读全文
posted @ 2020-05-14 15:50 微笑时很美n 阅读(428) 评论(0) 推荐(0)
vue 实现表格导出excel表
摘要： 首先需要下载安装依赖 npm install -S file-saver xlsx npm install -D script-loader 然后在utils里边创建两个文件（Blob.js和Export2Excel.js）； 这两个文件可以从网盘里拿到 链接: https://pan.baidu. 阅读全文
posted @ 2020-05-14 15:25 微笑时很美n 阅读(310) 评论(0) 推荐(0)
2020年5月6日
小程序城市列表根据字母排序
摘要： 根据接口返回的数据将各类城市名进行字母排序，并且显示出首字母大写，点击字母转到当前字母所对应的城市列表 var params = res.data.data; var cityList = [] // 城市列表 // [{index:A,list:[{cityId:"",cityName:""},{ 阅读全文
posted @ 2020-05-06 11:33 微笑时很美n 阅读(1190) 评论(0) 推荐(0)
小程序根据汉字拼音模糊搜索 本地搜索
摘要： 在调用接口时候，后端有时候会把全部的数据返回给你，然后让自己在本地查询，不在调用接口查询 所以我们可以在页面初始的时候去调用接口，然后把他存在本地缓存中 wx.setStorageSync("cityList", res.data.data); 当我们去使用的时候，我们就直接调用本地数据进行操作，利 阅读全文
posted @ 2020-05-06 11:07 微笑时很美n 阅读(664) 评论(0) 推荐(0)
小程序动画效果集
摘要： 文字跑马灯效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038 触摸水波涟漪效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1350 下拉菜单效果：http://www.wxa 阅读全文
posted @ 2020-05-06 09:45 微笑时很美n 阅读(622) 评论(0) 推荐(0)
2020年4月17日
vue使用axios、 jszip、 file-saver 打包下载压缩包
摘要： 安装下载jszip、file-saver依赖 npm install jszip npm install file-saver npm install axios 在自己需要的页面引入 import axios from "axios"; import JSZip from "jszip"; imp 阅读全文
posted @ 2020-04-17 10:41 微笑时很美n 阅读(2315) 评论(0) 推荐(0)
2020年4月1日
小程序canvas的使用
摘要： 现在开发小程序都会有保存图片到本地，这个保存的图片我们可以用canvas画布来画出这么图片 我们首先在wxml中触发点击事件 <view bindtap="canvas"> <text>保存到本地</text> </view> <view class="model" hidden="{{canvas 阅读全文
posted @ 2020-04-01 17:12 微笑时很美n 阅读(2312) 评论(1) 推荐(1)