小程序初识

1、小程序是什么

小程序是一种新的开放能力，可以在微信内被便捷地获取和传播，同时具有出色的使用体验。

2、小程序的优势和劣势

2.1 优势

• 容易推广
• 使用便捷
• 体验良好
• 成本更低

2.2 劣势

• 单个包大小限制为2M
• 受微信限制。不能直接分享到朋友圈，涉及到积分或者虚拟交易的时候，小程序是不允许的
• 发布麻烦

3、常用配置

3.1 页面配置

展示初识页面

• entryPagePath
• 修改app.json里面的pages的顺序
• 添加编译模式

3.2 tabbar

tabbar中的list至少2个，最多5个

4、模版语法WXML

4.1 常用标签

• view：相当于div
• text：相当于span
• image：图片
• block：用来包裹元素

4.2 模板 template

定义时用name，使用时用is

• import：导入模版
• include：导入除模板以外的内容

<template name="temp">
  <view>
  price:{{price}},
  title:{{title}}
  </view>
</template>

<import src="../detail/detail"/>
<template is="temp" data="{{price:100,title:'热门'}}"/>

5、样式WXSS

• 单位：rpx 1rpx = (屏幕宽度/750) px
• 导入样式 import

6、小程序中的JS

修改渲染层的数据调用 this.setData()

7、程序和界面

7.1 程序

• onLaunch 初始化，全局只调用一次
• onShow 在小程序启动或从后台进入前台时触发的方法
• onHide 小程序从前台进入后台时触发
• onError 小程序发生错误时触发
• globalData 全局数据，使用 getAPP()

7.2 界面

• onLoad 页面加载
• onReady 页面渲染完成
• onShow 页面显示
• onHide 页面不显示
• onUnload 页面卸载

8、事件

• bind:事件类型
• 阻止冒泡 catch
• 添加捕获事件 capture-bind:事件类型
• 事件传参 data-变量 = ‘值’