在小程序的边缘试探

开发者文档：https://mp.weixin.qq.com/debug/wxadoc/dev/index.html

开发工具：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20171130

如果要发布小程序，需要申请AppID。如果不申请的话也可以开发小程序，有些功能可能会用不了，但常用的大部分都是一样的。

新建项目，最后勾选 "创建 QuickStart 项目" (注意: 你要选择一个空的目录才会有这个选项)

图片.png

一般修改之后按Ctrl+S 保存左侧会自动显示效果。

文件结构
小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。
一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

图片.png

一个小程序页面由四个文件组成，分别是：

图片.png

为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。
|

代码构成：
创建QuickStart 项目，会自动生成几种文件

图片.png

JSON
1、app.json
app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
参考文档:https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

图片.png

2、project.config.json
你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。
参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/edit.html#%E9%A1%B9%E7%9B%AE%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6

3、page.json
让开发者可以独立定义每个页面的一些属性
参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html

WXML 模板
类似于HTML，有标签属性等等
WXML用的标签都是包装好的组件。
在一般网页开发中，都是通过JS操作DOM。在WXML中是运用数据绑定：

//WXML：


//js：
this.setData({ msg: "Hello World" })

参考文档：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/

数据绑定：
WXML 中的动态数据均来自对应 Page 的 data。
数据绑定使用 Mustache 语法（双大括号）将变量包起来，可以作用于：内容、组件属性(需要在双引号之内)、控制属性(需要在双引号之内)、关键字(需要在双引号之内)、运算、组合

模板：template

//定义


//调用