小程序
「已注销」
九层之台起于垒土,千里之行始于足下
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小程序分页加载
长长的列表,需要进行分页加载,在小程序中分页特别简单,只需要调用onPullDownRefresh(监听用户下拉动作)和onReachBottom(页面上拉)两个方法就可以了;当然还需要在获取列表的时候进行一些操作,代码如下:data page: 0, pageSize: 4, list:[]js这是获取列表页和分页的流程;判断他每次请求时候还有没有值,如果没有值了就赋值原数组,有值的话就继续拼接显示; getList(){ // this指向 cons.原创 2020-06-11 13:40:07 · 534 阅读 · 0 评论 -
微信小程序购物车
列表详情购物车分为6个小模块:增加、减少、选择、全选、总价、删除;data // 购物车 priceNum:0, // 总价,初始为0 selectAll:true, // 全选状态,默认全选 // 购物车列表 id:商品id、img:商品图片、num:商品数量、price:商品价格、checked:是否选中商品、guige:商品规格 goods:[ {id:1,name:'多乐士[森呼吸]18L',img:'https://img原创 2020-06-11 10:03:37 · 431 阅读 · 0 评论 -
微信小程序下载图片到本地相册
下载图片到本地downloadFiledownImg是绑定的一个点击事件; downImg(e) { var img_url = e.currentTarget.dataset.url; // 这个url是我点击的那个图片的链接; wx.showLoading({ title: '保存中,请稍等', }) // 一个loading显示 wx.downloadFile({ // 下载图片到本地 url: img_u原创 2020-06-08 20:40:49 · 921 阅读 · 1 评论 -
微信小程序复制文本到剪切板
把内容复制到剪切板copyText是绑定的一个事件名称;使用setClipboardData就可以做到这个功能 copyText(e) { console.log(e); var text = e.currentTarget.dataset.text; // text是点击的这一项的内容 wx.setClipboardData({ data: text, success (res) { wx.getClipboardData({原创 2020-06-08 20:35:13 · 864 阅读 · 0 评论 -
navigateTo拼在地址栏传值,如果需要传的值也有问号(?)的处理方法
传值需要跳转到下一个页面,在传值的时候,打算传递过去的值也有问号,如果不进行处理,在下一个页面只会取到问好前面的内容;var href="https://www.baidu.com?test=1" //测试名字href =encodeURIComponent(newAction.val); wx.navigateTo({ url: '../advertising/advertising?href='+href, }) 需要使用encodeURIComponent进行编码原创 2020-06-08 20:33:07 · 421 阅读 · 0 评论 -
小程序多张图片上传、删除、预览
小程序多张图片上传;主要运用promise的all,代码如下:本文中的basicURL 是我在app.js中配置的全局变量,即请求接口的域名地址;data中的数据:imageList:[],1、选择图片微信小程序自带chooseImage方法。选择图片,把图片路径保存到imageList数组中;chooseImage: function () { var _this = this; wx.chooseImage({ sizeType: ['original',.原创 2020-06-08 20:26:47 · 1244 阅读 · 1 评论 -
navigateTo拼在地址栏传值,如果需要传的值也有问号(?)的处理方法
微信跳转页面的时候,需要用?利用地址栏进行传值,但是如果需要传的值也有问号的话(比如跳转到外部详情链接)。这样是传不过去的,所以我们一个解决办法;我们需要使用encodeURIComponent进行编码; var href =encodeURIComponent(newAction.val); wx.navigateTo({ url: '../advertising/advertising?href='+href, }) 然后在下一个页面需要进行解析,来获取到这个参数 o..原创 2020-05-15 13:11:59 · 593 阅读 · 1 评论 -
JSON.parse解析双引号嵌套单引号格式的数据
前端开发有时会遇到后端返回一个json字符串,但是他的json的内容是用单引号的,在使用JSON.parse进行转义的时候会报错,原因就是不能解析单引号的json格式,所以我们需要进行替换;var action = {'act':'href','val':'http://xxx'};// 后台传过来的json字符串;var newAction = action.replace(/'/g, '"');//把单引号替换成双引号//newAction:{act: "href", va..原创 2020-05-15 13:06:23 · 1746 阅读 · 0 评论
分享