首先看過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 更好理解