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

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

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

型號選擇：小程序IPhone6的屏幕尺寸是設(shè)計(jì)標(biāo)準(zhǔn)，讓UI小姐姐按照IPhone6屏幕尺寸。

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

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

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

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

app文件

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

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

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