- 博客(9)
- 收藏
- 关注
原创 微信小程序实现下拉到底部加载数据
背景:最近在做个类似于美团的小程序,正好遇到了这种需求,记录下思路:思路其实挺简单的,就是监听滚动条滚动事件,判断到了底部的时候,数据的一个累加,要实现这种功能接口需支持分页功能话不多说,直接上代码:html页面 <view class="businessList"> <view class="businessList-title">附近优选商家</view> <view class="businessList-item" wx:for="
2020-09-04 16:46:58
3757
3
原创 微信小程序-上传图片至阿里云
背景:效果图如下展示:html代码:<!-- 容器 --><view class='ui_uploader_cell'> <!-- 根据已选择的图片临时路径数组展示图片--> <view class='ui_uploader_item' wx:for="{{uploaderList}}" wx:key="index"> <!-- 删除--> <icon class='ui_upload
2020-09-01 13:32:39
471
原创 微信小程序-手机号授权登录
效果图如下:html页面<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">微信授权手机号登录</button>js页面 getPhoneNumber:function(res){ const encryptedData = res.detail.encryptedData const iv = res.detail.iv if (res.detail.en
2020-09-01 11:52:14
2553
原创 vue项目使用SockJS插件实现webSocket通信
背景:公司业务需求,在官网上面需添加客服答疑页面,一般都是使用websocket通信,主要是它是一个低延迟、全双工、跨域通信通道。最终页面效果如下:客服页面:客户页面:一、简单介绍sockjs-clientsockjs-client是从SockJS中分离出来的用于客户端使用的通信模块,是一个浏览器的JavaScript库。主要是为了浏览器的兼容性,有些浏览器是不支持websocke...
2019-12-25 14:50:14
2038
原创 vue项目中使用富文本编辑器处理图片上传问题
暂未更新完毕,明天再更。。。背景:项目中的后台数据库不支持base64传输数据,主要是因为字符太长,不支持,所以这里需要借助element-ui中的el-upload作为上传的入口。一、插件的基本使用1.安装依赖包npm install vue-quill-editor --save2.在vue项目的src下的main.js文件中引入以下代码import Vue from 'vue'...
2019-12-17 22:45:41
1226
1
原创 如何使用vue-cli快速创建vue项目
保证已经安装完node.js情况下执行以下操作:一、安装vue脚手架如果安装失败或者告诉你版本不够,就先卸载再重新安装,重点是自己去查看安装失败的错误提示,再去做进一步的修改,一般是不会出错的,卸载命令是:npm uninstall vue-cli -g指令:npm install -g @vue/cli二、创建你的vue项目mydemo指的是我们的项目名称,安装完成的项目是处于一个...
2019-12-17 22:20:38
152
原创 css-更改图片的src属性
记录一下,方便查看。如果有疑问可以去看下content的属性用法。url可以写绝对路径也可以写相对路径。 .goTopIcon{ &:hover{ content: url('../assets/images/index/icon_index_goTop_2.png') } } .serviceIcon{...
2019-12-17 21:02:19
2197
原创 Vue导出Excel表格数据
背景:现在的项目需要做这个功能,之前没有处理过,记录下来方便查看。第一步:安装依赖包npm install file-saver npm install xlsxnpm install script-loader第二步:新建js文件夹,也可以命名为excel,用于存放Blob.js和Export2Excel.js两个js文件第三步:具体的使用方法主要是两个方法,之前我看的是...
2019-12-17 20:59:55
554
原创 vue项目-pdf预览和下载,后台返回文件流形式
背景:正好最近碰到了这种需求,记录下来,方便以后查看。后端返回的文件流数据如下图所示:一、pdf的预览一开始的时候百度了很多方法,有建议用pdfJs插件的,有iframe嵌套实现的,最后发现了一种及其简便的实现方法:pdfPreview(url){ this.$http({ url: `account/registerOpen/${url}`, m...
2019-12-17 20:53:57
6702
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人