最近這兩年前端技術(shù)都比較偏向小程序了。
那小程序與傳統(tǒng)的H5網(wǎng)頁(yè)有什么不同呢？下面我們就來(lái)做一下對(duì)比：
運(yùn)行環(huán)境的不同小程序: 小程序的運(yùn)行環(huán)境是基于瀏覽器內(nèi)核完全重構(gòu)的一個(gè)內(nèi)置解析器，針對(duì)性做了優(yōu)化，配合自己定義的開(kāi)發(fā)語(yǔ)言標(biāo)準(zhǔn)，提升了小程序的性能。
腳本內(nèi)無(wú)法使用瀏覽器中常用的window對(duì)象和document對(duì)象，從源頭上避免了DOM的內(nèi)存泄漏。
H5: 無(wú)法控制開(kāi)發(fā)人員對(duì)DOM的操作，容易出現(xiàn)內(nèi)存泄漏，在SPA單頁(yè)應(yīng)用還存在頁(yè)面加載慢的問(wèn)題。
開(kāi)發(fā)成本的不同小程序: 小程序規(guī)范了開(kāi)發(fā)標(biāo)準(zhǔn)，則簡(jiǎn)單得多。
前端常見(jiàn)的HTML、CSS變成了微信自定義的WXML、WXSS，這樣避免了框架五花八門(mén)，加大了項(xiàng)目接手人員上手維護(hù)難度。
支付寶小程序可能是AXML、ACSS；頭條小程序可能是TTML、TTSS等。
H5: 涉及開(kāi)發(fā)工具（vscode、Atom等）、前端框架（Angular、react等）、模塊管理工具（Webpack 、Browserify 等）、任務(wù)管理工具（Grunt、Gulp等），還有UI庫(kù)選擇、接口調(diào)用工具（ajax、Fetch Api等）、瀏覽器兼容性。
獲取系統(tǒng)級(jí)權(quán)限的不同小程序: 更多的系統(tǒng)權(quán)限，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級(jí)權(quán)限都可以和小程序無(wú)縫銜接。
H5: 獲取系統(tǒng)權(quán)限是大多H5被詬病的地方，這也是H5的大多應(yīng)用場(chǎng)景被定位在業(yè)務(wù)邏輯簡(jiǎn)單、功能單一的原因。
運(yùn)行流暢度的不同小程序: 小程序，它的代碼直接在APP上運(yùn)行，通過(guò)瀏覽器雙線程UI渲染和業(yè)務(wù)邏輯分離等技術(shù)，因此，在微信中使用小程序，才會(huì)比H5流暢很多,首次打開(kāi)需要幾秒的加載時(shí)間外，小程序各個(gè)頁(yè)面的切換、跳轉(zhuǎn)等體驗(yàn)已經(jīng)媲美原生App，有著同樣的柔絲般順滑的效果。
H5: 實(shí)際上是打開(kāi)一個(gè)網(wǎng)頁(yè)，而網(wǎng)頁(yè)需要在瀏覽器中渲染。
所以加載這一過(guò)程，會(huì)給人明顯的「卡頓」感覺(jué)，面對(duì)復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁(yè)面交互時(shí)尤為明顯。
運(yùn)維方式不同小程序: 小程序支持灰度發(fā)布、AB測(cè)試，在出現(xiàn)異常情況下可以實(shí)時(shí)在管理界面上操作回退。
H5: H5如果出現(xiàn)異常問(wèn)題，需要運(yùn)維人員在生產(chǎn)環(huán)境重新部署回滾系統(tǒng)，要?jiǎng)拥缴a(chǎn)環(huán)境的系統(tǒng)部署，有較大的風(fēng)險(xiǎn)。
用戶(hù)體驗(yàn)不同小程序: 由于微信的關(guān)系，小程序近幾年大火，用戶(hù)的接受度和認(rèn)可度都非常高，而且小程序的體驗(yàn)確實(shí)要比h5好很多，小程序下載到本地可以緩存，因此用戶(hù)體驗(yàn)也更平滑，更關(guān)鍵的是，用戶(hù)對(duì)小程序的收藏等操作會(huì)更自然，體驗(yàn)更好，不用擔(dān)心收藏后的東西不好找等情況。
H5: H5傳統(tǒng)上給人感覺(jué)加載始終比較卡，而且H5一旦點(diǎn)擊退出去后經(jīng)常會(huì)比較難找到對(duì)應(yīng)入口，特別是鏈接深度比較深，用戶(hù)在里面一直點(diǎn)擊后，用戶(hù)一旦退出也很難找到自己關(guān)注的東西。
而小程序又是寄生于宿主App內(nèi)，即用即走，不需要花費(fèi)長(zhǎng)時(shí)間去下載安裝應(yīng)用，所以小程序現(xiàn)在深受用戶(hù)喜愛(ài)。
那我們除了將小程序上架到微信、支付寶、百度、頭條等這種平臺(tái)，有沒(méi)有其他SDK或者技術(shù)能夠讓自家的應(yīng)用也能夠支持小程序呢？答案是有，那就是凡泰小程序開(kāi)發(fā)平臺(tái)。
凡泰小程序開(kāi)發(fā)平臺(tái)原本是計(jì)劃幫助金融行業(yè)去做應(yīng)用升級(jí)、優(yōu)化，提高用戶(hù)體驗(yàn)效果。
后來(lái)，凡泰對(duì)小程序平臺(tái)做了拆分和優(yōu)化，目前已經(jīng)支持小程序管理平臺(tái)私有化部署，也推出了iOS 和 Android 小程序SDK。
官網(wǎng)更是推出了一鍵部署方案，可以更快的在自家服務(wù)器部署體驗(yàn)。
所以，利用凡泰小程序可以讓更多的移動(dòng)應(yīng)用支持小程序了，趕快把應(yīng)用里的H5替換成小程序吧！推薦教程：
《微信小程序》以上就是小程序與H5比較的區(qū)別的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
小程序本文轉(zhuǎn)載于：
掘金社區(qū)，如有侵犯，請(qǐng)聯(lián)系[email protected]刪除
上一篇：
小程序地圖怎么用？
下一篇：
一款小而美小程序腳手架，讓你更流暢快速的開(kāi)發(fā)小程序相關(guān)文章相關(guān)視頻微信小程序圖片無(wú)法顯示怎么辦？微信小程序知識(shí)點(diǎn)總結(jié)微信小程序-canvas生成圖片并保存到本地怎樣將微信小程序發(fā)送到桌面？小程序與H5比較的區(qū)別微信小程序開(kāi)發(fā)工具的安裝初識(shí)微信小程序(1)初識(shí)微信小程序(2) [溫州做小程序]