【尚武科技APP開(kāi)發(fā)原創(chuàng)內(nèi)容】上文中我們提到的APP開(kāi)發(fā)混合的模型,同類的還有WebX5很多人選擇是因?yàn)?,一款相?duì)而言更易于開(kāi)發(fā)的云隱,而且大部分是拖拉式界面,用起來(lái)感覺(jué)就像是Dreamweaver,而且用來(lái)更簡(jiǎn)單,但是現(xiàn)在更為成熟的HBuilder也慢慢的變得更為成熟起來(lái),我門(mén)建議大家 到www.dcloud.io這個(gè)網(wǎng)站中包含了大部分的文檔,同時(shí)建議大家要多看看官方的文檔。同時(shí)有興趣的可以去看看這個(gè)網(wǎng)站 edu.yuantuan.com/classroom/5/courses他的視頻資源,每一個(gè)都不長(zhǎng),但是拿來(lái)建立最初的概念還是沒(méi)問(wèn)題的。
首先要回答大家第一個(gè)問(wèn)題,網(wǎng)頁(yè)到底能不能拿來(lái)做APP呢?
可以肯定的回答你,可以的,但是在以前,網(wǎng)頁(yè)做得APP有嚴(yán)重的網(wǎng)頁(yè)風(fēng)格,同時(shí)在低端Android手機(jī)上,過(guò)去的HTML5無(wú)法商用,切頁(yè)白屏、轉(zhuǎn)場(chǎng)卡頓、下拉刷新不流暢、側(cè)滑菜單不流暢。眾多問(wèn)題,導(dǎo)致HTML5制作APP非常不被看好,但是近幾年,出了個(gè)HTML5plus Runtime,其中HTML5plus和Native.js都很強(qiáng)大,Dcloud又出了個(gè)MUI框架。他們徹底把火燒到了APP端。所以我們要用變化的眼光看問(wèn)題。
常用的API – HTML5plus,包括二維碼、搖一搖、語(yǔ)音輸入、地圖、支付、分享、文件系統(tǒng)、通訊錄等常用API,可以方便簡(jiǎn)單的編寫(xiě),并且可跨平臺(tái)。有一項(xiàng)突破性的技術(shù)來(lái)解決上述煩惱—Native.js,一種把40w原生API映射為JS API的技術(shù)。 如果說(shuō)node.js把js的戰(zhàn)火燒到了服務(wù)器端,那么Native.js把js戰(zhàn)火燒到了原生應(yīng)用戰(zhàn)場(chǎng)。但我們可以使用js直接調(diào)原生API,語(yǔ)法是js語(yǔ)法,API命名是原生命名。 這樣就大大的增加了開(kāi)發(fā)的便利性!
比如var obj = plus.android.import( “android.os.Bundle” ); 然后obj.xxx,這個(gè)xxx屬性就完全是原生對(duì)象的屬性命名。
還是推薦大家一下:
iOS插件開(kāi)發(fā)教程詳見(jiàn):http://ask.dcloud.net.cn/article/67
Android插件開(kāi)發(fā)教程詳見(jiàn):http://ask.dcloud.net.cn/article/66
通過(guò)HTML5plus規(guī)范、Native.js技術(shù)以及原生插件,這3種機(jī)制使得5+ Runtime擁有完全不輸于原生App的能力。
同事我們推薦大家看一下,DCloud推出了開(kāi)源的mui框架(http://dcloudio.github.io/mui/),它是目前最高性能和最接近原生體驗(yàn)的手機(jī)端框架。它的3個(gè)特點(diǎn)與Jquery mobile正好對(duì)應(yīng):
1、體積小,不到100k;
2、直接使用class編寫(xiě),性能遠(yuǎn)高于data-方式,又通過(guò)代碼塊的編寫(xiě)方式降低了開(kāi)發(fā)者編碼的復(fù)雜度,在HBuilder里敲m,會(huì)拉出一排控件mList、mButton等,選一個(gè)回車,就會(huì)自動(dòng)產(chǎn)生div和class;
3、mui的風(fēng)格樣式是最接近原生樣式
尚武科技的APP開(kāi)發(fā)現(xiàn)在已經(jīng)非常成熟的使用混合模式開(kāi)發(fā),而且效率效能和用戶體驗(yàn)已經(jīng)非常優(yōu)秀了。希望這樣的開(kāi)發(fā)可以給客戶帶去更好的開(kāi)發(fā)效能
最后我們推薦大家?guī)讉€(gè)比較好的文章
這里推薦幾篇比較好的論壇文章:
HBuilder入門(mén)-設(shè)計(jì)理念及常用功能:http://ask.dcloud.net.cn/article/95
5+ App開(kāi)發(fā)入門(mén)指南:http://ask.dcloud.net.cn/article/89.
5+ App開(kāi)發(fā)Native.js入門(mén)指南:http://ask.dcloud.net.cn/article/88
Native.js示例匯總:http://ask.dcloud.net.cn/article/114
