我從技術(shù)角度聊聊小程序.先來(lái)個(gè)開(kāi)發(fā)界面截圖.工程項(xiàng)目,編輯開(kāi)發(fā),運(yùn)行調(diào)試,打包部署...開(kāi)發(fā)模式一條龍,完整的IDE.再看看使用的語(yǔ)言,技術(shù)規(guī)范...雖然借鑒了react,vue等前端理念,但事實(shí)上他是一套完全封閉的技術(shù)體系,這套體系只能用于開(kāi)發(fā)小程序.啊!!!場(chǎng)景何其熟悉...android開(kāi)發(fā)借鑒了java的技術(shù)理念和規(guī)范,但卻是完全獨(dú)立封閉的技術(shù)體系,只能用于開(kāi)發(fā)安卓OS下的app...說(shuō)到這里,大家明白了.微信已經(jīng)是個(gè)OS.有自己的開(kāi)發(fā)模式,有自己的開(kāi)發(fā)語(yǔ)言,有自己的API.比起安卓更可怕的是,微信是個(gè)云端OS.所有的開(kāi)發(fā),部署,接口,數(shù)據(jù)流轉(zhuǎn)都是基于微信這么個(gè)超級(jí)云服務(wù)上.======================下完定義的分割線=====================Q : 小程序真的是用H5開(kāi)發(fā)嗎?A : 答案顯然是NO.小程序用的是一套全新的技術(shù)規(guī)范和技術(shù)架構(gòu),它是微信自有的,它借鑒了許多前端開(kāi)發(fā)的技術(shù)理念,例如他用react實(shí)現(xiàn)"組件",例如用vue實(shí)現(xiàn)標(biāo)簽式邏輯與數(shù)據(jù)綁定,甚至用CMD的require作為面向?qū)ο蟮膉s引入.你可以說(shuō)它用javascript語(yǔ)言和標(biāo)簽語(yǔ)言和css語(yǔ)言來(lái)寫(xiě)程序,你可以說(shuō)它90%跟web前端開(kāi)發(fā)一樣,你也可以說(shuō)任何一個(gè)有經(jīng)驗(yàn)的web前端只需要花費(fèi)十分鐘時(shí)間就能快速上手小程序開(kāi)發(fā),但他依然不是標(biāo)準(zhǔn)化的H5+css3+javascript,也就是說(shuō)小程序其實(shí)和w3c規(guī)范的那個(gè)html5+css3沒(méi)半毛錢(qián)關(guān)系.我這么說(shuō),論據(jù)有以下幾個(gè):小程序中沒(méi)法使用dom,而且頁(yè)面也不是基于window,document這些內(nèi)置對(duì)象來(lái)做編程.這意味著現(xiàn)有前端領(lǐng)域的絕大部分第三方框架如Jquery,Zepto都是不能用的,就更不用提其他UI類(lèi)的框架了(例如各種滾屏框架,chart圖表框架,富文本框架等).另外,小程序的javascript上下文中自帶了wx對(duì)象,也就是原來(lái)公眾號(hào)開(kāi)發(fā)中js-sdk的主對(duì)象.小程序的標(biāo)簽不是html,它是借鑒react理念定義出來(lái)的一整套新的標(biāo)簽庫(kù),它只能運(yùn)行在微信的瀏覽器下.這意味著我們以往在服務(wù)號(hào),企業(yè)號(hào)或者通過(guò)瀏覽器訪問(wèn)的前端項(xiàng)目代碼,無(wú)法直接移植到小程序.參考以上代碼,小程序的頁(yè)面以page為主體對(duì)應(yīng)html的body,以view標(biāo)簽對(duì)應(yīng)html的div做區(qū)域布局,以各種form,input,silder等標(biāo)簽對(duì)應(yīng)html中各種組件標(biāo)簽.理念很相似,但細(xì)節(jié)相差巨大.參考以上代碼,小程序的頁(yè)面以page為主體對(duì)應(yīng)html的body,以view標(biāo)簽對(duì)應(yīng)html的div做區(qū)域布局,以各種form,input,silder等標(biāo)簽對(duì)應(yīng)html中各種組件標(biāo)簽.理念很相似,但細(xì)節(jié)相差巨大.html+css+js 和 wxml+wxss+js .如上圖,官方demo中一個(gè)標(biāo)準(zhǔn)頁(yè)面對(duì)應(yīng)的代碼是這些.如上圖,官方demo中一個(gè)標(biāo)準(zhǔn)頁(yè)面對(duì)應(yīng)的代碼是這些.微信小程序定義了自己的一套模型,理念上學(xué)習(xí)了主流前端開(kāi)發(fā)中數(shù)據(jù)/樣式/控制分離,并且省去了各類(lèi)繁瑣的關(guān)聯(lián)配置,而是從規(guī)范上規(guī)定了每個(gè)"頁(yè)面"需要有同名的三個(gè)文件,各司其職.目前從觀察上發(fā)現(xiàn),.js文件采用的依然是標(biāo)準(zhǔn)的javascript語(yǔ)法,wxss中采用了標(biāo)準(zhǔn)的css語(yǔ)法(我相信只是部分使用,因?yàn)閏ss本身也是基于dom的選擇器語(yǔ)言),而wxml與html的區(qū)別則比較大.小程序的頁(yè)面是基于本地的,無(wú)需通過(guò)服務(wù)端請(qǐng)求.任何頁(yè)面跳轉(zhuǎn)都可以不通過(guò)服務(wù)端交互.這無(wú)疑比起服務(wù)號(hào)/企業(yè)號(hào)等基于h5的模式擁有更佳的用戶體驗(yàn),或許接近原生app的體驗(yàn).如上圖,我在demo中點(diǎn)擊頁(yè)面跳轉(zhuǎn)時(shí)network欄中都顯示沒(méi)有任何http交互.如上圖,我在demo中點(diǎn)擊頁(yè)面跳轉(zhuǎn)時(shí)network欄中都顯示沒(méi)有任何http交互.Q : 原有做服務(wù)號(hào)/企業(yè)號(hào)開(kāi)發(fā)的工程師如何切換到小程序開(kāi)發(fā)?A : 前面說(shuō)過(guò)由于小程序采用完全獨(dú)有技術(shù)架構(gòu)而非h5,所以原有的服務(wù)號(hào)/企業(yè)號(hào)應(yīng)用是無(wú)法直接遷移到小程序的.小程序的開(kāi)發(fā)也不是采用h5+css3+javascript的模式.不過(guò)從技術(shù)理念和開(kāi)發(fā)模式上看,有經(jīng)驗(yàn)的前端開(kāi)發(fā)人員可以快速切換到小程序開(kāi)發(fā).下面簡(jiǎn)單列一下一個(gè)前端開(kāi)發(fā)工程師開(kāi)發(fā)一個(gè)小程序的順序:創(chuàng)建一個(gè)模塊(頁(yè)面).前端開(kāi)發(fā)是以"頁(yè)面"為單位,我身邊的工程師在談?wù)撟约汗ぷ髁亢苤氐臅r(shí)候喜歡說(shuō)"我周末又得加班了,我還有X個(gè)頁(yè)面沒(méi)做...".同樣的,小程序也是以"頁(yè)"作為工作計(jì)量單位的.創(chuàng)建模塊(test)即會(huì)創(chuàng)建出三個(gè)文件test.js,test.wxml,test.wxss.切圖,還是得切圖.UI給出的設(shè)計(jì)圖,以前怎么切還是得怎么切,切完把html拷到wxml文件中,把css拷貝到wxss文件中,image也按照示例工程的規(guī)范放到對(duì)應(yīng)位置.然后就是暫時(shí)我也不知道應(yīng)該如何更高效處理的步驟,就是把html的div,form,input,select等等的標(biāo)簽替換成view,text,image等等的自有組件.把css修改成以class為主體的wxss.讓小程序跑起來(lái).js文件寫(xiě)入簡(jiǎn)單的初始化邏輯,直接用微信開(kāi)發(fā)工具讓小程序跑起來(lái).OK,接下來(lái)就是根據(jù)設(shè)計(jì)圖的細(xì)節(jié),逐步調(diào)整小程序"頁(yè)面"的美術(shù)效果了.綁入事件,加入交互控制的邏輯.和web前端開(kāi)發(fā)一樣,小程序的交互控制也是事件驅(qū)動(dòng)的,也是綁定各種按鈕的onclick事件(小程序里面用bindtap),然后,在test.js里面處理各種交互邏輯.綁入數(shù)據(jù).數(shù)據(jù)哪來(lái)呢?也許是頁(yè)面初始化的時(shí)候通過(guò)request(ajax)從服務(wù)端請(qǐng)求而來(lái).目前官方的demo中只說(shuō)了數(shù)據(jù)請(qǐng)求采用內(nèi)置的request,但沒(méi)有具體的交互示例.不過(guò)不用猜也知道應(yīng)該是通過(guò)http+json的模式來(lái)走.相當(dāng)于小程序內(nèi)置封裝了ajax交互的接口.請(qǐng)求回來(lái)的數(shù)據(jù),通過(guò)標(biāo)簽式的邏輯和模板數(shù)據(jù)的方式填入頁(yè)面,這個(gè)其實(shí)是借鑒了vue的理念,如下圖.獲取數(shù)據(jù)后,小程序通過(guò)對(duì)組件setData的方式將數(shù)據(jù)裝入組件中.這是小程序開(kāi)發(fā)和web前端開(kāi)發(fā)最大的不同,小程序是基于組件的,web前端是基于dom的.獲取數(shù)據(jù)后,小程序通過(guò)對(duì)組件setData的方式將數(shù)據(jù)裝入組件中.這是小程序開(kāi)發(fā)和web前端開(kāi)發(fā)最大的不同,小程序是基于組件的,web前端是基于dom的.最后列舉一些小程序開(kāi)發(fā)借鑒h5但可以發(fā)揮出比h5更強(qiáng)功力的功能. 1) 本地存儲(chǔ)localStorage.這是h5的特色功能,但即將會(huì)在小程序身上發(fā)光發(fā)熱.由于小程序的頁(yè)面都是本地化存儲(chǔ),這意味著在沒(méi)有網(wǎng)絡(luò)的環(huán)境下也可以使用.那么結(jié)合本地存儲(chǔ),小程序可以滿足暫時(shí)斷網(wǎng)或網(wǎng)絡(luò)情況較差的場(chǎng)景需求.這是做服務(wù)號(hào)開(kāi)發(fā)所無(wú)法實(shí)現(xiàn)的. 2) 圖形化canvas.小程序運(yùn)行在微信上,微信不僅是一個(gè)web瀏覽器,它有能力向圖像化功能提供更好的效果和更優(yōu)的性能. 3) 服務(wù)端主動(dòng)推送websocket.官方的demo中對(duì)于websocket功能的展望是說(shuō)可以實(shí)現(xiàn)實(shí)時(shí)IM對(duì)話.呵呵.不難理解.展望吧.呵呵.不難理解.展望吧. 4) 比服務(wù)號(hào)jssdk更豐富的原生能力.地理位置,重力感應(yīng),陀螺儀,本地文件...太多可以期待的能力了.(未完,待補(bǔ)...今天花太多時(shí)間寫(xiě)東西了,得趕緊去干活...)===================廣告的分割線===================關(guān)注我的公眾號(hào),請(qǐng)搜索 : 全棧生姜頭 http://weixin.qq.com/r/3TkOFovEXdYirc9192zP (二維碼自動(dòng)識(shí)別)公眾號(hào)原文：微信小程序來(lái)了!!!程序猿們你們路在何方? [前端篇]

微信的想法：手機(jī)開(kāi)機(jī) —> 微信 —> （社交+購(gòu)物+吃飯+金融...） —> 手機(jī)關(guān)機(jī) —> 循環(huán)以上步驟別的公司的想法： 微信 —> 小程序 —> 獲得粉絲 —> 完整版請(qǐng)下載APP但凡智商正常的公司決策人，會(huì)被微信捏著蛋么？

先貼一個(gè)小程序開(kāi)發(fā)新鮮教程https://my.oschina.net/wwnick/blog/750055?from=timeline&isappinstalled=0看完教程先寫(xiě)寫(xiě)我的直觀體驗(yàn):1.微信小程序做法應(yīng)該和react native一致，因?yàn)轶w驗(yàn)為原生控件，微信采用XML標(biāo)記語(yǔ)言而不是HTML，所以你在XML寫(xiě)HTML標(biāo)記是沒(méi)有用的。微信自己利用XML去解析渲染。2.開(kāi)發(fā)工具，果然很人性化。但是應(yīng)該是初期，有一些如自動(dòng)刷新沒(méi)加入。3.不支持npm安裝第三方依賴，微信應(yīng)該有憂慮，但是目前情況來(lái)看，第三庫(kù)是用不了了。學(xué)好原生JS才是王道。4.感覺(jué)模仿vue數(shù)據(jù)驅(qū)動(dòng)開(kāi)發(fā)，因此angular2和vue開(kāi)發(fā)經(jīng)驗(yàn)的同學(xué)基本可以秒上手。個(gè)人觀點(diǎn)歡迎吐槽

關(guān)于微信小程序。從安卓機(jī)器的生態(tài)環(huán)境角度來(lái)看，未來(lái)可期：原因1現(xiàn)在國(guó)內(nèi)的安卓上面各種app毫無(wú)顧忌的拿各種隱私（比如通訊錄，短信權(quán)限，地理位置，麥克風(fēng)，攝像頭，照片），有時(shí)候一個(gè)搞天氣的都需要讀通訊錄和短信，受不了。2大量毫無(wú)顧忌的強(qiáng)占后臺(tái)資源（死不退出內(nèi)存，隨時(shí)后臺(tái)復(fù)活），最后導(dǎo)致機(jī)器卡的要死3更別說(shuō)有的不良APP自動(dòng)或被動(dòng)的背后亂搞流量或其他灰色動(dòng)作等。講的嚴(yán)重一點(diǎn)，國(guó)內(nèi)安卓APP市場(chǎng)有點(diǎn)失控。給用戶帶來(lái)的最大的壓力感受的就是卡，其次是安全隱憂，反正不管多好多高端的安卓手機(jī)，安裝多了APP，最后都是卡的很。（反面也促進(jìn)了360騰訊管家這種程序的活的很滋潤(rùn)）等小程序來(lái)了，如果用戶使用體驗(yàn)上（這一點(diǎn)非常重要，是一切的前提）能夠和原生app在ios上那種使用體驗(yàn)無(wú)差。那么將會(huì)有大量的安卓機(jī)用戶為了機(jī)器流暢性，把相當(dāng)一部分中低頻的app拿掉然后換位使用小程序。至于小程序在微信的位置路徑等等，我覺(jué)得都不是問(wèn)題。大不了微信將來(lái)允許小程序弄一個(gè)快捷圖標(biāo)丟到手機(jī)桌面上來(lái)，然后你一點(diǎn)就打開(kāi)微信中對(duì)應(yīng)小程序即可，體驗(yàn)還更好。關(guān)鍵的關(guān)鍵還是小程序里面的使用體驗(yàn)?zāi)芊褡龅筋?lèi)似在iOS上的同款A(yù)PP的使用體驗(yàn)？能，未來(lái)可期。



早上被微信應(yīng)用號(hào)（官方稱為微信小程序）的消息給刷屏了，似乎一個(gè)顛覆性的時(shí)刻又要來(lái)臨。做為這個(gè)世界一部分，有著豐富的被改變經(jīng)驗(yàn)，對(duì)這一切已經(jīng)產(chǎn)生免疫了。在所有人都對(duì)微信應(yīng)用號(hào)看多的時(shí)候，持著一些看空的觀點(diǎn)，不吐不快。在微信應(yīng)用號(hào)之前，其實(shí)之前騰訊做過(guò)一款應(yīng)用平臺(tái)性質(zhì)的東西，叫Qplus，不知道大家還記不記得。我想當(dāng)時(shí)Qplus懷著一顆并不比今天微信平臺(tái)更小的野心，但時(shí)至今日，不知道多少人還記得這個(gè)東西。當(dāng)然，相比較Qplus，微信應(yīng)用號(hào)依然有著不少進(jìn)步的地方。如，無(wú)需手動(dòng)安裝程序，所有功能全靠H5實(shí)現(xiàn)，對(duì)用戶端的操作和要求更輕；同時(shí)，微信的體驗(yàn)比QQ更好，應(yīng)用號(hào)的體驗(yàn)當(dāng)然也會(huì)比Qplus更好。在這么多種種利好的基礎(chǔ)上，大家當(dāng)然有看多的基礎(chǔ)，微信是一個(gè)成功的平臺(tái)嗎？當(dāng)然是。但微信應(yīng)用號(hào)也會(huì)如大家期望的那樣，成為取代APP的未來(lái)應(yīng)用生態(tài)嗎？縱然微信有著開(kāi)發(fā)門(mén)檻更低，獲客成本更低優(yōu)勢(shì)，但是覺(jué)得可能性很小，會(huì)重蹈Qplus之路。理由如幾下點(diǎn)：1、 從競(jìng)爭(zhēng)的角度講，蘋(píng)果會(huì)不會(huì)讓載有微信應(yīng)用號(hào)（叫微信小程序而不是微信應(yīng)用號(hào)大概也是規(guī)避蘋(píng)果的注意力）這個(gè)APP生態(tài)平臺(tái)的上線我覺(jué)得是一個(gè)問(wèn)號(hào)，這個(gè)是一個(gè)和APPstore有直接競(jìng)爭(zhēng)關(guān)系的功能。且在微信應(yīng)用號(hào)上發(fā)布的應(yīng)用功能受微信審核不受APPstore審核，這種越級(jí)行為蘋(píng)果真的能容忍嗎？我看不能吧。且不說(shuō)這種行為從根本上挑戰(zhàn)蘋(píng)果的監(jiān)管，而且微信應(yīng)用號(hào)這個(gè)生態(tài)是為挑戰(zhàn)蘋(píng)果APPstore生態(tài)的，是可忍孰不可忍。大家都忘了當(dāng)初阿里云發(fā)布時(shí)谷歌的反應(yīng)了嗎？你想在我的平臺(tái)玩你得守規(guī)矩，不然只能讓你胎死腹中了。2、 從商家和公司的角度講，開(kāi)發(fā)微信應(yīng)用號(hào)縱然可以在短期內(nèi)降低獲客成本和開(kāi)發(fā)成本，但是將公司的未來(lái)放在一家渠道商手里而不是自己手里真的明智嗎？要知道微信有著經(jīng)常系統(tǒng)抖動(dòng)的歷史，對(duì)于這樣一家裁判經(jīng)常下場(chǎng)幫運(yùn)動(dòng)員踢球的裁判，做為商家你真的敢在這個(gè)平臺(tái)玩嗎？3、 從用戶的角度講，微信應(yīng)用號(hào)帶來(lái)了什么？更好的體驗(yàn)還是更便捷？我可以一邊玩手機(jī)APP一邊聊微信，那我可以一邊玩微信應(yīng)用號(hào)一邊聊微信嗎？好像我想邊看文章邊聊微信的痛點(diǎn)都沒(méi)有解決掉。我打開(kāi)一個(gè)APP手指滑動(dòng)一下就可以了，那我打開(kāi)微信應(yīng)用號(hào)里的應(yīng)用需要幾個(gè)步驟，打開(kāi)微信->找到應(yīng)用號(hào)所在位置->找到具體的應(yīng)用號(hào)，最少也要三個(gè)步驟，所以微信應(yīng)用號(hào)在便捷性這個(gè)角度講不會(huì)比打開(kāi)管理一個(gè)APP更便捷。4、 從生態(tài)的角度講，即便讓微信應(yīng)用號(hào)發(fā)展起來(lái)了，最大的結(jié)果是什么？結(jié)果不過(guò)是另外一個(gè)APPstore，并沒(méi)有顛覆誰(shuí)，重復(fù)造輪子而已。H5相比較APP的優(yōu)勢(shì)不過(guò)將運(yùn)行的環(huán)境要求更多從用戶端移動(dòng)到了服務(wù)端，對(duì)于用戶而言，并沒(méi)有帶來(lái)體驗(yàn)上質(zhì)的提升。同樣，微信應(yīng)用號(hào)的獲客成本低原因在于微信應(yīng)用號(hào)目前是一個(gè)空白領(lǐng)域，數(shù)量少的關(guān)系導(dǎo)致的獲客成本低，數(shù)量多了獲客成本必然升高。你要知道，windows 應(yīng)用商店現(xiàn)在獲客成本也不高，但是靠這種起點(diǎn)低帶來(lái)的短暫優(yōu)勢(shì)去挑戰(zhàn)一個(gè)成熟的平臺(tái)，成功的可能性能有多大？當(dāng)然，并不是說(shuō)微信應(yīng)用號(hào)就沒(méi)有優(yōu)勢(shì)。做為一個(gè)有巨大流量的渠道，即便被分流了很多，帶來(lái)的流量依然會(huì)比創(chuàng)業(yè)公司的流量大很多。但是就跟微信引入廣告一樣，第一次進(jìn)入微信做廣告的寶馬被大家刷屏記住了，但是后面微信的廣告被用戶點(diǎn)擊瀏覽的效果會(huì)越來(lái)越差。因此微信應(yīng)用號(hào)從短期來(lái)說(shuō)，是一個(gè)中小型創(chuàng)業(yè)公司搶占流量的機(jī)會(huì)，但是長(zhǎng)期來(lái)說(shuō)，微信應(yīng)用號(hào)是一個(gè)業(yè)務(wù)成熟公司警惕、棄用且被用戶遺忘的角落，前提是蘋(píng)果不封殺這個(gè)。

總結(jié)

以上是生活随笔為你收集整理的微信小程序(应用号)价值是什么? 财富值37的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。