![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
qq_夏阳
一个在程序猿道路上行进的小菜鸟。。。
展开
-
微信小程序 引入外部文件
WXML引入:有import 和 include 两种方式//方法1<import src="item.wxml"/><template is="item" data="{{text: 'forbar'}}"/>//方法2<include src="header.wxml"/>WXSS引入:import 方式//普通wx原创 2018-11-20 18:30:43 · 1757 阅读 · 0 评论 -
微信小程序保存多图到系统相册
utils目录下download.js 文件//保存图片到相册export const writePhotosAlbum = (successFun, failFun) => { wx.getSetting({ success(res) { if (!res.authSetting['scope.writePhotosAlbum']) { wx...原创 2019-07-23 17:46:21 · 461 阅读 · 0 评论 -
小程序swiper实现订单列表
实现如图效果,点击切换,拖动切换的效果。。。视图层WXML:<view class="swiper-tab"> <view wx:for="{{navTab}}" wx:key="{{index}}" class="swiper-tab-list {{currentTab==index ? 'on_pdd' : ''}}" data-current="{{ind...原创 2019-07-18 14:24:36 · 2975 阅读 · 3 评论 -
小程序获取手机平台isAndroid,isiOS还是PC
我的需求是,当用户点击app分享的小程序卡片信息进入小程序,如果是苹果手机,显示返回app按钮;安卓手机,不显示返回按钮(不知道为什么app分享的消息卡片,安卓手机返回不了app,网上搜索了很多,都行不通,有实现的欢迎留言!!!)data: { isAndroid:false, isiOS:false}onLoad: function (options) { w...原创 2019-04-22 15:18:47 · 2156 阅读 · 1 评论 -
小程序首页onLoad为异步,调用app.js中的全局参数的解决方案。
一,先说一下遇到的问题:小程序卡片进入小程序后,为了携带app.js中一些参数去做请求动作,但是由于异步原因,造成发起请求时候,参数信息还未获取到但请求已经发出去。我想要的是app.js全局参数拿到之后,再携带参数去进行接口请求;二, 解决方案:在app.js的中定义一个回调函数:// app.jsglobalData: { params:null}reque...转载 2019-04-22 15:11:04 · 2719 阅读 · 0 评论 -
微信小程序使用wxParse富文本组件解析html
项目中遇到一个需求,就是请求后台接口,返回文本,文本内容html格式的。小程序本身是不解析html的。然后去网上找了下,发现了一个很实用的富文本解析器wxParse,用法也是很简单!!!话不多说,直接上代码index.wxml内容:<import src="../../../wxParse/wxParse.wxml"/> //引入文件<view class="wxP...原创 2019-04-09 10:26:04 · 355 阅读 · 0 评论 -
微信小程序获取unionid走过的坑--手把手教你获取
小程序能够获取到unionid的前提1.小程序必须绑定在微信开放平台上,不绑定是没有的(PS:绑定开放平台需要开发者资质认证,认证收费的奥)2.需要微信用户授权小程序具体的代码实现(我在index.js的onLoad中实现的)encryptedData的解密:模仿 官网给的例子中的 Node 的demo,使用 CryptoJS实现纯 js 下解密用户信(网上大部分都是用的java服务器...转载 2019-03-16 16:05:23 · 2896 阅读 · 1 评论 -
微信小程序根据当前所在地址来获取城市名称
我的需求,页面一打开就获取当前的省份!!!app.json 配置"permission": { "scope.userLocation": { "desc": "你的位置信息将用于定位当前省份" } }index.jsonReady: function () { let _this = this; wx.getLoca...原创 2019-01-03 14:23:20 · 2132 阅读 · 0 评论 -
小程序模拟调用本地json数据
//data.js 文件 var jsonData=[ { "ProID": 1, "name": "北京", "ProSort": 1, "ProRemark": "直辖市" }, { "ProID": 2, "n原创 2019-01-03 11:13:10 · 2732 阅读 · 2 评论 -
小程序获取元素距离顶部的高度
给元素加一个id然后使用wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){ rect.id // 节点的ID rect.dataset // 节点的dataset rect.left // 节点的左边界坐标 rect.ri...转载 2019-01-12 10:45:29 · 20851 阅读 · 1 评论 -
微信小程序开发——设置默认图片、错误加载图片
wxml:<image src='{{imgArr[index]==""?defaultImg:imgList[index]}}' binderror="errorFunction" data-errorimg="{{index}}" />说明: imgList: 图片数据源列表,需要在data中定义初始数据,或者从接口动态获取数据;errorFunction...转载 2019-01-05 11:39:51 · 9607 阅读 · 2 评论 -
小程序分享携带参数包含路径
今天遇到的坑,直接传参,正常参数都能接收到,但是就是url参数值接收后NaN.后来去网上搜索一下说路径必须编码才可以,分享出来就是希望大家不要跟我一样遇到这种坑~~~ onShareAppMessage: function (options) return { title: '标题', path: '/pages/index/index?in...原创 2018-12-26 17:23:50 · 1264 阅读 · 0 评论 -
微信小程序上传图片到服务器wx.uploadFile
项目中肯定会遇到上传文件到服务器端,小程序提供了很有用的apiwxml代码:<image mode='widthFix' src="{{imgUrl}}"></image><view bindtap="getPhoto">上传图片</view>js代码:getPhoto(e){ //获取手机相册功能 let _this...原创 2018-11-26 14:08:01 · 2005 阅读 · 0 评论 -
路径传值字符串类型,比较总是返回false遇到的坑
我的需求是在A页面传值type跳转到B页面,B页面接收,然后处理逻辑A页面:<navigator class="search-box" open-type="navigate" url="../search/search?type='PinDuoDuo'" hover-class="none"> </navigator>B页面接收值: onLoad: fu原创 2018-11-22 11:50:04 · 232 阅读 · 0 评论 -
微信小程序----返回上一页刷新或当前页刷新
在开发小程序的时候,切换用户后或者更改了用户信息后,返回页面,不更新。后来把this.init();方法放到onShow中,页面有刷新,但是出现了新的问题,数据请求了2次;后来去网上查了下,解决的办法是,===》需要更新的数据放在onShow中,不需要更新的数据放在onLoad中;问题解决!!!...原创 2018-11-22 11:25:20 · 622 阅读 · 3 评论 -
微信小程序实现长按复制功能
<text selectable="true">这是一段可以复制的文本</text>微信小程序里面实现长按复制,只需要做2部操作即可。1.能够被复制的文本必须是在text组建里面。2.设置属性selectable="true"即可。 ...原创 2018-11-19 09:47:29 · 9631 阅读 · 0 评论 -
关于小程序服务器域名配置的一些坑
最近在开发小程序上,遇到了很多坑,记录下来希望对跟我一样踩坑的小白有所帮助!!!服务器域名配置一个月有5次修改机会,机会用完了只能等下个月1号;服务器域名配置有request合法域名 ,socket合法域名,uploadFile合法域名,downloadFile合法域名request合法域名 :请求域名,项目里面所有调用后台接口用到的域名都要在这里提前配置;socket合法域名 ...原创 2019-08-20 11:10:47 · 7280 阅读 · 1 评论