uniapp與HTML5區別

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

本教學操作環境：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中文網其他相關文章！