本文由廣研微信小程序的開(kāi)發(fā)團(tuán)隊(duì)所做,作者為UI開(kāi)發(fā)工程師王婷婷。本文從UI開(kāi)發(fā)的角度,結(jié)合OM小程序的案例,剖析小程序的組件用法與傳統(tǒng)HTML5標(biāo)簽的區(qū)別。 小程序與傳統(tǒng)HTML5的區(qū)別小程序剛開(kāi)放公測(cè),互聯(lián)網(wǎng)圈內(nèi)開(kāi)始了各種解讀和猜測(cè)。其中有觀點(diǎn)認(rèn)為小程序和html5有著緊密關(guān)聯(lián),甚至小程序就是基于Html5開(kāi)發(fā)。 經(jīng)過(guò)仔細(xì)研究文檔和代碼開(kāi)發(fā),從視圖層的角度來(lái)說(shuō),小程序與傳統(tǒng)HTML5還是有明顯的區(qū)別,主要區(qū)別在于: 1、開(kāi)發(fā)工具不同; 區(qū)別于H5的開(kāi)發(fā)工具+瀏覽器Device Mode預(yù)覽的模式,小程序的開(kāi)發(fā)基于自己的開(kāi)發(fā)者工具,可以實(shí)現(xiàn)同步本地文件+開(kāi)發(fā)調(diào)試+編譯+預(yù)覽+上傳+發(fā)布等一整套流程。 2、開(kāi)發(fā)語(yǔ)言不同; 小程序自己開(kāi)發(fā)了一套WXML標(biāo)簽語(yǔ)言和WXSS樣式語(yǔ)言,并非直接使用標(biāo)準(zhǔn)的HTML5+CSS3。 3、組件封裝不同; 小程序獨(dú)立出來(lái)了很多原生APP的組件,在HTML5需要模擬才能實(shí)現(xiàn)的功能,小程序里可以直接調(diào)用組件。 小程序開(kāi)發(fā)者工具 微信小程序的開(kāi)發(fā)工具,基于MINA框架(現(xiàn)已取消該名稱),現(xiàn)在官方公布的工具名為 微信web開(kāi)發(fā)者工具 。小程序開(kāi)發(fā)工具是一種基于Native System系統(tǒng)層的框架,由于并非運(yùn)行在瀏覽器中,所以JavaScript在web中的一些諸如Document、Window等方法無(wú)法使用。 |