微信小程序
文章平均质量分 78
蚂蚁上的大象
一个大龄的前端渣渣
展开
-
微信小程序之弹出框
微信小程序中toast消息提示框只有两种显示的效果,就是成功和加载,使用wx.showToast(OBJECT)。 看下有关参数说明: 代码很简单: wx.showToast({ title: '成功', icon: 'succes', duration: 1000, mask:true ...转载 2018-03-07 19:03:58 · 32217 阅读 · 0 评论 -
微信小程序获取微信用户绑定的手机号
获取微信用户绑定的手机号1.getPhoneNumber这个组件通过button来实现(别的标签无效)。将button中的open-type=“getPhoneNumber”,并且绑定bindgetphonenumber事件获取回调。<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">&...原创 2018-08-20 10:58:30 · 5258 阅读 · 4 评论 -
微信小程序之简单暴力的Tab可滑动切换方式
最近一直在做小程序项目,对于不同需求来说真是烦不胜烦,之前做的订单页来说只需要可点击切换就可以,但是在后期的迭代中提到要求可滑动切换,下面我自己整理了一套比较简单暴力的滑动切换方式,与大家共享一下,下面有效果图。(菜鸟上路,不喜勿喷):.wxml <!--pages/mine/order/order.wxml--><view class='order'...原创 2018-08-16 10:51:20 · 4559 阅读 · 4 评论 -
微信小程序日期转换
在微信小程序或者web项目中经常用到需要获取当前时间往后多少天并显示日期含星期几的需求,现在优化为一个js函数,只需调用getDates(days)函数,传入需要显示多少天日期,即返回一个携带日期的数组。//获取d当前时间多少天后的日期和对应星期function getDates(days,todate=getCurrentMonthFirst()) {//todate默认参数是当前日期,...原创 2018-07-18 16:55:36 · 1956 阅读 · 0 评论 -
小程序之模板消息
一、获取formId小程序中form组建中写的写的很明确。利用report-submit 属性 来获取formId。 注意form组件一定要加report-submit属性,否则获取不到formId。属性名类型说明 report-submitBoolean是否返回 formId 用于发送模板消息 bindsubmitEventHandle携带 form 中的数据触发 submit 事件,event...原创 2018-05-01 12:15:26 · 364 阅读 · 0 评论 -
常用方法总结 ——更新中
自己记录的一些小方法原创 2019-01-12 17:13:45 · 958 阅读 · 1 评论 -
微信下程序之上拉加载 scroll-view 组件实现方法
根据官方文档得知,scroll-view就是里面内容有各种滑动触发事件的DIV容器,比如滚动条滚动、触底、触顶着三个事件。其中的三个属性 scroll-top:设置滚动条的位置,scroll-y:是否允许竖向滑动,height:是组件的高度Bindscrolltolower是绑定触底触发的事件Bindscroll 是滚动触发的时间Bindscrolltoupper 触顶触发的事件,由于是触顶...原创 2018-04-18 23:40:37 · 552 阅读 · 0 评论 -
微信小程序之分包加载
分包加载的介绍大部分小程序都会由某几个功能组成,通常这几个功能之间是独立的,但会依赖一些公共的逻辑,并且这些功能通常会对应某几个独立的页面。那么小程序代码的打包,大可不必一定要打成一个,可以按照功能的划分,拆分成几个分包,当需要用到某个功能时,才加载这个功能对应的分包。兼容微信 6.6.0 版本开始支持分包加载,而对于低于这个版本的客户端,我们做了兼容处理,开发者不需要对老版本微信客户端做兼容。通...原创 2018-04-22 14:09:50 · 4914 阅读 · 0 评论 -
微信小程序之支付倒计时
支付倒计时转载来源:http://www.wxapp-union.com/portal.php?mod=view&aid=890由于web 经验弱爆- - 一开始我的思路是找事件,但是看了半天API 基本都是点击触摸,通过物理触发- - 我居然忽略了生命周期,生命周期+线程不就完全OK吗~ 事实证明,线程还是王道啊,一开始就应该这么搞嘛~度娘上面也看了很多都是用js写的,but,可能刚做...转载 2018-03-01 16:17:33 · 1764 阅读 · 0 评论 -
微信小程序学习用demo推荐:列表项左滑删除效果
实现思路:1、每一个列表项由两个层组成,文本层与按钮层;2、触摸滑动时计算手指移动距离,文本层跟随手指移动;3、手指移动距离大于按钮宽度一半时,显示按钮,反之,不显示;4、缓动动画用css3属性transition控制;transition: left 0.2s ease-in-out; 代码:代码比较简单,详细实现看注释,就直接贴代码了。 index.wxml<...转载 2018-03-01 16:13:16 · 589 阅读 · 0 评论 -
微信小程序之五星评分效果
自己写的Demo 数据是自己模拟的 希望下面的内容能够对大家有所帮助,不喜勿喷!下面上代码date 数据格式:var dateList = [{userId: 0,name: '王隔壁',nameurl: '../img/user-1.png',jdtype: 0,bqurl: [1, 2, 3, 4],money: 199,startarr: [2...原创 2018-03-01 15:58:01 · 5167 阅读 · 2 评论 -
微信小程序之缓存(本地缓存,同步缓存,异步缓存)
关于本地缓存1.wx.setStorage(wx.setStorageSync)、wx.getStorage(wx.getStorageSync)、wx.clearStorage(wx.clearStorageSync)可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB2.localStorage 是永久存储一、异步缓存wx.setStorage(OBJECT)将数据存储在本地缓存中指定的...原创 2018-03-08 10:24:25 · 13104 阅读 · 0 评论 -
微信小程序获取formId (批量获取)
针对微信小程序发送模板消息需要的formId,本人表示有的时候很头疼,所以给他家提供了一个收集formId的简单方法:<form bindsubmit="form_submit" report-submit='true'> <button form-type="submit" class='formid'></button></form&g...原创 2018-10-24 11:27:18 · 9484 阅读 · 2 评论