漫談前端開(kāi)發(fā)

什么叫做原生App?? ? ? ?什么是混合app?? ? 什么是Web?App開(kāi)發(fā)?


原生App:

? ??????????Native?App開(kāi)發(fā)即我們所稱的傳統(tǒng)APP開(kāi)發(fā)模式(原生APP開(kāi)發(fā)模式),該開(kāi)發(fā)針對(duì)IOS合砂、Android等不同的手機(jī)操作系統(tǒng)要采用不同的語(yǔ)言和框架進(jìn)行開(kāi)發(fā)颠放,是專門針對(duì)某一類移動(dòng)設(shè)備而生的局待,它們都是被直接安裝到設(shè)備里抖甘,?APP應(yīng)用所有的UI元素、數(shù)據(jù)內(nèi)容书劝、邏輯框架均安裝在手機(jī)終端上老充,原生App而用戶一般也是通過(guò)網(wǎng)絡(luò)商店或者賣場(chǎng)來(lái)獲取例如The?App?Store與Android?Apps?on?Google?Play葡盗。

優(yōu)點(diǎn):

(1)?可訪問(wèn)手機(jī)所有功能(GPS、攝像頭)蚂维;?(2)?速度更快戳粒、性能高、整體用戶體驗(yàn)最好虫啥;(3)?可線下使用(因?yàn)槭窃诟鶺eb相對(duì)地平臺(tái)上使用的)蔚约;(4)?支持大量圖形和動(dòng)畫;?容易發(fā)現(xiàn)(在App?Store里面)和重新發(fā)現(xiàn)(應(yīng)用圖標(biāo)會(huì)一直在主頁(yè)上);(5)?應(yīng)用下載能創(chuàng)造盈利(當(dāng)然App?Store抽取20-30%?的營(yíng)收)涂籽;?(6)?app質(zhì)量及安全性好苹祟。

缺點(diǎn)??

(1)?開(kāi)發(fā)及維護(hù)成本高;(2)?支持設(shè)備非常有限(一般是哪個(gè)系統(tǒng)就在哪個(gè)平臺(tái)專屬設(shè)備上用);(3)?上線時(shí)間不確定(App?Store審核過(guò)程不一)树枫;(4)?內(nèi)容限制(App?Store限制)直焙;(5)?獲得新版本時(shí)需重新下載應(yīng)用更新。(6)?舉例:Yellow?Pages?Group就開(kāi)發(fā)了是幾個(gè)版本(iOS砂轻、黑莓奔誓、Android),他們?cè)诿恳粋€(gè)原生應(yīng)用市場(chǎng)都有上架搔涝。

混合app:

Hybrid?App(混合模式移動(dòng)應(yīng)用)是指介于web-app厨喂、native-app這兩者之間的app,兼具“Native?App良好用戶交互體驗(yàn)的優(yōu)勢(shì)”和“Web?App跨平臺(tái)開(kāi)發(fā)和低成本的勢(shì)”庄呈。?Hybrid?App主要以JS+Native兩者相互調(diào)用為主蜕煌,從開(kāi)發(fā)層面實(shí)現(xiàn)“一次開(kāi)發(fā),多處運(yùn)行”的機(jī)制诬留,成為真正適合跨平臺(tái)的開(kāi)發(fā)斜纪。目前已經(jīng)有眾多Hybrid?App開(kāi)發(fā)成功應(yīng)用踢俄,比如百度携冤、網(wǎng)易、街旁等知名移動(dòng)應(yīng)用倒庵,都是采用Hybrid?App開(kāi)發(fā)模式绿贞。?

優(yōu)點(diǎn):

(1)?原生應(yīng)用和Web應(yīng)用的結(jié)合體,應(yīng)用比例很自由伪冰;(2)?開(kāi)發(fā)成本低;(3)?能節(jié)省跨平臺(tái)的時(shí)間和成本樟蠕,只需編寫一次核心代碼就可部署到多個(gè)平臺(tái);(4)?可任意調(diào)整風(fēng)格靠柑,DIV版面布局;(5)?兼容多平臺(tái)寨辩;(6)?順利訪問(wèn)手機(jī)的多種功能;(7)?App?Store中可下載(Web應(yīng)用套用原生應(yīng)用的外殼)歼冰;(8)?可線下使用靡狞。

缺點(diǎn):

1)?不確定上線時(shí)間;?(2)?用戶體驗(yàn)不如本地應(yīng)用隔嫡;?(3)?性能稍慢(需要連接網(wǎng)絡(luò))甸怕;?(4)?技術(shù)還不是很成熟。

Web?App:

Web?App開(kāi)發(fā)即是一種框架型APP開(kāi)發(fā)模式(HTML5?APP?框架開(kāi)發(fā)模式)腮恩,該開(kāi)發(fā)具有跨平臺(tái)的優(yōu)勢(shì)梢杭,該模式通常由“HTML5云網(wǎng)站+APP應(yīng)用客戶端”兩部份構(gòu)成,APP應(yīng)用客戶端只需安裝應(yīng)用的框架部份秸滴,而應(yīng)用的數(shù)據(jù)則是每次打開(kāi)APP的時(shí)候武契,去云端取數(shù)據(jù)呈現(xiàn)給手機(jī)用戶。

優(yōu)點(diǎn):

(1)?運(yùn)行到瀏覽器上,項(xiàng)目獨(dú)立咒唆;?(2)?跨平臺(tái)開(kāi)發(fā)工具選擇多届垫;?(3)?不需要安裝額外軟件,控制版本非常容易全释;

缺點(diǎn):

(1)?只能使用有限的移動(dòng)硬件設(shè)備能力装处,無(wú)法使用更多移動(dòng)硬件設(shè)備的獨(dú)特功能;(2)?搜索Web?app比較困難浸船;?(3)?質(zhì)量及安全性無(wú)法得到保障妄迁;?(4)?必須聯(lián)網(wǎng);(5)?移動(dòng)應(yīng)用用戶體驗(yàn)不是很好糟袁;(6)?性能需要進(jìn)行檢驗(yàn)判族。

特點(diǎn):

Native?App可以充分利用設(shè)備的特性,而這一點(diǎn)往往是Web瀏覽器做不到的项戴,所以對(duì)一個(gè)產(chǎn)品本身而言形帮,Native?App是最佳的選擇。(1)每次獲取最新的APP功能周叮,需要升級(jí)APP應(yīng)用辩撑;(2)原生型APP應(yīng)用的安裝包相對(duì)較大,包含UI元素仿耽、數(shù)據(jù)內(nèi)容合冀、邏輯框架;?(3)手機(jī)用戶無(wú)法上網(wǎng)也可訪問(wèn)APP應(yīng)用中以前下載的數(shù)據(jù)项贺。(4)原生型的APP可以調(diào)用手機(jī)終端的硬件設(shè)備(語(yǔ)音君躺、攝像頭、短信开缎、GPS棕叫、藍(lán)牙、重力感應(yīng)等)(5)APP應(yīng)用更新功能奕删,涉及到每次要向各個(gè)應(yīng)用商店進(jìn)行提交審核俺泣。適用企業(yè):游戲、電子雜志完残、管理應(yīng)用伏钠、物聯(lián)網(wǎng)等無(wú)需經(jīng)常更新程序框架的APP應(yīng)用快速迭代,高效開(kāi)發(fā)谨设,低成本上線是每一個(gè)App開(kāi)發(fā)團(tuán)隊(duì)追求的目標(biāo)熟掂。

同時(shí),隨著HTML?5的不斷升溫和智能手機(jī)硬件性能的提高铝宵,Hybrid?App的概念應(yīng)運(yùn)而生打掘。這種“Native搭臺(tái)华畏,HTML?5唱戲”的Hybrid?App開(kāi)發(fā)模式一時(shí)間受到各個(gè)開(kāi)發(fā)團(tuán)隊(duì)追捧,快速進(jìn)入了大量開(kāi)發(fā)團(tuán)隊(duì)尊蚁,成為主流開(kāi)發(fā)模式亡笑。?Hybrid?App優(yōu)點(diǎn)眾多,Web前端工程師0成本介入横朋,不依賴版本的實(shí)時(shí)更新仑乌,快速實(shí)現(xiàn)跨平臺(tái)需求,等等琴锭。而另一個(gè)方面晰甚,2012年Hybrid?App的踐行者Facebook決定大量棄用App中的HTML頁(yè)面,轉(zhuǎn)向更加Native化的方案决帖。Facebook的這一舉措也給Hybrid?App方案的敲響了警鐘厕九,這似乎并不是一個(gè)完美的方案。即使所有Web代碼在本地運(yùn)行地回,效率也要比Native差一些扁远。這主要取決于應(yīng)用類型,對(duì)交互體驗(yàn)和性能有很高要求的應(yīng)用是不適合用Hybrid的刻像。

移動(dòng)Web無(wú)所不在畅买,移動(dòng)Web是目前唯一的支持各種設(shè)備訪問(wèn)的平臺(tái),與桌面Web一樣细睡,移動(dòng)Web支持各種標(biāo)準(zhǔn)的協(xié)議谷羞。移動(dòng)Web也是唯一一個(gè)可供開(kāi)發(fā)者發(fā)布移動(dòng)應(yīng)用的平臺(tái),它將各種移動(dòng)交互與桌面任務(wù)有效地連接了起來(lái)溜徙;(1)每次打開(kāi)APP湃缎,都要通過(guò)APP框架向云網(wǎng)站取UI及數(shù)據(jù);(2)手機(jī)用戶無(wú)法上網(wǎng)則無(wú)法訪問(wèn)APP應(yīng)用中的數(shù)據(jù)蠢壹。3)框架型的APP無(wú)法調(diào)用手機(jī)終端的硬件設(shè)備(語(yǔ)音雁歌、攝像頭、短信知残、GPS、藍(lán)牙比庄、重力感應(yīng)等)(4)框架型APP的訪問(wèn)速度受手機(jī)終端上網(wǎng)的限制求妹,每次使用均會(huì)消耗一定的手機(jī)上網(wǎng)流量;(5)框架型APP應(yīng)用的安裝包小巧佳窑,只包含框架文件制恍,而大量的UI元素、數(shù)據(jù)內(nèi)容剛存放在云端神凑;(6)APP用戶每次都可以訪問(wèn)到實(shí)時(shí)的最新的云端數(shù)據(jù)净神;(7)APP用戶無(wú)須頻繁更新APP應(yīng)用何吝,與云端實(shí)現(xiàn)的是實(shí)時(shí)數(shù)據(jù)交互;?適用企業(yè):電子商務(wù)鹃唯、金融爱榕、新聞資訊、企業(yè)集團(tuán)需經(jīng)常更新內(nèi)容的APP應(yīng)用

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末坡慌,一起剝皮案震驚了整個(gè)濱河市黔酥,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌洪橘,老刑警劉巖跪者,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異熄求,居然都是意外死亡渣玲,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門弟晚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)忘衍,“玉大人,你說(shuō)我怎么就攤上這事指巡∈缏模” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵藻雪,是天一觀的道長(zhǎng)秘噪。 經(jīng)常有香客問(wèn)我,道長(zhǎng)勉耀,這世上最難降的妖魔是什么指煎? 我笑而不...
    開(kāi)封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任,我火速辦了婚禮便斥,結(jié)果婚禮上至壤,老公的妹妹穿的比我還像新娘。我一直安慰自己枢纠,他們只是感情好像街,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著晋渺,像睡著了一般镰绎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上木西,一...
    開(kāi)封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天畴栖,我揣著相機(jī)與錄音,去河邊找鬼八千。 笑死吗讶,一個(gè)胖子當(dāng)著我的面吹牛燎猛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播照皆,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼重绷,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了纵寝?” 一聲冷哼從身側(cè)響起论寨,我...
    開(kāi)封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎爽茴,沒(méi)想到半個(gè)月后葬凳,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡室奏,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年火焰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片胧沫。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡昌简,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出绒怨,到底是詐尸還是另有隱情纯赎,我是刑警寧澤,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布南蹂,位于F島的核電站犬金,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏六剥。R本人自食惡果不足惜晚顷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望疗疟。 院中可真熱鬧该默,春花似錦、人聲如沸策彤。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)店诗。三九已至叽赊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間必搞,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工囊咏, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留恕洲,地道東北人塔橡。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像霜第,于是被迫代替她去往敵國(guó)和親葛家。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,726評(píng)論 25 707
  • 名詞介紹 Native APP Native APP 指的是原生程序泌类,一般依托于操作系統(tǒng)癞谒,有很強(qiáng)的交互,是一個(gè)完整...
    LabRaDor2079閱讀 1,941評(píng)論 0 5
  • 名詞介紹 Native APP Native APP 指的是原生程序刃榨,一般依托于操作系統(tǒng)弹砚,有很強(qiáng)的交互,是一個(gè)完整...
    福兮禍所依閱讀 13,532評(píng)論 0 20
  • 誰(shuí)不想青春永駐枢希,美麗容顏常在桌吃,不讓歲月的痕跡停留,中醫(yī)認(rèn)為苞轿,艾灸療法具有滋補(bǔ)肝腎茅诱,益氣壯陽(yáng),行氣活血搬卒,舒通經(jīng)絡(luò)的功...
    仁和艾知道可樂(lè)閱讀 217評(píng)論 0 0
  • 在一個(gè)web項(xiàng)目中瑟俭,url跳轉(zhuǎn)是最常用的技術(shù)之一。頁(yè)面跳轉(zhuǎn)可能是由于用戶單擊鏈接契邀、按鈕等引發(fā)的摆寄,也可能是系統(tǒng)自動(dòng)產(chǎn)...
    四月不見(jiàn)閱讀 8,358評(píng)論 3 7