微信小程序開發(fā)和h5開發(fā)的區(qū)別

　　h5和小程序的區(qū)別?

　　一、運(yùn)行環(huán)境的不同

　　H5的運(yùn)行環(huán)境是瀏覽器，包括webview，而微信小程序的運(yùn)行環(huán)境并非完整的瀏覽器，因?yàn)樾〕绦虻拈_發(fā)過程中只用到一部分H5技術(shù)。

　　小程序的運(yùn)行環(huán)境是微信開發(fā)團(tuán)隊(duì)基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對性做了優(yōu)化，配合自己定義的開發(fā)語言標(biāo)準(zhǔn)，提升了小程序的性能。

　　二、開發(fā)成本的不同

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

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

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

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

　　微信小程序相對于H5能獲得更多的系統(tǒng)權(quán)限，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級權(quán)限都可以和微信小程序無縫銜接。

　　而這一點(diǎn)恰巧是H5 被詬病的地方，這也是H5的大多應(yīng)用場景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。

　　四、頁面體驗(yàn)不同

　　H5網(wǎng)頁需要在瀏覽器中渲染，會給人明顯的「卡頓」感覺，面對復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時(shí)尤為明顯。

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

　　除了首次打開需要幾秒的加載時(shí)間外，小程序各個(gè)頁面的切換、跳轉(zhuǎn)等體驗(yàn)已經(jīng)媲美原生App，有著同樣的柔絲般順滑的效果。

　　app內(nèi)的h5頁面和微信開發(fā)的h5頁面有什么不同?

　　無論是公共號還是H5開發(fā)都是使用的網(wǎng)頁開發(fā)，本質(zhì)上是一樣的，差別可能在于有對使用環(huán)境做限制；比如公共號里面的網(wǎng)頁可能限制了只能在客戶端里面打開，才可以實(shí)現(xiàn)微信登錄，支付等等功能；但H5可能就沒有這些限制；H5還可以內(nèi)嵌在APP殼子里面，成為一個(gè)獨(dú)立的APP，完全脫離微信客戶端，就可以獨(dú)立實(shí)現(xiàn)一些原生APP才有的功能；如果是H5可以試一試一門APP打包；