微信小程序
记录平常的遇到的问题和知识点
lily2016n
人是铁,范是钢~ 一天不装憋的慌
展开
-
在小程序/mpvue中使用flyio发起网络请求
Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它,您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ,最大可能的实现 Write Once Run Everywhere。上一篇文章介绍了在快应用中使用flyio,本文主要介绍一下如何在...转载 2018-09-10 14:09:43 · 810 阅读 · 0 评论 -
微信小程序音频的使用:wx.createInnerAudioContext的使用
需求是一进来音乐就开始播放,本来以为只有wx.playBackgroundAudio(使用后台播放器播放音乐,对于微信客户端来说,只能同时有一个后台音乐在播放。当用户离开小程序后,音乐将暂停播放;当用户在其他小程序占用了音乐播放器,原有小程序内的音乐将停止播放。)才能实现。还是文档没仔细看。发现有更好用的wx.createInnerAudioContext。 由于自己是边写项目边看文档,发现自己...原创 2018-08-24 17:17:32 · 19122 阅读 · 4 评论 -
小程序for循环出来的button,点击button的动画实现只对当前button有效
在做项目中发现在对for循环出来的button,添加点击事件的时候,所有button都会生效,那怎么实现只对当前的button有效呢?看下我实现的思路吧。有不明白的可以留言哈wxml: <view wx:for="{{arr}}"> <button bindtouchsta原创 2018-08-22 20:02:02 · 5915 阅读 · 1 评论 -
微信小程序怎么适配iphone x的解析
昨天项目遇到背景图当iphone x中变形了。所以百度了一波查到很多方法。特记录下来,希望大家能够用到吧我们用到小程序的api wx.getSystemInfo(OBJECT) 先了解下发现返回的参数model是手机型号的参数,那么我们就开始写代码啦 1、首先在data中点好变量 data: { n isIphoneX: false, }, 2、首先在onload中...原创 2018-07-26 11:46:08 · 1720 阅读 · 1 评论 -
解决微信小程序app.js中的onLaunch的网络请求,可能会在 Page.onLoad 之后才返回
由于我们要在index.js 中用到app.js中的数据,由于是异步请求,所以我们通常写个回调函数取获取数据 这里举例为获取用户信息 在app.js中是这样子的 // 获取用户信息 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo']) { ...原创 2018-07-19 15:17:58 · 13066 阅读 · 1 评论 -
小程序的生命周期
1.小程序的生命周期——App.jsApp() 必须在 app.js 中注册,且不能注册多个。所以App()方法在一个小程序中有且仅有一个。App() 函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。先上代码:App({ onLaunch: function () { ...转载 2018-07-06 12:03:41 · 1448 阅读 · 0 评论 -
微信小程序的tab选项卡的实现
效果图,既可以点击切换,又可以滑动切换 .wxml<!--pages/detail/detail.wxml--><view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">全部</view> <vi原创 2017-11-01 15:07:20 · 34680 阅读 · 22 评论 -
微信小程序中尺寸单位rpx及样式的用法
rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素。1、微信小程序尺寸单位rpx标准微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 注:开原创 2017-10-26 14:35:05 · 4009 阅读 · 0 评论 -
微信小程序实现跳转的几种方式总结
今天把实现微信页面的跳转的几种方法总结分享下1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)<!-- sample.wxml --><view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator></view>参数如下 2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigator原创 2017-10-26 10:54:38 · 12047 阅读 · 0 评论 -
微信小程序布局display flex布局介绍
标题是微信小程序布局display flex布局介绍,其实是对css3的display flex的通用解释,并不限于微信小程序布局,微信小程序里不是写div之类,应该换为view之类的标记,当然原理一样,把这篇文章中讲到的flex布局只是搬过去就可以用了。 display flex是什么?微信小程序最近火的不要不要的,下载开发工具测试了一下,小程序对css支持很好, 布局使用display flex转载 2017-10-24 19:58:40 · 2242 阅读 · 0 评论 -
微信小程序怎么设置底部导航
怎么设置底部导航 tabar的属性参考: 结果: (注:在最外层的app.json 小程序公共设置文件,配置底部tab菜单) 最重要还是自己去实际操作下原创 2017-03-07 17:51:42 · 3026 阅读 · 0 评论