最近在公司实习,经理要求作一个微信小程序,晚上闲时来写一下。css
微信小程序问世没多久,但毋庸置疑的是在不久的未来,它能够替代掉不少的APP。我的认为它的优点在于占用资源少,能够作到即用即走,对于一些使用频率不是很高的APP来讲,使用相应的小程序会方便不少。html
要进行微信小程序的开发:java
1.首先得注册一个开发者的帐号,能够到微信公众平台进行注册,选择注册的帐号类型为小程序,进行相应的注册后便可进行之后的操做git
2.下载微信Web开发者工具,进行相应的安装,具体的安装过程在这儿就不详细说了github
打开微信Web开发者工具,能够用手机扫描二维码进行登陆json
登陆后有如下两种选项,在这儿我选择本地小程序项目小程序
能够添加项目,也能够打开之前的项目,在这儿我添加一个项目微信小程序
AppID的话能够填写,也能够不填写,但不填写部分功能可能会受到限制,项目目录能够选择一个已有的项目,若是没有,能够新建一个空的目录,若是是空的目录,会出现“在当前目录中建立 quick start 项目”这一句话,会默认建立quick start项目,而后添加项目。微信
这就是开发工具的总体布局app
下面来说一讲小程序的结构,每一个小程序包含pages、app.js、app.json、app.wxss。
pages中包含若干个page,一个page表明一个页面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss相似于html和css,分别为页面结构文件和样式表文件,*.js为脚本文件,*.json为配置文件。固然这四个文件中只有*.js文件和*.xml文件是必须的,其它两个无关紧要。
app.js为小程序的入口,是小程序的脚本代码,能够监听并处理小程序的生命周期函数,以及声明全局变量等。
app.json为小程序的全局配置文件,能够配置小程序是由哪些页面组成,窗口背景色,导航栏样式等等,每一个页面都要在app.json的pages中注册,例如在这儿有两个页面,一个是index,另一个是logs,注册信息以下
app.wxss是小程序的公共样式表,为小程序定义相应的样式。
小程序的框架的核心是一个数据绑定系统,分为视图层和逻辑层,即将数据层和逻辑层进行绑定,只在逻辑层修改数据,视图层便会进行相应的更新。
要学习微信小程序,开发文档必不可少,在简易教程中,咱们能够进行相应组件和API的学习,小程序封装了许多API,也为开发带来了许多便利。
最后补充一下,知乎大神们提供的开发资料:
GitHub上的微信小程序资源汇总: