新手轉戰小程序開發心得

小程序開發經驗

得(de)益于(yu)會react，會點(dian)jQuery，也會點(dian)vue，研(yan)究了(le)小程序，發現有(you)好(hao)有(you)壞。

這(zhe)個(ge)小(xiao)程(cheng)(cheng)序出(chu)來這(zhe)么久了，我第一次開(kai)始聯系(xi)它。我一點(dian)也不覺得學習(xi)太晚，因為(wei)在我完成了第一個(ge)小(xiao)程(cheng)(cheng)序項目后(hou)，我發現這(zhe)并不難。以后(hou)不要(yao)出(chu)去假裝強迫我做(zuo)一個(ge)小(xiao)程(cheng)(cheng)序！

也許(xu)每個開發者(zhe)都聽(ting)說小程序(xu)開發速度快(kuai)，產量高，經(jing)過自己(ji)的嘗試(shi)，發現了幾個關鍵點。

1.小程序有專門的開發工(gong)具:微信(xin)開發者工(gong)具

這種(zhong)開(kai)發(fa)(fa)工具(ju)集成(cheng)了小程序所需的(de)開(kai)發(fa)(fa)環境，優點是(shi)不需要(yao)像開(kai)發(fa)(fa)一(yi)樣react或(huo)者(zhe)vue絞盡腦汁的(de)配置webpack環境。缺點是(shi)這種(zhong)開(kai)發(fa)(fa)工具(ju)不太好用，寫記事本(ben)的(de)感覺。

2.小程序有官(guan)方基礎demo，可下(xia)載修改：官(guan)方基礎demo

一開始，我(wo)不(bu)知(zhi)道如何構建小程(cheng)序項目，然(ran)后我(wo)找到了它demo，將(jiang)源碼下載到本地，直接使(shi)用，不(bu)知(zhi)道有沒有cli。之(zhi)后，開發(fa)需(xu)要刪(shan)除源代(dai)碼的路由，保留主頁路由，然(ran)后開發(fa)。

3.新(xin)手只需要幾個小時就可(ke)以完(wan)成前兩步(bu)。如果你有經驗，你可(ke)以在幾分(fen)鐘內完(wan)成和開發。

4.小(xiao)程序(xu)(xu)有自己的組(zu)件(jian)庫:小(xiao)程序(xu)(xu)組(zu)件(jian)庫

組件(jian)庫的(de)(de)(de)優點是可(ke)以滿足(zu)沒有(you)設計(ji)師的(de)(de)(de)開發(fa)人(ren)員的(de)(de)(de)開發(fa)需求，盡管我覺得(de)這(zhe)些(xie)組件(jian)不是很(hen)容(rong)易使(shi)用，但對于那些(xie)不追求完美的(de)(de)(de)人(ren)來說(shuo)就足(zu)夠(gou)了。

有一套小(xiao)程(cheng)序API：小(xiao)程(cheng)序API

與組(zu)件庫(ku)相比，我認為API借助微(wei)信，是小程序(xu)最大的(de)貢(gong)獻。APP為了(le)載體的(de)優勢，包裝了(le)很多好用的(de)API，十八般武藝精通一(yi)切(qie)，文(wen)檔寫得很好。

再好的(de)小程序，也有它的(de)缺點。

1、小程(cheng)序框架不容易理(li)解

它的項(xiang)目結(jie)構沒(mei)有問(wen)題，問(wen)題在于(yu)文件名的重寫，css => wxss，HTML => wxml，很尷尬，因為(wei)我(wo)是一個非常喜歡本地開發的程序員，很難接受(shou)這個奇怪的文件，第一次看(kan)到wxss我(wo)還在想(xiang)這個東(dong)(dong)西(xi)是不是防止跨(kua)站(zhan)攻(gong)擊(ji)的東(dong)(dong)西(xi)。

2.配(pei)置(zhi)文件太多，學習難度大(da)

到處都(dou)是json文(wen)件(jian)，看起來很不(bu)舒服。

3、js寫的別扭

有個全(quan)局的(de)(de)App({})，還有單頁Page({})，你(ni)(ni)說你(ni)(ni)是(shi)vue嗎(ma)(ma)？感(gan)覺不(bu)(bu)是(shi)。看得karrylady.cn({})，你(ni)(ni)說你(ni)(ni)是(shi)react嗎(ma)(ma)？也(ye)不(bu)(bu)像啊。嘿，好像有點jQuery的(de)(de)影子，karrylady.cn用起來挺像jQuery，但(dan)不(bu)(bu)全(quan)是(shi)。像原(yuan)生(sheng)嗎(ma)(ma)？不(bu)(bu)像，所有API它們都(dou)是(shi)用面向對(dui)象的(de)(de)方法包裝的(de)(de)。如果是(shi)函(han)數(shu)編程，寫起來就是(shi)原(yuan)生(sheng)的(de)(de)js能很好的(de)(de)銜接。

對于這個 ** 四大天王(wang)高(gao)科技，但沒有copy完整的(de)(de)事情，如果沒有四大天王(wang)的(de)(de)基礎(chu)，就(jiu)寫下(xia)來js還(huan)是挺(ting)難的(de)(de)。幸運的(de)(de)是，我知道一(yi)切，接受(shou)這些(xie)知識并不難。

4、wxss沒什么好說(shuo)(shuo)的，說(shuo)(shuo)說(shuo)(shuo)吧wxml，有(you)人說(shuo)(shuo)像(xiang)react-native，有(you)人說(shuo)(shuo)像(xiang)vue，有(you)人說(shuo)(shuo)像(xiang)angular，想(xiang)讓我說(shuo)(shuo)，看到(dao)這個(ge)東西，我懷疑自(zi)己學到(dao)了什么。html沒用。

5.小(xiao)程(cheng)序還修改了許多(duo)原(yuan)始(shi)方法，如事件(jian)函數，統一使用bind-event寫作方法。不(bu)舒服想哭(ku)，小(xiao)程(cheng)序的好處在于有詳細的文檔來描述這些變(bian)化(hua)，壞(huai)(huai)處在于破壞(huai)(huai)了原(yuan)始(shi)開發者的習(xi)慣。

只有忘記過去，才能學會小程(cheng)序(xu)。

上海西陸(lu)信(xin)息(xi)科(ke)技(ji)有限公(gong)司 承(cheng)接各類微信(xin)小程序開(kai)發制作、小程序定制、APP 網站 開(kai)發制作，聯系(xi)電話(hua) 18221533805、15900430334