什么是Native App?什么是Hybrid App框仔?
- Native App(原生APP開發(fā)模式)初婆,像iOS,Android單語言開發(fā)矫户。
- Hybrid App(混合App開發(fā)模式)片迅,部分代碼以WEB技術編程,部分代碼由某些Native Container承擔(例如PhonGAP插件皆辽,BAE插件)柑蛇,其目的是在HTML5尚未完全支持Device API和Network API的目前階段,承擔這部分職責驱闷。
那么介紹完這兩個名詞后耻台,我們先上兩張Web App,Hybrid App空另,Native App對比圖:
webapp盆耽,hybridapp,nativeapp對比.png
native扼菠,html5,hybrid對比.png
其優(yōu)越點有了這兩張圖即可一目了然摄杂,顯然Hybrid 開發(fā)帶來了很大的方便。
怎樣在項目中使用Hybrid App 開發(fā)循榆?
想要在項目中使用Hybrid App開發(fā)必然要先了解下支持Hybrid App開發(fā)的開源框架匙姜。
Ionic
Ionic是一個用來開發(fā)混合手機應用的,開源的冯痢,免費的代碼庫氮昧。可以優(yōu)化html浦楣,css和js的性能袖肥,構建高效的應用程序,而且還可以用于構建Sass和AngularJs的優(yōu)化振劳。Ionic會是一個可以信賴的框架椎组。
Ionic.png
詳細了解:http://www.ionic.wang/start-index.html
React
React Native 結合了 Web 應用和 Native 應用的優(yōu)勢,可以使用 JavaScript 來開發(fā) iOS 和 Android 原生應用历恐。在 JavaScript 中用 React 抽象操作系統(tǒng)原生的 UI 組件寸癌,代替 DOM 元素來渲染等专筷。
React Native.png
React Native的理解以及優(yōu)缺:
比較詳細可以看這個http://div.io/topic/851
查看資料:
使用ionic框架開發(fā)移動hybrid應用
我對 React Native 的理解和看法
Dcloud 分析