微信小程序学习入门(一)

1.基础知识

1.开发工具：微信专门配备的微信Web开发者工具。

2.微信Web开发者工具可以通过扫码登录，发布小程序需要企业级认证的公众号，个人学习可以直接使用quick start选项生成新项目。

3.程序基本的代码结构

微信的编码格式是固定的，每个文件夹下含.wxml，.js，.wxss和.json，且文件名相同。

.js文件：存放逻辑代码，即保存方法和数据，主要内容在Page()中，json格式

Page()：必需存在键值对data:{}，用于存放初始数据

例如：data:{info: 1}，调用方式：{{info}}

另外，还可以声明方法，如：click: function(){}，调用方法：在Page()中调用this.click()或者在.wxml文件中通过bindtap="click"调用。

.wxml文件：布局文件，类似Android的.xml文件

.wxss文件：样式文件，作用视为前端css文件

.json文件：配置文件，配置顶部标题，背景颜色等

4.重要的初始文件，app.js，app.json，app.wxss

app.js：初始化脚本，可以监听小程序的生命周期，申请全局变量，调用api等

app.json：全局配置，其他json文件默认继承app.json

app.wxss：公共样式表，其他wxss文件默认继承app.wxss

5.个人看法：与web前端和android开发相比较

视图与事件绑定，每个页面的wxml文件与js中的data进行数据和自定义事件绑定，最相近的是web前端的vue框架，同样数据双向绑定，而且微信小程序使用的数据格式。for，if，class，template等完全沿用web前端，没有变化。个人任务，小程序开发框架在JavaScript的基础上，做了一些修改，增加了App，Page方法，进行程序和页面的注册，同时提供了大量Api，方便了小程序的开发。

6.小程序入门学习：https://blog.csdn.net/rolan1993/article/details/75356411