因為我也才開始學(xué)習(xí)微信小程序不久，下文也是現(xiàn)在的一時之言，大家有不同的想法也可以在評論里共同交流討論，希望文章能給大家提供一點點幫助。最近接觸到了一些前端框架，像Vue.js，React，發(fā)現(xiàn)小程序的框架體系跟它們很像。它們都推崇模塊化，組件化，數(shù)據(jù)與元素綁定。這樣沒有繁 瑣的DOM操作，組件之間完全分離，樣式和邏輯全都封裝在模板里，別人寫好的組件可以拿來直接用，這會明顯地提高我們前端開發(fā)的速度。另外，微信小程序界面小，樣式好調(diào)。這意味著，我們從紙面原型到能跑的APP的實現(xiàn)將會是很快的，所以我們可以多花一點時間去找，或者去構(gòu)思，怎么 的排版，什么樣子的組件會更好看，怎樣的特效用戶體驗會更好。當(dāng)然，在此之前必須要熟悉微信框架以及熟練地使用css來調(diào)樣式。對于CSS，個人覺得比較難調(diào)的就是定位(搞懂fixed,absolute,relative的區(qū)別就OK)和布局(flex很好用)了。大家可 以參考上面的鏈接來學(xué)習(xí)，像flex，它有很多屬性，每個屬性又有很多值，一下子不可能都記住。其實主要的還是多用，你可以先過一遍，大致知道有哪些東 西，然后直接上手項目去調(diào)樣式，對著文檔調(diào)，很快就記住了。其實用的比較多的flexdirection,align-items 和 justify-content。這又讓我想起來剛開始看《小程序開發(fā)入門》那本書的時候，我把所有的組件還有他們的屬性都認(rèn)認(rèn)真真看了一遍，看的時候還盡量去記。但是后來一個星期 沒學(xué)，用的時候全忘光了。還有前兩天，團隊趕項目，老板沒辦法了讓我一個實習(xí)生去幫著做頁面。為了能跟項目框架合并，我必須得用一個從沒用過的框架來寫。 根本沒時間去熟悉整個框架，只能大致過一下，然后就開始寫。之后我發(fā)現(xiàn)，過程進(jìn)行的還算順利，在寫代碼的過程中，會發(fā)現(xiàn)這個框架的一些小細(xì)節(jié)，你會去想辦 法弄懂它，然后就慢慢地熟悉了這個框架。但是，就算你在一開始學(xué)就有人告訴你這個細(xì)節(jié)，你也不一定能消化掉。就比如說，我記得《小程序開發(fā)入門》那本書就 有講js更改數(shù)據(jù)必須要通過調(diào)用this.setData()不能接用this.data.Variable=value，之后是一段解釋。后來我?guī)缀?忘記了它是怎么解釋的，直到去調(diào)試一個組件的時候，我想要知道怎樣能把后臺請求得到的數(shù)據(jù)實時渲染到頁面，google說用this.setData() 吧，原來直接賦值只是改變了邏輯層的數(shù)據(jù)，而setData可以在邏輯層數(shù)據(jù)更改之后立刻通知表示層，數(shù)據(jù)變了，你渲染一下。所以我就有一個體會了，當(dāng)你有一定的前端基礎(chǔ)之后，學(xué)習(xí)新的框架就是兩個過程:熟悉框架和上手項目。而更快速高效的方法就是適當(dāng)縮短前一個過程，把時間用 在練手上。這里練手并不完全指對照著別人的項目或者看著模板組件寫，相反我應(yīng)該嘗試著過一遍他的代碼之后自己去實現(xiàn)，碰到不會實現(xiàn)的地方再去看。我之前就 有過，對照著視頻里面的代碼敲，連它給的id都不敢改，生怕什么地方不一樣，代碼跑不起來，但是關(guān)了視頻自己敲又下不了手了?？梢钥纯磩e人寫的微信小程序源碼來分析學(xué)習(xí)，看著代碼敲就像是老師講課，一條路到終點，而自己寫中途就可能會遇到各種問題，但是正是這個過程能夠讓你認(rèn)識到這個框架的各種細(xì)節(jié)問題，從而幫你更快速的熟悉框架。當(dāng)然，當(dāng)你已經(jīng)熟悉了框架之后，你想怎么玩就怎么玩。下一個階段，當(dāng)我們熟悉了框架之后，不應(yīng)該只把目標(biāo)定為完成需求?，F(xiàn)在互聯(lián)網(wǎng)前端發(fā)展了這么久，各種UI框架，特效都已經(jīng)做的相當(dāng)好了，說句實話， 你的頁面不夠好看，排版不夠清晰，特效不夠炫酷，我很可能剛進(jìn)去就點返回了。所以，在沒有UI設(shè)計師的前提下，我們能做的就是自己去搜羅現(xiàn)有頁面的更好替 代品，參考成功APP的排版、風(fēng)格、色調(diào)、優(yōu)美的組件等等。

標(biāo)簽：小程序開發(fā)

小程序開發(fā)：http://lynt.com.cn/news-129.html