2018年，一直不溫不火的微信小程序迎來了第二個春天。在我的記憶中，隨著跳躍游戲的出現(xiàn)，成千上萬的微信小程序如雨后春筍般涌現(xiàn)在我們的視線中。追逐這一波浪潮，作者的公司也開始將一些需求轉(zhuǎn)移到微信小程序上。接下來，我將與您分享最近日歷打卡小程序的開發(fā)過程和問題。

（1）微信開發(fā)人員工具小程序團隊推出了自己的開發(fā)工具——微信開發(fā)人員工具。目前，微信開發(fā)人員工具仍在不斷改進，在開發(fā)小程序時需要不斷更新。論壇上吐槽的文章也很多，有很多bug，作者在開發(fā)過程中也被它坑過。作者是安卓開發(fā)者，習(xí)慣了這種可視化編程，所以沒有選擇Webstrom或其他開發(fā)工具，下面將介紹微信開發(fā)者工具的基本功能。

型號選擇：小程序IPhone6的屏幕尺寸是設(shè)計標準，讓UI小姐姐按照IPhone6屏幕尺寸。

預(yù)覽界面：點擊編譯視圖布局，刷新視圖界面顯示遠程調(diào)試：手機和PC端開發(fā)工具聯(lián)調(diào)(非常實用)上傳代碼:上傳到騰訊服務(wù)器，提交審核必要步驟?？梢蕴顚懓姹咎柡蛡渥⑿畔ⅰ?/p>

5-1:代碼體積，微信限制 2M 以內(nèi)。5-2：ES法定域名信息在語法轉(zhuǎn)換開發(fā)中一般不驗證 。5-3:域名信息:服務(wù)器域名應(yīng)在小程序后臺配置。request 域名，socket 域名以及uploadFile和downloadFile域名。注：域名小程序必須要求https控制臺：打印輸出信息，方便調(diào)試資源文件：相應(yīng)項目的文件目錄，一般可以調(diào)試本地數(shù)據(jù)存儲：顯示本地存儲的數(shù)據(jù)，相應(yīng)的相關(guān)數(shù)據(jù)API是www.agent-diploma.com(key,data)視圖調(diào)試：標準組件以子父級結(jié)構(gòu)呈現(xiàn)，便于調(diào)試。以上是微信開發(fā)人員工具在開發(fā)過程中常用的功能，微信開發(fā)人員工具也在不斷改進。為了更好地提高未來的開發(fā)效率，我們還需要在開發(fā)過程中不斷向小程序團隊反饋問題。我希望你能保持寬容的態(tài)度。還可以根據(jù)自己的習(xí)慣選擇其他開發(fā)工具。

(2)介紹小程序框架和目錄結(jié)構(gòu)

邏輯層小程序開發(fā)框架的邏輯層 JavaScript 編寫。處理后，邏輯層將數(shù)據(jù)發(fā)送到視圖層，并接受視圖層的事件反饋。邏輯層對應(yīng)于js每個頁面都有文件js在文件中，系統(tǒng)提供了頁面生命周期等一系列方法onLoad(),onShow(),onHide()等，下拉刷新onPullDownRefresh()頁面底部(上拉加載)onReachBottom()方法，共享功能onShareAppMessage()等。視圖層框架的視圖層由 wxml 與 wxss 編寫，由組件顯示。將邏輯層的數(shù)據(jù)反應(yīng)成視圖，并將視圖層的事件發(fā)送到邏輯層。wxml 由小程序提供的組件組成，wxss 是css 樣式。

app文件

www.agent-diploma.com 文件用于全面配置微信小程序，決定頁面文件的路徑、窗口性能、網(wǎng)絡(luò)超時設(shè)置、多設(shè)置 tab 等。頁面的json文件通常用于配置當前頁面的窗口性能。www.agent-diploma.com 用于提供全局變量，如baseUrl。www.agent-diploma.com 提供全局的css樣式

utils/.json 系統(tǒng)提供的工具類，一般編寫公共方法導(dǎo)出，方便其他頁面調(diào)用。

上海西陸信息科技有限公司 承接各類微信小程序開發(fā)制作、小程序定制、APP 網(wǎng)站 開發(fā)制作，聯(lián)系電話 18221533805、15900430334