微信小程序


1.tabBar
    list中配置至少两个页面
    注意:tabBar中配置的路径不能使用wx.navgateTo跳转,如果需要跳转使用wx.switchTab方法

2.本地存储
    设置本地存储:异步 wx.setStorage({key,'',value:'',success:function(res){}})  
                 同步 wx.setStorageSync(key,value)    
    读取本地存储:异步 wx.getStorage({key:'',success:function(res){}})
                 同步 wx.getStorageSync(key)

3.form表单值的获取
    第一种方式:通过e.detail.value获取,事件要绑定到表单元素上
               然后把值绑定到data中
               点击按钮时,获取data中存储的表单元素值,需要有延时定时器
    
    第二种方式:使用form包裹表单元素,提交时会获取所有用户输入

4.转发
    onShareAppMessage:function(){}

5.背景音乐
    旧api
    wx.getBackgroundAudioPlayerState     获取状态
    wx.playBackgroundAudio                 播放
    wx.pauseBackgroundAudio             暂停
    新api
    wx.getBackgroundAudioManager()         


6.请求豆瓣api数据
    1.豆瓣api地址: https://api.douban.com/
    2.wx.request({})发送请求
    3.豆瓣api 403错误
        解决方案:1.使用别人的代理  https://douban.uieee.com
                 2.自己做代理 node中间件

    4.使用全局数据
        1.把数据定义到全局对象中
            在app.js中的globalData 中定义
            globalData: {
                doubanapi:'https://douban.uieee.com'
            }
        2.在组件中使用
            需要获取小程序实例化对象
            var app = getApp()
            从实例化对象中获取全局数据
            var doubanapi = app.globalData.doubanapi
    5.公用方法
        util.js中定义一些公用方法
        1.定义:在util.js中定义函数,然后导出

        function http(url,cb){
          wx.request({
            url: url,
            method: 'GET',
            header: {
              'content-type': 'application/xml'
            },
            success: function (res) {
              cb(res.data)
            }
          })
        }

        module.exports = {
          http:http
        }

        2.使用公用方法
          引入util.js到组件中
          var util = require('../../utils/util.js') ;
          使用公用方法
          util.http();

    6.处理星星
        星星:给的是数据 00,10,20,30,40,50
        处理思路:
            星星总数:5颗
            星星分:黄色的和灰色的
            黄色星星的数量:
                十位上的数字决定
            灰色星星数量:
                5-黄色星星的数量
        具体做法:
            最终传递一个数组给star.wxml
            数组形式:[1,1,0,0,0]

    7.更多页面
      在更多view上添加点击事件,点击事件触发页面跳转 : 电影页 -> 电影更多页
            需要传递电影类别 <view data-newstype='{{text}}' catchtip='toMore'>
            在js中 可以通过 e.currentTarget.dataset.newstype 获取到电影类别
      然后实现跳转,跳转时需要把电影类别传递给 电影更多页
              wx.navigateTo({
              url: "/pages/movie/movieMore/movieMore?newstype="+newstype,
            })
      再然后在movieMore页面js的onLoad生命周期函数中可以获取到newstype
          onLoad:function(options){
              options.newstype
          }

    8.上拉加载,下拉刷新
        上拉加载:onReachBottom:function(event){}
        下拉刷新:onPullDownRefresh
            使用下拉刷新,需要先在app.json中配置允许下拉刷新

    9.详情页
        

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值