前言
去年9月份的時候，小程序開發(fā)者工具還需要破解失息，每個版本的API會有一些改進譬淳，所以在開發(fā)的過程中要不時的檢查自己項目中用到的API，如果發(fā)現(xiàn)你的項目掛了根时，去查看官方文檔瘦赫，小程序?qū)W習難度較RN容易，實質(zhì)上是一個MVVM模式蛤迎，無需操作DOM确虱，實現(xiàn)數(shù)據(jù)綁定，推薦小程序?qū)W習方法： 最好的教程是官方文檔替裆，但是不建議把官網(wǎng)所有內(nèi)容全部看一遍校辩，意義不是很大，而是你需要做什么樣的功能的時候再去查文檔辆童，文檔正確的打開方式你有g(shù)et到嗎宜咒？在熟悉了基本的用法之后可以去試著理解一下小程序的生命周期，這對幫助你理解事件處理函數(shù)應該綁定在哪一個狀態(tài)下有幫助把鉴。
快速創(chuàng)建一個小程序
- 點擊添加項目
2.如果沒有AppID就選擇無AppID故黑，無AppID無法進行真機預覽，以及上傳庭砍，某些API無法使用
開發(fā)者工具簡單介紹
左側(cè)菜單
- 編輯
- 調(diào)試
1.在source下Mac使用command+P（windows下使用Ctrl+P）可以快速打開查找文件的搜索框進行斷點調(diào)試场晶，記住選擇[sm]文件
2.Appdata顯示當前頁面從后臺獲取到的數(shù)據(jù)結(jié)構(gòu)及內(nèi)容
3.Wxml模式下可以查看頁面css
- 項目
4.編譯
5.后臺
在模擬器上模擬App在后臺運行時的狀態(tài)，可以查看此時頁面處于生命周期的哪一步怠缸，其他的用處暫時還沒研究到
6.緩存诗轻，可以清理文件緩存和數(shù)據(jù)緩存，緩存的信息顯示在調(diào)試>>Storage中
關(guān)于處理緩存的API 如wx.clearStorage()揭北，更多用法參考官網(wǎng)
7.關(guān)閉
項目結(jié)構(gòu)
- pages
放置頁面文件扳炬，表示頁面下有index和logs 2個文件
.wxml放置html文件吏颖，.wxss放置css文件
可以在app.json的pages中快速創(chuàng)建pages下的文件目錄
例如在app.json的pages下添加"pages/test/test"就會在pages下自動生成test目錄
手動創(chuàng)建pages下的文件需注意.json文件在為空的時候要放置一個{}，.js文件為空時也要添加Page({})注冊函數(shù)恨樟，否則會出現(xiàn)“pages/test/test 出現(xiàn)腳本錯誤或者未正確調(diào)用 Page()”的錯誤 - utils
放置功能性的js半醉，供整個項目使用的
業(yè)務性的js建議放在pages下各個項目對應的js文件中 - app.js頁面入口文件js，注冊了一個App({})劝术，globalData對象中設(shè)置全局變量奉呛，在其他js文件中調(diào)用的時候采用getApp()，例如：var app = getApp();
- app.json頁面配置文件夯尽，我們使用app.json文件來對微信小程序進行全局配置，決定頁面文件的路徑登馒、窗口表現(xiàn)匙握、設(shè)置網(wǎng)絡超時時間、設(shè)置多 tab 等
(1)項目中所有的pages下的文件目錄必須要寫在pages下陈轿，pages是一個包含所有頁面路徑的數(shù)組集合圈纺，第一個元素是頁面的首頁
(2)window用于設(shè)置小程序的狀態(tài)欄、導航條麦射、標題蛾娶、窗口背景色，pages文件夾下每個頁面的.json只能設(shè)置 window 相關(guān)的配置項潜秋，以決定本頁面的窗口表現(xiàn)蛔琅，所以無需寫 window 這個鍵，在這里的配置項會覆蓋掉app.json下的同名屬性
- app.wxss 設(shè)置全局樣式
