forWeChatMiniProgramDevelopmentMINA是微信小程序开发的框架：MINA旨在让开发者能够以尽可能简单高效的方式在微信中开发具有原生APP体验的服务。运行MINA的项目必须有微信Web开发者工具和微信小程序的AppID。因为还在内测阶段，大部分人没有AppID。好在有高手破解了IDE，可以先体验一下。接下来具体请参考微信小程序开发资料收集。MINA框架中有四种类型的文件：.js文件基于JavaScript的逻辑层框架。用于描述WXML组件style.json文件、配置文件、单个页面的配置以及整个项目的配置目录结构。为了减少配置项，小程序中一个页面中的四个文件必须具有相同的路径和文件名，使用微信网页开发者工具新建一个项目，可以看到其目录结构如下：js是程序的入口，app.json是项目的配置文件，app.wxss是全局配置的样式文件。logs和index文件夹是单页文件，utils用来存放常用的工具文件夹。app.jsapp.js使用App()函数注册一个小程序，你可以指定小程序的生命周期。可以监控小程序App()生命周期中的三个事件：onLaunch、onShow、onHide。onLaunch:小程序加载后调用，全局只触发一次onShow:小程序启动时，或者从后台转到前台都会触发一次。onHide：小程序从前台到后台时触发一次。.log('AppLaunch')},onShow:function(){console.log('AppShow')},onHide:function(){console.log('AppHide')},globalData:{hasLogin:false}})其中app.js的globalData可以设置全局变量。在一个页面中，可以通过getApp()函数获取小程序的实例，使用App的getCurrentPage()获取当前页面的实例。app.jsonapp.json是小程序的全局配置，包括：页面路径、窗口性能、设置网络超时、开发模式等...页面配置pages：设置页面的路径"pages":["pages/index/index","pages/logs/logs"]配置index和logs两个页面的路径，其中相对路径用于配置页面路径。窗口配置windows：用于配置状态栏的颜色、导航栏的样式和颜色、标题、窗口的背景色："window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#ffffff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}使用的Color为十六进制颜色值，如"#ffffff"注：其中navigationBarTextStyle，导航栏的颜色仅支持黑/白。而backgroundTextStyle，下拉背景的样式只支持dark/light。tabBar：设置tab应用。tabBar是一个数组。至少需要配置2个标签，最多可以配置5个标签。标签按照数据的顺序排序："tabBar":{"color":"#dddddd","selectdColor":"#3cc51f","borderStyle":"black","backgroundColor":"#ffffff","list":[{"pagePath":"pages/index/index","iconPath":"image/wechat.png","selectedIconPath":"image/wechatHL.png","text":"主页"},{"pagePath":"pages/logs/logs","iconPath":"image/wechat.png","selectedIconPath":"image/wechatHL.png","text":"log"}]}这里设置了两个tab页：index和log，效果如下：networkTimeout设置网络请求的超时时间，小程序有四种网络请求wx.request是普通的http请求，配置为requestwx.connect股票链接，配置为connectSocketwx.uploadFile上传文件，配置为uploadFilewx.downloadFile下载文件，配置为downloadFile，配置单位为毫秒，例如："networkTimeout":{"request":10000,"connectSocket":10000,"uploadFile":10000,"downloadFile":10000}debug:在开发工具中开启调试模式，在控制台面板可以看到调试信息，我们也可以使用console.log('onLoad')input日志帮助我们调试程序“debug”：trueapp.wxssapp.wxss中定义的样式是全局样式，作用于每个页面，页面中定义的.wxss文件是局部样式，这onlyactionsonthelocalandlocalstyles定义会覆盖app.wxss中定义的样式。:space-between;padding:200rpx0;box-sizing:border-box;}其中200rpx中的rpx为reponslvepixel，可以根据屏幕的宽度进行适配。在iPhone6上，1rpx=0.5px=1个物理像素。微信小程序推荐设计参考iPhone6风格使用：
