介紹微信開發者工具以及微信小程序框架

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

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

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

預覽界面：點擊編譯視圖布局，刷新視圖界面顯示遠程調試：手機和PC端開發工具聯調(非常實用)上傳代碼:上傳到騰訊服務器，提交審核必要步驟。可以填寫版本號和備注信息。

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

(2)介紹小程序框架和目錄結構

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

app文件

m.eeefficiency.com 文件用于全面配置微信小程序，決定頁面文件的路徑、窗口性能、網絡超時設置、多設置 tab 等。頁面的json文件通常用于配置當前頁面的窗口性能。m.eeefficiency.com 用于提供全局變量，如baseUrl。m.eeefficiency.com 提供全局的css樣式

utils/.json 系統提供的工具類，一般編寫公共方法導出，方便其他頁面調用。

上海西陸信息科技有限公司 承接各類微信小程序開發制作、小程序定制、APP 網站 開發制作，聯系電話 18221533805、15900430334