• 小程序接触后爬坑


    1.微信小程序单位

    rpx单位是微信小程序的css尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽度为750rpx。如iPhone6上屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。

    微信小程序也支持rem尺寸单位,rem和rpx的换算关系:rem: 规定屏幕宽度为20rem;1rem = (750/20)rpx 
    注:开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。
    建议:设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px,这样的话,设计图上量出来的尺寸是多少px就是多少rpx,至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

     2.小程序跳转tabBar

    用wx.redirectTo()  和 wx.navigateTo()跳转无效

    可以使用wx.switchTab({url: "../user/user"})   (绝对有效)

    3.小程序里面要设置width100%,height100%

    body,html{100%.height:100%}这是无效的,

    可以这样做:page{100%;height:100%}

    4.audio调整倍率要使用属性setPlaybackRate

    <view class="container">
    <audio poster="http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000" name="音乐名称" author="歌手名称" src="http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E06DCBDC9AB7C49FD713D632D313AC4858BACB8DDD29067D3C601481D36E62053BF8DFEAF74C0A5CCFADD6471160CAF3E6A&fromtag=46" id="myMusic" action="{{action}}" controls loop></audio>
    <button type="primary" bindtap="audioPlay">播放</button>
    <button type="primary" bindtap="audioPause">暂停</button>
    <button type="primary" bindtap="audioPlaybackRateSpeedUp">调为2倍速</button>
    </view>

    var app = getApp()
    Page({

    data: {
    action:null
    },
    audioPlay:function(){
    this.setData({action:{method:"play"}})
    },
    audioPause:function(){
    this.setData({action:{method:"pause"}})
    },
    audioPlaybackRateSpeedUp:function(){
    this.setData({action:{method:"setPlaybackRate",data:4}})
    },
    onLoad: function () {
    console.log('onLoad')
    var that = this
    //调用应用实例的方法获取全局数据
    app.getUserInfo(function(userInfo){
    //更新数据
    that.setData({
    userInfo:userInfo
    })
    })
    }
    })

     5.发起请求时报

    你需要在后台-设置这里配置合法的域名

    日常所遇,随手而记。
  • 相关阅读:
    杀掉MYSQL死锁进程
    成都项目中因为MYSQL与SSDB备分时间不一致,导致主键产生器错误解决一例
    Jenkins Robot framework 持续集成环境搭建
    robot framework环境搭建
    借助autoit操作上传下载对话框(参数化)
    无线热点登陆认证原理探究---captive portal
    nodejs while-loop
    nodejs 模板字符串
    [Node.js] 關於 console.log 的格式化輸出
    nightwatch testing 注意事项
  • 原文地址:https://www.cnblogs.com/zhihou/p/7797624.html
Copyright © 2020-2023  润新知