微信小程序出来有一段时间了，目前正处于公测阶段，官方还不给个人注册。。好在我发现开发工具可以下载，也能够开发模拟器程序，虽然很无奈不能上传应用和限制了部分API，但就个人学习而言也够了。所以跨过注册啊、工具啊、创建项目什么的，咱们直接入坑啃代码。
1.项目结构
1.1 小程序的核心
就和我们以往的开发项目一样，你的项目工程一定会有一些核心文件组成的主体部分，而小程序的核心文件如下：
这三个文件必须放在根目录下，微信小程序会读取这些文件，并生成小程序实例。
1.2 小程序的用户界面
既然小程序是用来和用户直接打交道的，那必然少不了用户界面的。小程序的用户界面集中放在pages目录下，pages内包含1～N个独立页面，每个独立页面最多由四个文件组成：
为了方便开发者少配置项，规定描述页面的四个文件必须具有相同的路径与文件名，如图：
2.全局配置
2.1 app.json的说明
app.json文件负责对微信小程序进行全局配置，决定页面文件的路径，窗口表现，设置网络超时时间，设置多个tab等。
2.2 app.json配置项扫盲
2.3 pages
接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的信息，数组的第一项代表小程序的初始页面。小程序中新增/减少页面，都需要对 pages 数组进行修改。
2.4 TabBar
如果我们的小程序是一个多tab应用，那么我们可以通过tabBar配置指定的tab栏的样式，以及tab切换时的对应页面。tabBar是一个数组，只能配置最少2个，最多5个tab，tab安数组的数序排序。
其中的list属性，必须接受一个数组，数组中的每一项都是一个对象，属性如下：
2.5 networkTimeout
networkTimeout负责设置各种网络请求时间
2.6 debug
可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。
最后贴个简陋的效果吧，千里之行，始于足下。
网友评论