小程序问题

小程序的优势和劣势

优势：容易推广、使用便捷、体验良好、成本更低
劣势：单包大小限制为2M，分包最大是20M

小程序在wxml中绑定JS中的数据

使用双花括号：{{}}

小程序条件渲染

wx:if实现条件渲染 或 block结合wx:if使用

小程序循环渲染

wx:for实现条件渲染 或 block结合wx:for使用

小程序中wxml常见组件

view、text、image、button、swiper和swiper-item

wxss和css的不同

新增了rpx尺寸单位、提供了全局样式和局部样式、wxss仅支持部分css选择器

小程序中的JS与浏览器中的不同

DOM和BOM：小程序没有BOM与DOM的概念
独有的API：小程序本身提供一些重要的API：
getApp：获取app信息
getCurrentPage：获取当前页面调用栈
wx：提供一些重要的接口

小程序设置全局的数据，获取数据

在app.js文件中创建一个全局变量、
通过getAPP()函数获取APP实例、
使用globalData属性来访问全局变量
使用getAPP()方法获取全局数据

小程序中的生命周期函数(app、page、component)

• app：onLaunch 小程序初始化完成时触发，全局只触发一次
  onShow 小程序启动，或从后台进入前台显示是触发
  onHide 小程序从前台进入后台时触发
  onError 小程序发生脚本错误或API调用报错时触发
• page：onLoad 生命周期函数-监听页面加载，触发时机早于onShow和onReady 发送请求获取数据
  onShow 生命周期函数-监听页面显示，触发事件早于onReady 请求数据
  onReady 生命周期函数-监听页面初次渲染完成 获取页面元素
  onHide：生命周期函数-监听页面隐藏 终止任务
  onUnload：生命周期函数-监听页面卸载 终止任务
• component：created 生命周期回调-监听页面加载
  attached 生命周期回调-监听页面显示
  ready 生命周期回调-监听页面初次渲染完成
  moved 生命周期回调-监听页面隐藏
  detached 生命周期回调-监听页面卸载
  error 每当组件方法抛出错误时执行