線上服務(wù)咨詢
Article/文章
記錄成長(zhǎng)點(diǎn)滴 分享您我感悟
微信小程序和H5
之間的區(qū)別是什么? 前段時(shí)間,微信小程序能夠?qū)崿F(xiàn)開(kāi)發(fā)人員和用戶之間的跳轉(zhuǎn)頁(yè)面功能。有些用戶不喜歡,這不是H5。沒(méi)什么大不了??吹竭@樣的評(píng)論,小智覺(jué)得有必要給每個(gè)人一個(gè)科學(xué):小程序不是H5!
一、運(yùn)行環(huán)境不同
H5是HTML語(yǔ)言的第五個(gè)修訂版。它是一種超文本標(biāo)記語(yǔ)言。這是一項(xiàng)技術(shù)。附加運(yùn)行時(shí)環(huán)境的shell是瀏覽器;也就是說(shuō),所有移動(dòng)瀏覽器和PC瀏覽器都在具體化。鏈接URL時(shí)可以打開(kāi)H5網(wǎng)頁(yè)。
微信小程序是一個(gè)應(yīng)用程序,運(yùn)行環(huán)境為微信,但它也參與了一些瀏覽器框架環(huán)境數(shù)據(jù)。它是一個(gè)基于微信內(nèi)部瀏覽器內(nèi)核的內(nèi)置解析器,由微信開(kāi)發(fā)團(tuán)隊(duì)完全重建,并且數(shù)據(jù)幀優(yōu)化是針對(duì)性的。通過(guò)自己定義的開(kāi)發(fā)語(yǔ)言標(biāo)準(zhǔn),改進(jìn)了小程序的性能。
官方文檔表明瀏覽器中常用的窗口和文檔對(duì)象不能在腳本中使用。 微信為開(kāi)發(fā)人員提供了開(kāi)發(fā)工具,內(nèi)置編程,調(diào)試,開(kāi)發(fā)環(huán)境和發(fā)布。開(kāi)發(fā)人員只需遵循官方文檔即可確保小程序在微信內(nèi)穩(wěn)定運(yùn)行。
二、技術(shù)兼容不同
H5的開(kāi)發(fā)涉及開(kāi)發(fā)工具,前端框架,模塊管理工具,任務(wù)管理工具,以及UI庫(kù)選擇,界面調(diào)用工具,瀏覽器兼容性等。雖然這些工具可以自定義,但大多數(shù)開(kāi)發(fā)人員都有自己的配置模板。但是對(duì)于項(xiàng)目中各種外部庫(kù)的版本迭代,版本升級(jí),系統(tǒng)兼容性等,這些成本加起來(lái)很多。
開(kāi)發(fā)微信小程序要簡(jiǎn)單得多,因?yàn)槲⑿艌F(tuán)隊(duì)提供開(kāi)發(fā)人員工具并標(biāo)準(zhǔn)化開(kāi)發(fā)標(biāo)準(zhǔn)。常見(jiàn)的前端HTML和CSS成為微信自定義WXML,WXSS,WXML,官方文檔有明確的介紹。開(kāi)發(fā)人員可以按照說(shuō)明編寫(xiě)程序。
而在開(kāi)發(fā)過(guò)程中,不需要考慮瀏覽器兼容性,不用擔(dān)心瀏覽器模塊框架引起的BUG,顯然微信小程序的開(kāi)發(fā)成本相對(duì)較低。
三、用戶體驗(yàn)不同
打開(kāi)H5實(shí)際上是打開(kāi)一個(gè)網(wǎng)頁(yè),網(wǎng)頁(yè)需要在瀏覽器中呈現(xiàn),加載,并根據(jù)瀏覽器自己的框架重新呈現(xiàn)。因此,加載此過(guò)程會(huì)給您帶來(lái)明顯的“點(diǎn)擊”感覺(jué),尤其是在面對(duì)復(fù)雜的業(yè)務(wù)邏輯或豐富的頁(yè)面交互時(shí)。更重要的是,會(huì)出現(xiàn)頁(yè)板錯(cuò)誤,或者模塊無(wú)法加載的尷尬局面。
而微信小程序,其代碼直接在微信上運(yùn)行,無(wú)需通過(guò)瀏覽器進(jìn)行渲染,因此在微信中使用小程序將比H5更順暢。除了第一次打開(kāi)需要幾秒鐘的加載時(shí)間,用戶信息捕獲授權(quán),每次切換小程序,跳轉(zhuǎn)等經(jīng)驗(yàn)都與原生app相媲美,運(yùn)行結(jié)果的使用非常流暢。
沈陽(yáng)小程序開(kāi)發(fā),微信小程序開(kāi)發(fā),微信小程序