小程序和HTML5它們之間的區(qū)別

2016-10-13    分類: 小程序開發(fā)

在移動端兩大最具特色的推廣方式,也是現(xiàn)在最熱門的話題微信小程序和HTML5,都是手機(jī)移動端現(xiàn)在流行的兩種推廣方法,那么我們今天從技術(shù)的角度來看看微信小程序和HTML5他們有哪些區(qū)別。

1、運行環(huán)境不同

傳統(tǒng)的HTML5的運行環(huán)境是瀏覽器,而微信小程序的運行環(huán)境并非完整的瀏覽器

小程序在開發(fā)過程中會用到一些HTML5相關(guān)的技術(shù)(并非全部)

小程序最后發(fā)布上線需微信審核,微信在不更新自身軟件的情況下可以將小程序自身軟件內(nèi)

腳本內(nèi)無法使用window、document對象(基于這一點,像zepto/jquery這種操作dom的庫就被完全拋棄了)

2、開發(fā)成本不同

當(dāng)我們面對一個HTML5 web開發(fā)需求時,我們需要考慮什么呢?拋去開發(fā)工具(vscode、sublimtext、Atom等)不談,大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務(wù)管理工具(Grunt、Gulp等),小到UI庫選擇、接口調(diào)用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要我們一一考略,再不濟(jì)用jqery插件寫H5,也要在開發(fā)過程中去尋找合適的jquery插件來配合項目。盡管這些工具可定制化非常高,并且提高了開發(fā)者的開發(fā)效率,但我相信項目開發(fā)的配置工作已經(jīng)消耗了不少精力,盡管大部分開發(fā)者都有自己的配置模板,但長久以來對于項目中使用的各種外部庫的版本迭代、版本升級所產(chǎn)生的成本應(yīng)該也不低。

當(dāng)需要調(diào)用后端接口時,調(diào)用發(fā)起請求API

當(dāng)需要上傳下載時,調(diào)用上傳下載API

當(dāng)需要數(shù)據(jù)緩存時,調(diào)用本地存儲API

引入地圖、使用羅盤、調(diào)用支付、調(diào)用掃碼等等功能都可以直接使用

UI庫方面,框架自然帶有自家weui庫加成

并且在使用這些API時,你不用再去顧慮瀏覽器兼容性,不用擔(dān)心生產(chǎn)環(huán)境中出現(xiàn)不可預(yù)料的奇妙BUG,可見微信小程序的開發(fā)成本確實相比以往的web開發(fā)低很多。

3、獲取系統(tǒng)級權(quán)限的不同

微信小程序相對于HTML5 web應(yīng)用能獲得更多的系統(tǒng)權(quán)限,比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等,這些系統(tǒng)級權(quán)限都可以和微信小程序無縫銜接,而這一點恰巧是HTML5 web應(yīng)用經(jīng)常被詬病的地方,這也是HTML5的大多應(yīng)用場景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。

4、應(yīng)用在生產(chǎn)環(huán)境的運行流暢度

長久以來,當(dāng)HTML5應(yīng)用面對復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時,它的體驗總是不盡人意,需要不斷的對項目優(yōu)化來提升用戶體驗。但是由于微信小程序運行環(huán)境獨立,盡管同樣用html+css+js去開發(fā),但配合微信的解析器最終渲染出來的是原生組件的效果,自然體驗上將會更進(jìn)一步。

網(wǎng)頁題目:小程序和HTML5它們之間的區(qū)別
當(dāng)前路徑:http://www.bm7419.com/news21/51921.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有做網(wǎng)站、小程序開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設(shè)