用户调整字体大小页面布局出错,怎么阻止用户调整

//以下代码可使Android机页面不再受用户字体缩放强制改变大小，但是会有1S左右延时，期间可以考虑loading来处理
if (typeof(WeixinJSBridge) == "undefined") {
  document.addEventListener("WeixinJSBridgeReady", function (e) {
    setTimeout(function(){
      WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
        alert(JSON.stringify(res));
      })
    }, 0)
  });
}else{
  setTimeout(function(){
    WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize':0}, function(res){
      alert(JSON.stringify(res));
    })
  }, 0)
}

//IOS下可使用 -webkit-text-size-adjust禁止用户调整字体大小
body { -webkit-text-size-adjust:100%!important; }

//最好的解决方案：最好使用rem或百分比布局

WeixinJSBridge.call(‘closeWindow’) // 关闭窗口

小程序

本地存储

var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)

获取地理位置

wx.getLocation({
  type: 'wgs84',
  success: (res) => {
    var latitude = res.latitude // 经度
    var longitude = res.longitude // 纬度
  }
})

扫一扫

wx.scanCode({
  success: (res) => {
    console.log(res)
  }
})

跳转页面

wx.navigateTo({
  url: '../logs/logs'
})

转发配置

onShareAppMessage: function (e) {
  return {
    title: '51表情制作器',
    path: 'pages/index/index'
  }
}

获取基础库版本号

wx.getSystemInfo({ success: (res) => {} })
wx.getSystemInfoSync()

开启蓝牙适配器

wx.openBluetoothAdapter()

弹框提示

wx.showModal({
  title: '提示',
  content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
})

提示组件

function showLoading(message) {
  if (wx.showLoading) {
    // 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理
    wx.showLoading({
      title: message,
      mask: true
    })
  } else {
    // 低版本采用Toast兼容处理并将时间设为20秒以免自动消失
    wx.showToast({
      title: message,
      icon: 'loading',
      mask: true,
      duration: 20000
    });
  }
}

function hideLoading() {
  if (wx.hideLoading) {
    // 基础库 1.1.0 微信6.5.6版本开始支持，低版本需做兼容处理
    wx.hideLoading();
  } else {
    wx.hideToast();
  }
}

lightApp

class

// 样式切换
class="normal-text {{className}}"
style="color:{{textColor}}"

生命周期

onCreate
onInit 类似 created
onReady 类似 mounted

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
https://www.jianshu.com/p/0d97e4118353

audio

https://www.w3cschool.cn/quickapp/quickapp-yo7u2s12.html

page params

https://www.jianshu.com/p/ccdcf77a81a5

private

if="{{!playState}}"
elif
else
{
  play: true
}
this.play = false

自定义组件

<import src="./part1"></import>

https://www.jianshu.com/p/94fc14897c9f

diff

px 单位也支持百分比
background 不能连写
image 最大包大1MB
text and text 显示文本
show 只能用布尔值
input 没有失焦事件

https://www.jianshu.com/p/b9d4072e7436?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

iconfont

// 变量图标转码 
return unescape(iconCode.replace(/&#x/g, '%u').replace(/;/g, ''))

background

background: linear-gradient(#3d3d3d, #1b1b1b);

QuickApp