終于要開始做小程序了,領導給了一周時間做小程序了解和技術調研。我也是從零開始接觸小程序,而且也早就聽過mpvue這個小程序框架,決定花兩天時間熟悉小程序,然后上手mpvue。
首先擼完小程序的文檔,反正從頭看到尾就是。一邊看一邊和自己熟悉的框架做對照,那些是框架有的,小程序沒有的,而寫小程序的時候應該怎么解決。
看完小程序文檔,然后就上手開始用原生語法寫,不管用什么框架,肯定要打好原生基礎,所以先好好寫一天原生。這天寫了幾個H5內常用的幾個組件,和一個頁面。說一點感想。
把收藏了很久的 mpvue 的文檔地址點開。 先看看特性吧
再看一些不支持的情況:
還可以。基本就受限于小程序的功能,而無法支持。基本上做到了Vue的開發體驗。
關于后來為什么放棄使用mpvue。。。總結兩點吧。
最后也沒有深入的了解mpvue就勸退了。有點遺憾。不過能看出幾個優點:
調整心態正式開始決定使用wepy做小程序開發框架了。首先了解到的是 min,它有一套自己的開發方式,還有腳手架和各種命令。也做的單文件組件,只不過組件頁面和APP分成了三種不同后綴的文件。
一開始以為min只是一個組件庫而已,沒想到自成了一個開發方式和腳手架。雖然和wepy差不多,但還是想說就是先學會用wepy吧。然后將min裝進去用好了。min的官網也介紹了如何在wepy內使用min。
從wepy的官網一步下來,建好項目之后,有一頁示例,然后文檔慢慢看下來,把示例里的代碼基本都了解了,主要是組件間的通信和數據綁定功能。也沒遇到什么大問題,一個編譯方面的bug,花了點時間找到了,這個后面再講。
優點:
因為還沒深入,所以缺點就不說了,也不知道。。主要是一開始遇到一個Less熱更新的問題(又是熱更新)。
我設置了一個全局的app.less,在app.wpy內加入。然后app.less內又@import了一個less,然后修改了這個引入的less,沒有熱更新成功,后來發現,必須修改 app.less,才會成功更新上去。不知道別人有沒有遇到過。
寫完這篇之后才突然想起來,它是通過watch文件變動才去編譯相關的文件的,所以被引入的less改動監聽到了,也編譯了, 而app.less沒有改動,所以就沒有去做編譯,自然就沒更新上去。
決定用wepy來寫了,過程還算順利,寫熟練后,下周開始了。然后又花了半天時間寫了這篇。。。
沒有哪個框架好,哪個框架不好,其實就是看誰生態全唄。雖然暫時選擇了wepy,但是以后還是會繼續關注mpvue,或者把H5的一些組件庫移到mpvue里。就這樣~