微信小程序开发实践

资源

视频
https://www.imooc.com/learn/1121

账号注册
https://mp.weixin.qq.com/wxopen/waregister?action=step1

开发工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

开发文档
https://developers.weixin.qq.com/miniprogram/dev/framework/

1、项目文件

1. json 配置
2. wxml 模板
3. wxss 样式
4. js 脚本逻辑

2、json 配置

project.config.json 项目配置
app.json 全局配置
page.json 页面配置

3、wxml 模板

标签：view
数据绑定：
动态数据 page.data
Mustache 语法
变量：{{key}}
循环：wx:for
条件：wx:if

eg:

// pages/index/index.js

Page({
  /**
   * 页面的初始数据
   */
  data: {
    name: "Tom",
    arr: ["cat", "dog"],
    isLogin: true,
  },
});

{{name}}