首先看过angularjs的同学们在看微信小程序的创始文件应该不算很陌生吧。
需要看的 先是文件目录
看完这个目录。。得知
( 一 ) pages 他存放于多个页面 如 index ,log页面。可以把他里面的每个文件夹看成一个整体。这个整体存放着 html 、css 和 数据
1：index文件夹 --- 存放的index页面的目录。
2：index.js --- 他可以处理得到(ajax)，或自定义定义的数据。把得到的值封装成一个对象 交给wxml渲染数据。（类似与angular的数据绑定或者express的res.render({})）另外 他还有一些生命周期。
(1)、onLoad(options) --- 进入这个页面时候触发而options就是页面跳转时候所传的参数
(2)、onReady --- 页面跳转完成
(3)、onShow --- 页面显示
(4)、onHide --- 页面隐藏
(5)、onUnLoad --- 页面关闭
他们的类型 都是 function 哦。
3：index.wxml --- 他其实就类似于 html
4：index.wxss --- 相当与 css
( 二 ) utils 这里存放一些小工具吧 比如一些逻辑的处理。可以跟自己的喜好来命名 比如 controller
( 三 ) app.js 用于注册一个小程序。
1：他类似于用xcode（swift语言）开发ios应用时的AppDelegate.swift 他管理于程序的启动与关闭。通俗点的来说启动app的时候就需要用到app.js
2：他有一些生命周期
(1) onLaunch --- 初始化完成时会触发，且只触发一次。--- 其实就相当于点了一下app的图标。这个时候这个程序就启动起来了。走的就是他
他和index.js中的onload可不一样。他全局只触发一次。而onload是每次进入这个页面时候都触发
(2) onShow --- 当程序从后台进入前台时候触发 --- 就相当于我打开了这个程序，然后用iphone点击home键从程序进入了主桌面。
(3) onHide --- 当程序从前台进入后台 --- 同理 用iphone手机从桌面双击home键进入 小程序。
( 四 ) app.json 配置文件。说白了就是配置页面的一些功能。
之后我会按照初始程序一点一点的深入了解。不过不得不说 感觉和angular2是一个妈生出来的产物。不过比angular2 更好理解
请发表评论