在移動端兩大最具特色的推廣方式，也是現(xiàn)在最熱門的話題微信小程序和HTML5，都是手機移動端現(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等）、瀏覽器兼容性等都要我們一一考略，再不濟用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ā)，但配合微信的解析器最終渲染出來的是原生組件的效果，自然體驗上將會更進一步。