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