
小程序
阡路陌人
修行ing
展开
-
小程序嵌入h5并传值
1、小程序嵌入h5页面使用web-view,这就不多说了,详看小程序官网2、小程序传值给h5,在web-view的src属性中直接拼接,例如:小程序传token给h5// 小程序端<web-view src='h5网址链接?tokenId={{token}}'></web-view>需要传多个参数使用&并列为了token安全,一般在传值时加密处理 encodeURI(token)// h5端// 接收值function getParams(name) {原创 2020-12-04 17:50:10 · 3149 阅读 · 6 评论 -
小程序swiper动态数据不显示
情景一:swiper的current不在第一页了,导致第一页的数据看不到。处理方法:在请求数据的时候重置current为0,即 <swiper class="banner swiper-box" circular="true" current="{{ current }}" next-margin="16px" previous-margin="16px" bindchange="swiperChange1" duration="500" interval="5000"> ... &l原创 2020-09-02 10:12:55 · 3678 阅读 · 1 评论 -
微信小程序的开发之授权功能
最近刚好在做一个小程序的简单开发,故准备将其中的一些要点记录下,以备日后参考相信最近在开发小程序的小伙伴们都清楚,官方将授权功能修改了(一句mmp不知道能不能引起共鸣~)。害我找了半天的原因….老式授权功能:var openId = (wx.getStorageSync('openId')); if (openId) { wx.getUserInfo({ ...原创 2018-06-15 09:24:57 · 5973 阅读 · 0 评论 -
微信小程序开发之textarea坑
相信如果在开发小程序中使用过textarea的小伙伴们应该清楚这个连官网都还没有暂解之法,所以在平时的开发中是尽量避免使用这个坑,但如果真的非要使用,那咋办呢?故记下我的两个思路,如各位有更好的方法,还请赐教留言~方法一:模拟textarea样式文本框,点击切换为textarea,失焦切换虚拟文本框即wxml:<textarea placeholder='请输入文本' bindb...原创 2018-07-17 16:11:11 · 37574 阅读 · 2 评论 -
微信小程序开发之请求封装
基本上每个涉及到数据的地方都需要和后端进行数据的交互任务,而在小程序开发过程中,如果每个页面都写上请求,那么当修改域名就会变得非常麻烦,所以有必要将请求函数进行封装,这样后期修改域名就变得十分方便在外面js文件中(我这里是写在util.js中的)/** 参数说明* url:域名后的数据请求接口* data:提交的数据* getPost:get请求还是post请求* succe...原创 2018-07-17 16:29:39 · 1079 阅读 · 0 评论 -
微信小程序开发之返回刷新
小程序返回是不会重新刷新页面的,因此要事件控制才能人为刷新页面前提:假设是a页面 跳转到 b页面,在b页面修改后返回 a页面,要使得a页面中相关数据进行刷新首先,我们在a页面中写一个函数,进行页面的数据data再次加载。/** * 更新数据 */ changeData: function (data) { this.onloadData(); }, ...原创 2018-07-17 16:52:22 · 6909 阅读 · 0 评论 -
微信小程序开发之左滑修改、删除功能
wxml:<view class="offer-item" wx:for-items='{{offerList}}'> <!--这里绑定了刚才说的3个函数分别为 touchS,touchM touchE--> <!--这里注意这个 style="{{item.txtStyle}}" ,这是我们一会再js中 将要设置的样式 --> ...原创 2018-07-17 17:21:20 · 3178 阅读 · 2 评论 -
微信小程序开发之公共模块的引入
开发过程中,不同页面中往往会有一些公共的模块部分,为了优化我们的代码量,因此我们最好将公共部分单独作为一个目录模块比较好。在wxml中引入:<import src ="公共模块的路径"/><template is="模块名" data="{{公共模块中的变量}}" />在wxss中:@import "公共样式路径";...原创 2018-07-17 17:28:37 · 4797 阅读 · 0 评论 -
小程序input,textarea 保持软键盘打开状态
往往我们在小程序中做评论或者聊天类型的研发的时候,为了用户有更好的体验,就需要评论或者聊天输入后点击发送按钮的时候使得软键盘一直保持着打开状态。。。查看了一些文档和官网,其解决的方式都是为 <input placeholder="请输入文字" focus="{{focus}}" /> <button bindtap='btnSend'>发送</button>...原创 2019-03-18 10:22:40 · 4963 阅读 · 3 评论 -
微信小程序的开发之底部栏模块
写过小程序的同伴们应该知道在官方可以在app.json中进行项目的基本配置中进行底部栏的设置,但是对于设置好的底部栏我们不好进行修改操作,加上ui图给的不一致或者是有的页面不需要底部栏的情况下,那我们就不好在基础配置进行底部栏的配置了~故只能自己手动配置底部栏了wxml<!-- tabbar --><template name='tabbar'> <...原创 2018-06-15 14:17:37 · 4388 阅读 · 3 评论 -
微信小程序的开发之外链跳转
有时候我们在开发过程中会涉及到页面间的跳转,甚至是跳转其他项目中的链接中,那么我们再小程序开发中该如何处理呢首先我们将web-view作为独立的一个页面来处理<web-view src='{{path}}'></web-view>由于有可能一个页面中针对多个的外链,我的做法是将这些外链通过跳转携带外链作为参数跳转到此页面在js中/** * ...原创 2018-06-15 14:03:50 · 3742 阅读 · 0 评论 -
微信小程序的开发之手机号、邮箱验证
我们一般对数据进行验证的时候,基本上是使用正则来进行验证~~~手机号验证var reg = new RegExp('^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\\d{8}$');var phoneVar = reg.test(phone); // 得到的值为布尔型邮箱验证var reg...原创 2018-06-15 13:54:15 · 9085 阅读 · 0 评论 -
微信小程序上传、预览多张图片
最近刚好在接手一个小程序项目,终于可以将之前所学的零散知识点串联在一起了。。。关于图片的上传操作就直接贴下代码吧!wxml:<view class="weui-cell"> <view class="weui-cell__bd"> <view class="weui-uploader"> <view cl原创 2018-04-08 16:23:03 · 10541 阅读 · 1 评论 -
微信小程序开发之数据请求加载
开发中不可避免会与后台进行多条、多次的数据传递,那我们该如何来将这部分的数据加载进行公共方法进行调用呢,下面就直接上代码啦~loadList: function (event) { if (hadLastPage != false) { wx.showToast({ title: '到底啦', }); return; } ...原创 2018-06-15 09:43:02 · 12712 阅读 · 0 评论 -
微信小程序的开发之瀑布流功能
就直接上代码啦~~~<!-- 瀑布流 --> <view class="content"> <view class="left"> <block wx:for="{{note}}" wx:key=""> <template is=&quo原创 2018-06-15 10:02:24 · 2377 阅读 · 0 评论 -
微信小程序的开发之日期、星期选择功能
在公共js内(如utils.js)// 获取d当前时间多少天后的日期和对应星期function getDates(days) { var todate = getCurrentMonthFirst() var dateArry = []; for (var i = 0; i < days; i++) { var dateObj = dateLater(todate,...原创 2018-06-15 10:12:53 · 9761 阅读 · 3 评论 -
微信小程序的开发之二级购物单选、全选功能
所谓的二级购物选择,先分为二级购物和选择。二级购物即为连个循环列表的套用wxml<checkbox-group> <label class="checkbox" wx:for-items="{{items}}" data-value='{{item.name}}' bindtap="checkboxChange"> <text cl...原创 2018-06-15 10:28:27 · 3681 阅读 · 6 评论 -
微信小程序的开发之城市json数据
var provinces = [{ "name": "北京市", "id": "110000"}, { "name": "天津市", "id": "120000"}, { "nam原创 2018-08-01 16:25:10 · 9371 阅读 · 2 评论 -
微信小程序的开发之城市三级联动选择器
wxml&lt;view bindtap='selectDistrict' wx:if='{{areaInfo}}'&gt;{{areaInfo}}&lt;/view&gt;&lt;!-- 三级联动 --&gt;&lt;view class='shadow' hidden='{{addressMenuIsShow != true}}'&gt;&lt原创 2018-06-15 10:48:17 · 4096 阅读 · 1 评论 -
微信小程序的开发之搜索功能
就直接贴代码啦~wxml<view class="weui-search-bar"> <view class="weui-search-bar__form"> <view class="weui-search-bar__box"> <icon class="weui-icon-search_in-bo原创 2018-06-15 10:52:59 · 29145 阅读 · 9 评论 -
微信小程序代码实例
微信小程序官方Demo(Hao-Wu/WeApp-Demo)微信小应用示例代码(phodal/weapp-quick)微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)微信小应用- 掘金主页信息流(hilongjw/weapp-gold)微信小程序(应用号)示例:微信小程序豆瓣电影(zce/weapp-demo)微信小程序-豆瓣电影(hingsir/转载 2018-02-06 17:44:24 · 5094 阅读 · 0 评论