首頁 > web前端 > uni-app > uniapp與HTML5區別

uniapp與HTML5區別

藏色散人
發布: 2021-01-15 18:21:53
原創
9753 人瀏覽過

uniapp和HTML5差異:1、uniapp是一個使用Vue.js開發所有前端應用的框架,而HTML5是建構Web內容的一種語言描述方式;2、uniapp不支援dom操作,而H5端有dom物件;3、uniapp不支援過濾器等等。

uniapp與HTML5區別

本教學操作環境:windows7系統、uni-app2.5.1版本、thinkpad t480電腦。

推薦(免費):uni-app開發教學

uniapp是使用 Vue.js 開發所有前端應用程式的框架,開發者編寫一套程式碼,可發佈到iOS、Android、Web(響應式)、以及各種小程式(微信/支付寶/百度/頭條/QQ/釘子/淘寶)、快應用等多個平台。

HTML5是建構Web內容的一種語言描述方式。 HTML5是網路的下一代標準,是建構以及呈現網路內容的語言方式.被認為是互聯網的核心技術之一。 HTML產生於1990年,1997年HTML4成為網路標準,並廣泛應用於網路應用的開發。

uniapp支援跨行動端開發,如果只做H5端,用uniapp其實和用vue開發沒什麼差別,vue能用的插件,uniapp也能用。

uniapp的效能問題主要集中在app端,做H5和VUE的開發體驗是一致的。

一、標籤的差異

二、元件的差異

三、JS的變化

四、主要差異

uniapp和h5主要差別在於uniapp不支援dom操作(H5端有dom物件)、不支援過濾器,這和微信小程式是一致的。

五、共同點

1、uniapp和h5共同的優點:一端多用,做單一品種比較不錯,簡單方便,小巧。

2、uniapp和h5共同的缺點:與原生相比在表現上目前是不可跨越的鴻溝。

六、APP應用架構

uni-app本來就可以編譯打包成為WebApp,為什麼很多人還要用原生APP套殼呢?這不是增加負擔麼?其實,這是由於專案中的需求決定的,先使用uni-app開發H5端,暫時uni-app沒有辦法達到目標,再使用原生APP互動完成,達到特定需求。

1、開發方面

(1)原生APP

不同行動作業系統(iphone、ipad、Android)需要各自開發 。開發維護成本高、開發速度慢、APP上線審核流程複雜且慢。

(2)WebApp

因為運行在行動裝置的瀏覽器上,所以只需要一個開發專案。開發成本低、開發速度快。

2、功能面

(1)原生APP

可呼叫行動終端的硬體裝置(麥克風、相機、簡訊、GPS、藍牙),實現功能豐富。

(2)WebApp

類比電腦端的網頁,更多的是頁面展示類別的APP。只能使用有限的行動硬體設備功能。

3、應用程式安裝和版本控制方面

(1)原生APP

#安裝:應用程式商店|APP Store 下載,可以節省頻寬成本、可以存取本機資源、快取.

版本:使用者自由選擇是否更新版本。新舊版本均需維護,維護成本高

(2)WebApp

安裝:透過行動裝置上的瀏覽器訪問,軟體更新只需要更新伺服器就好

版本:無需安裝,節省行動終端的記憶體空間,所有使用者同一個版本,版本更新速度方便,直接伺服器更新資料即可,即時上線

4、載入速度方面

( 1)原生APP

由「雲端伺服器資料應用程式客戶端」所構成,APP應有的所有UI元素、資料內容、邏輯架構均安裝在行動終端上。訪問時,只需要加載數據,應用頁面框架無需下載,所以加載速度更快,頁面響應更快。可線下使用。

(2)WebApp

開啟一個頁面,都需要重新載入頁面的所有元素,存取速度受行動終端效能和網路環境的限制,導致載入速度慢,而且操作頻繁容易卡死。

5、混合APP

優點:相容多平台、順利存取行動裝置功能、應用程式商店下載(網頁套用原生應用程式的外殼)

缺點:使用者體驗不如原生,效能稍慢

6、總結

原生APP偏向交互,注重使用者體驗;Web App偏向與瀏覽器簡單的交互,用於資訊展示。有些功能需要存取硬件,則使用原生APP。

現在流行的方法是將原生APP與Web App進行融合,核心功能使用原生APP,內容展示等輔助簡單功能使用Web App。這樣便於更新、確保核心功能的互動體驗。

以上是uniapp與HTML5區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板