? ? ? ?對前端知識一無所知的我終于有一天也被逼上梁山了,開始了做微信小程序的開發(fā),說實話剛開始真是一頭霧水,后來由于項目的逼近不得不在短短的兩周內(nèi)對微信小程序熟練認識,并投入至開發(fā)中.......

1.要想學習微信小程序的開發(fā),首先請讀讀此文檔:https://mp.weixin.qq.com/debug/wxadoc/dev/

2.下載并安裝微信開發(fā)者工具:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html ? 選擇你要下載的工具

3.在開始寫代碼之前你需要對前端 html+css+javaScript有個粗略的認識,因為你創(chuàng)建的page包含著幾個文件,期中.js文件就是腳本文件,對應javascript的知識,.json文件是配置文件,.wxml文件是頁面的結(jié)構(gòu)文件,負責組件的創(chuàng)建,對應html的知識,.wxss文件是樣式表文件,負責組件的布局,對應css的知識

圖1

html:建議你不需要從頭開始看html,只要看看微信小程序開發(fā)文檔中的組件就行,因為微信小程序的開發(fā)和前端的開發(fā)還是有很大差別的,html里面的標簽很多,但是微信小程序用到的只是文檔中的那些組件

css:小程序文檔對css布局并沒有詳細的介紹,所以需要你自己去看相關(guān)的知識點,這一塊還是很重要的,需要自己去感悟,建議看一些基礎(chǔ)的布局,如flex布局、position、尺寸、顏色、邊框等

JavaScript:這塊對從事開發(fā)的同志們來說并不難,因為里面的語法和邏輯的處理等和其他的語言還是大同小異的,建議大家能粗略的看一遍,不必看js相關(guān)的框架,看基礎(chǔ)相關(guān)的內(nèi)容就可

4.掌握了以上,接下來就是創(chuàng)建工程寫代碼了,打開開發(fā)者工具,用微信掃描二維碼登錄進去,然后進入此頁面

圖2

點擊+號添加項目

圖3

此處如果你只是想學習,不必添加AppID,則可以寫代碼了......

圖4

5.剛開始學建議對照文檔一個一個的創(chuàng)建組件,對屬性逐個實現(xiàn),看對應組件實現(xiàn)的功能,等對組件有了認識之后可以根據(jù)一些復雜的界面進行布局,在布局的時候建議采用分層的方式,找到組件和組件之間的關(guān)系

先這樣吧!前期的學習還是需要靜下心來,不斷的嘗試和領(lǐng)悟的。