教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

什么是ionic?ionic框架的主要結(jié)構(gòu)是怎樣的?

更新時(shí)間:2022年07月28日11時(shí)32分 來(lái)源:傳智教育 瀏覽次數(shù):

ionic是目前最有潛力的一款混合式HTML5移動(dòng)開發(fā)框架,通過(guò)SASS構(gòu)建應(yīng)用程序。其特點(diǎn)是使用標(biāo)準(zhǔn)的HTML、CSS和JavaScript,開發(fā)跨平臺(tái)的原生App應(yīng)用,目前支特Android和iOS,計(jì)劃支持Windows Phone和FirefoxOS。

ionic提供了大量UI組件來(lái)幫助開發(fā)人員開發(fā)強(qiáng)大的應(yīng)用程序,其中包含一些基本的JavaScript模塊,例如擴(kuò)展AngularJS的指令、路由狀態(tài)機(jī)管理、手勢(shì)等。ionic將移動(dòng)端開發(fā)中常見的UI組件抽象成AngularJS的指令,便于開發(fā)人員在開發(fā)中快速構(gòu)建應(yīng)用界面。ionic的框架結(jié)構(gòu)如圖1所示。

ionic框架結(jié)構(gòu)

圖1 ionic的框架結(jié)構(gòu)圖

在圖1中,ionic CSS、ionic JavaScript和ionic CLI三大部分為ionic框架的主要結(jié)構(gòu),具體介紹如下。

·ionicCSS:提供原生App質(zhì)感的CSS樣式模擬,ionic這部分的實(shí)現(xiàn)使用了ionicicons圖標(biāo)樣式庫(kù)。

·ionic JavaScript:ionic基于AngularJS基礎(chǔ)框架開發(fā),遵循AngularJS的框架約束;主要提供了適應(yīng)移動(dòng)端UI的AngularJS的擴(kuò)展,包括指令和服務(wù)。此外,ionic使用AngularUI Router來(lái)實(shí)現(xiàn)前端路由。

·ionic CLI(Command-Line Interface,命令行界面):命令行工具集用來(lái)簡(jiǎn)化應(yīng)用的開發(fā)、構(gòu)造和仿真運(yùn)行。ionic命令行工具使用了Cordova,依賴于平臺(tái)SDK(Android &.iOS)實(shí)現(xiàn)將移動(dòng)Web項(xiàng)目打包成原生App。

ionic 最大的亮點(diǎn)是集成了AngularJS和Cordova。在AngularJS+ionic+Cordova的混合App開發(fā)模式中,ionic的作用是為混合App提供一個(gè)原容器,開發(fā)人員只要將自己的網(wǎng)頁(yè)內(nèi)嵌到這個(gè)原生容器中即可。

ionic使用了HTML5和CSS3的一些新規(guī)范,因此對(duì)移動(dòng)設(shè)備操作系統(tǒng)的要求是iOS 7+和Android 4.1+。在低于這些版本的手機(jī)上使用由ionic開發(fā)的應(yīng)用,有時(shí)會(huì)發(fā)生一些問(wèn)題。




0 分享到:
和我們?cè)诰€交談!