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