微信小程序

小程序开发工具准备

1.申请小程序账号（appid）

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7

2.下载并安装微信开发者工具

https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E5%AE%89%E8%A3%85%E5%BC%80%E5%8F%91%E5%B7%A5%E5%85%B7
3.添加小程序信息（不使用云服务）

小程序工具介绍

1.开发工具介绍
创建pages介绍
代码区域F1显示快捷键
清缓存按钮
小程序保存自动编译
断点调试  source->js[sm]->点断点
2.小程序后台管理介绍
3.小程序文档介绍 https://developers.weixin.qq.com/miniprogram/dev/framework/

小程序发布流程

1.使用小程序账号密码，在微信公众号平台登录。
2.基本信息设置完毕后，打开微信开发工具，点击右上角【上传】功能，点击上传提示窗口中输入版本号和说明即可。
3.上传完毕后，到微信公众号后台，点击左侧菜单中的【版本管理】。
4.浏览器拉到底部，找到【开发版本】就能显示刚才提交的小程序版本，点击右侧按钮【提交审核】。注意：只有管理员才能提交
5.提交完毕后，【审核版本】中显示【审核中】，耐心等待即可，审核通过微信会有提示，后台也有消息提示，现在审核时间挺快的。
6.如果审核通过后，点击提交发布，线上版本就会显示当前提交版本，这是微信小程序中过几分钟就可以搜索到发布的小程序了。
以上就发布完小程序了，在设置中可以下载小程序二维码进行扫描登陆，或者名称搜索都可以。

小程序基本使用（常用必会）

wxml特性

WXML（WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构

数据绑定

<!--wxml-->
<view> {
  {message}} </view>
// page.js
Page({
  data: {
    message: 'Hello MINA!'
  }
})

<!--wxml-->
<view hidden=“{
    {flay ? true : false}}”>
	Hidden
</view>
// page.js
Page({
  data: {
    flag: false
  }
})

列表渲染

<!--wxml-->
<view wx:for="{
    {array}}" wx:for-item="item" wx:key="index"> {
  {index}}:{
  {item.name}} </view>
// page.js
Page({
  data: {
    array: [
		{ name: "商品A" },
		{ name: "商品B" },
		{ name: "商品C" }
	]
  }
})

条件渲染

<!--wxml-->
<view wx:if