h5和小程序的區別？

一、運行環境的不同

H5的運行環境是瀏覽器，包括webview，而微信小程序的運行環境并非完整的瀏覽器，因為小程序的開發過程中只用到一部分H5技術。

小程序的運行環境是微信開發團隊基于瀏覽器內核完全重構的一個內置解析器，針對性做了優化，配合自己定義的開發語言標準，提升了小程序的性能。

二、開發成本的不同

開發一個微信小程序，由于微信團隊提供了開發者工具，并且規范了開發標準，則簡單得多。前端常見的HTML、CSS變成了微信自定義的WXML、WXSS，WXML，官方文檔中都有明確的使用介紹，開發者按照說明專注寫程序就可以了。

需要調用后端接口時，調用發起請求API；需要上傳下載時，調用上傳下載API；需要數據緩存時，調用本地存儲API；引入地圖、使用羅盤、調用支付、調用掃碼等等功能都可以直接使用；UI庫方面，框架帶有自家weui庫加成。

并且在使用這些API時，不用考慮瀏覽器兼容性，不用擔心出現BUG，顯而易見微信小程序的開發成本相對低很多

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

微信小程序相對于H5能獲得更多的系統權限，比如網絡通信狀態、數據緩存能力等，這些系統級權限都可以和微信小程序無縫銜接。

而這一點恰巧是H5 被詬病的地方，這也是H5的大多應用場景被定位在業務邏輯簡單、功能單一的原因。

四、頁面體驗不同

H5網頁需要在瀏覽器中渲染，會給人明顯的「卡頓」感覺，面對復雜的業務邏輯或者豐富的頁面交互時尤為明顯。

而微信小程序，它的代碼直接在微信上運行，省去了通過瀏覽器渲染的步驟，因此，在微信中使用小程序，才會比H5流暢很多。

除了首次打開需要幾秒的加載時間外，小程序各個頁面的切換、跳轉等體驗已經媲美原生App，有著同樣的柔絲般順滑的效果。