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