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

　　1、運行環境不同

　　傳統的HTML5的運行環境是瀏覽器，而微信小程序的運行環境并非完整的瀏覽器

　　小程序在開發過程中會用到一些HTML5相關的技術（并非全部）

　　小程序最后發布上線需微信審核，微信在不更新自身軟件的情況下可以將小程序自身軟件內

　　腳本內無法使用window、document對象（基于這一點，像zepto/jquery這種操作dom的庫就被完全拋棄了）

　　2、開發成本不同

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

　　當需要調用后端接口時，調用發起請求API

　　當需要上傳下載時，調用上傳下載API

　　當需要數據緩存時，調用本地存儲API

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

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

　　并且在使用這些API時，你不用再去顧慮瀏覽器兼容性，不用擔心生產環境中出現不可預料的奇妙BUG，可見微信小程序的開發成本確實相比以往的web開發低很多。

　　3、獲取系統級權限的不同

　　微信小程序相對于HTML5 web應用能獲得更多的系統權限，比如網絡通信狀態、數據緩存能力等，這些系統級權限都可以和微信小程序無縫銜接，而這一點恰巧是HTML5 web應用經常被詬病的地方，這也是HTML5的大多應用場景被定位在業務邏輯簡單、功能單一的原因。

　　4、應用在生產環境的運行流暢度

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