來(lái)源：http://www.mamicode.com/info-detail-1129829.html

現(xiàn)在Hybrid app是一中非常火熱的開(kāi)發(fā)模式，在國(guó)內(nèi)對(duì)應(yīng)的開(kāi)發(fā)工具也亂象叢生，有WeX5、crossApp、ExMobi、Appcan、apicloud、HBuilder等。

　　其中WeX5只是在PhoneGap外面套了一層殼子，內(nèi)部的UI都是通過(guò)大量的css,js實(shí)現(xiàn)的，頁(yè)面切換也大量采用webapp模式，類似于JQuery Mobile中的框架，太過(guò)偏向于webapp，性能得不到較好的體驗(yàn)，而且缺少第三方功能SDK封裝支持。

　　crossapp是一款實(shí)用C++開(kāi)發(fā)跨平臺(tái)應(yīng)用的工具，因?yàn)锳ndroid與IOS應(yīng)用程序本身就是能夠用C++來(lái)開(kāi)發(fā)的，所以這也算是一種類原生方式開(kāi)發(fā)，但是C++開(kāi)發(fā)Android應(yīng)用程序或者開(kāi)發(fā)IOS應(yīng)用程序很少見(jiàn)，會(huì)的人不多，缺少交流平臺(tái)，自己開(kāi)發(fā)插件比較困難，只能完全依賴官方提供，官方的第三方插件庫(kù)資源不足，很難滿足開(kāi)發(fā)者變態(tài)的需求。

　　ExMobi是烽火科技研發(fā)的一種內(nèi)部使用的開(kāi)發(fā)平臺(tái)，當(dāng)然也可以購(gòu)買使用權(quán)，雖然也有免費(fèi)版，但是在免費(fèi)版連推送功能都不開(kāi)放的情況下你還會(huì)選擇嗎？大量的功能需要購(gòu)買不同的版本才會(huì)提供，對(duì)于小型開(kāi)發(fā)團(tuán)隊(duì)來(lái)說(shuō)不切實(shí)際。

　　Appcan是國(guó)內(nèi)最早一批研發(fā)Hybrid app開(kāi)發(fā)模式中的一員，其存在時(shí)間之久，屬目前國(guó)內(nèi)Hybrid app開(kāi)發(fā)平臺(tái)之最，為什么它能夠一直堅(jiān)持下去？那肯定是有其優(yōu)點(diǎn)所在。Appcan基于多webview來(lái)開(kāi)發(fā)單Activity模式app，最近去除了ActivityGroup，采用Fragment來(lái)代替，優(yōu)化了性能及體驗(yàn)，同時(shí)其合作商家廣泛，第三方SDK應(yīng)有盡有，能夠很好地滿足開(kāi)發(fā)者的變態(tài)需求。

　　apicloud的一種從Appcan脫離出來(lái)的技術(shù)，雖說(shuō)其開(kāi)發(fā)人員有很多是Appcan原來(lái)的技術(shù)人員，但是這是兩種不同的設(shè)計(jì)方式，它也有大量的第三方SDK支持，并且其UI是令人看著比較舒服的（個(gè)人覺(jué)得）。

　　HBuilder的webview處理方式與apicloud基本類似，其實(shí)這種用webview裝載網(wǎng)頁(yè)的技術(shù)都大同小異，網(wǎng)上也能找到，只是在于細(xì)節(jié)點(diǎn)處理方面不同而已。

　　Appcan&apicloud&HBuiler

• 最初使用Appcan的時(shí)候感覺(jué)其打開(kāi)新窗口響應(yīng)較慢，而且其內(nèi)部UI完全是黑色的，比較難看，當(dāng)初找相關(guān)技術(shù)人員，想讓其提供能夠選擇UI主題的接口，但是最后不了了之，在apicloud出來(lái)之后，發(fā)現(xiàn)其UI效果很好，因此又去研究了一下，發(fā)現(xiàn)其窗口響應(yīng)速度比Appcan要高
• 現(xiàn)在Appcan引擎已全部開(kāi)源，開(kāi)發(fā)者能夠完全自己Design，主題這些都不是問(wèn)題，而且我再次測(cè)試了窗口響應(yīng)速度，現(xiàn)在有了明顯提高，與apicloud不想上下
• HBuilder的webview最初一直不看好，因?yàn)闆](méi)有采用硬件加速渲染，渲染比較慢，會(huì)出現(xiàn)空白，而他們官方提供的一種方式是預(yù)加載，當(dāng)初我問(wèn)他們技術(shù)，預(yù)加載不會(huì)過(guò)多消耗資源嗎？他們技術(shù)脫口而出，只要不顯示就不消耗資源，不用擔(dān)心。而且好像還發(fā)表了一篇這樣的文章介紹預(yù)加載的，我就在想，難道我這些年開(kāi)發(fā)一直白學(xué)了，哪個(gè)程序創(chuàng)建個(gè)變量會(huì)不消耗資源？預(yù)加載你總要?jiǎng)?chuàng)建webview實(shí)例吧？這是忽悠誰(shuí)呢？如果真的不消耗資源為什么你們右面又提供一種模板頁(yè)構(gòu)建的方式呢，所有二級(jí)頁(yè)面只需預(yù)加載兩個(gè)嵌套webview就可以。
• 對(duì)于前段UI，Appcan有一套很全面的css與js框架，其完全采用自適應(yīng)模式。。什么？不知道自適應(yīng)？好吧一會(huì)介紹其區(qū)別。HBuilder也有一套UI，js和css比較全，apicloud沒(méi)有專門的UI，需要用戶自己DIY，對(duì)于個(gè)人來(lái)說(shuō)，我反而傾向于apicloud，因?yàn)樗麄兲峁┑腢I中js與css太多而雜，Appcan中js引入了Zepto,Backbone、Underscore庫(kù)，顯得異常臃腫，導(dǎo)致網(wǎng)頁(yè)加載js效率受影響；HBuilder中所有css與js都在一個(gè)文件中，大量不需要用到的樣式無(wú)法刪除，就算你這個(gè)頁(yè)面只需要用到一個(gè)按鈕樣式，那么都需要引入整個(gè)css與js
• 關(guān)于自適應(yīng)，有很多人說(shuō)，我前端就是自適應(yīng)的啊，其實(shí)那并不能嚴(yán)格說(shuō)是自適應(yīng)，你們的布局只能說(shuō)是根據(jù)設(shè)備大小進(jìn)行自適應(yīng)，而不是分辨率，apicloud和HBuilder的webview會(huì)根據(jù)設(shè)備的分辨率來(lái)進(jìn)行放大或縮?。ㄒ话闶欠糯螅?并不是網(wǎng)頁(yè)原來(lái)的形態(tài)，這也就是為什么明明定義的1px的border在Android上看上去是2px或者1.5px的原因。而Appcan中1px就是1dp，其設(shè)備大小被修改成與分辨率相等，這就使得網(wǎng)頁(yè)在webview中保留了原形態(tài)，沒(méi)有放大縮小，其視覺(jué)體驗(yàn)非常好，圖片等不會(huì)失真。其本質(zhì)原因是Appcan是基于Android 4.4.2的API，也就是API19來(lái)開(kāi)發(fā)的，其設(shè)置了viewport的支持，在viewport中設(shè)置target-densitydpi=device-dpi就可以實(shí)現(xiàn)高清晰效果，而apicloud是基于API20以上開(kāi)發(fā)的，Android在4.4以后就不支持viewport屬性了，因此在apicloud中設(shè)置viewport屬性與否沒(méi)有任何影響，在這點(diǎn)上HBuilder與Appcan類似，能夠通過(guò)viewport屬性來(lái)修改像素點(diǎn)，從而得到較好的視覺(jué)體驗(yàn)，當(dāng)然也可以設(shè)置成與apicloud一樣的情況，這種就具有較好的選擇性，但是這種布局就要求有較強(qiáng)的能力了，Appcan中為不同分辨率定義了不同的字體大小，也就是em值對(duì)應(yīng)的像素，在其中布局最好使用em來(lái)實(shí)現(xiàn)，不要使用px。而在apicloud中使用px能夠在不同的手機(jī)上達(dá)到一樣的效果，這就是不同分辨率的適配

跨平臺(tái)APP----對(duì)Cordova,APPCan,DCloud,APICloud四大平臺(tái)的分析

來(lái)源：http://blog.csdn.net/tangzenglei/article/details/50668914

前言： 

移動(dòng)開(kāi)發(fā)是未來(lái)一個(gè)很重要的IT領(lǐng)域，而跨平臺(tái)開(kāi)發(fā)將是這一領(lǐng)域最重要的事情。         ----谷震平

一 兵器譜

    Cordova是Apache軟件基金會(huì)的一個(gè)產(chǎn)品。其前身是PhoneGap，由Nitobi開(kāi)發(fā)，2011年10月，Adobe收夠了Nitobi，并且PhoneGap項(xiàng)目也被貢獻(xiàn)給Apache軟件基金會(huì)。Apache在2012年12月，發(fā)布了Cordova，截止到2015年12月，最新版面是3.0。

    該框架的目標(biāo)用戶群體是原生開(kāi)發(fā)者，其設(shè)計(jì)初衷是希望用戶群體能夠通過(guò)跨平臺(tái)開(kāi)發(fā)的方法降低原生開(kāi)發(fā)的成本。為此，開(kāi)發(fā)人員需要安裝原生開(kāi)發(fā)環(huán)境，配置工程，使用HTML5、CSS3、js和原生SDK生成應(yīng)用。

    Cordova的優(yōu)勢(shì)很明顯，可以使用的框架、原生接口、支持平臺(tái)都很多。但是，外國(guó)人寫的東西，公司使用后，出現(xiàn)的技術(shù)問(wèn)題難以解決。同時(shí)，其在使用jQuery Mobile、Sencha Touch等前端框架的時(shí)候，有特效啟動(dòng)慢、頁(yè)面切換慢、數(shù)據(jù)請(qǐng)求慢的特點(diǎn)。

 

 

三 APPCan

 

    AppCan成立于2010年，2011年推出產(chǎn)品并測(cè)試，2012年正式推出品牌，2013年商業(yè)模式成型，2014年開(kāi)發(fā)者注冊(cè)約70w。AppCan不是開(kāi)源平臺(tái)，同時(shí)，企業(yè)版和部分插件是收費(fèi)的。換句話說(shuō)，AppCan只是一個(gè)賣軟件的商業(yè)公司。我們認(rèn)為：這會(huì)對(duì)其市場(chǎng)的占有率有著直接影響，閉源而沒(méi)有壟斷，所以前景不會(huì)太好。

 

四 DCloud

    DCloud大部分產(chǎn)品開(kāi)源，W3C會(huì)員單位，html5中國(guó)產(chǎn)業(yè)聯(lián)盟的發(fā)起公司之一，在Html5這個(gè)行業(yè)有一定的江湖地位。旗下四款產(chǎn)品：HBuilder、5+ Runtime、MUI、流應(yīng)用都是彌補(bǔ)并擴(kuò)展HTML5特性的產(chǎn)品。該公司的理念就是解決HTML5的性能、工具、能力三方面的問(wèn)題。MUI是一款不錯(cuò)的前端框架，性能比 jquery Mobile、Bootstrap好很多，主要區(qū)別：

• 設(shè)計(jì)思路不同，MUI堅(jiān)持用原生JS做，不依賴jQuery或者Angularjs。
• MUI調(diào)用了5+ Runtime的底層原生加速，比不帶原生加速的框架更快。

    但是，DCloud畢竟是個(gè)新平臺(tái)，發(fā)展才2年，新產(chǎn)品內(nèi)部存在的Bug還需要很多的測(cè)試。在其官方社區(qū)中，不少開(kāi)發(fā)者也在呼吁DCloud盡快完善文檔和框架。 

 

 

五 APICloud

 

    APICloud提供原生應(yīng)用的功能模塊（設(shè)備訪問(wèn)，界面布局，開(kāi)放SDK等），開(kāi)發(fā)者可以通過(guò)JS調(diào)用。前端工程師負(fù)責(zé)頁(yè)面布局，UI展現(xiàn)，及簡(jiǎn)單的交互，原生模塊負(fù)責(zé)性能方面和功能實(shí)現(xiàn)，兩者結(jié)合形成一個(gè)完整的應(yīng)用。同時(shí)APICloud提供了云數(shù)據(jù)庫(kù)的功能，前端不必了解PHP，Node.js等后端語(yǔ)言，通過(guò)JS接口或Restful API實(shí)現(xiàn)數(shù)據(jù)庫(kù)的增刪改查。 

    但是APICloud的更新速度很快，版本不太穩(wěn)定。而且，它是為不懂APP開(kāi)發(fā)的人士準(zhǔn)備的，不適合科技公司和程序員。

 

六 兵器譜PK

 

    由上表可知，4個(gè)平臺(tái)的定位是不同的，導(dǎo)致其產(chǎn)品的功能特性不一樣。

 

七 優(yōu)缺點(diǎn)對(duì)比