【Ionic系列】 一晚顷、入門介紹
時間：2017-02-24 23:23:25
作者：zhongxia
身為一個前端，一直想學(xué)習(xí)下移動端的開發(fā)疗疟，但是看的多该默，實際深入學(xué)習(xí)，并去實踐的少策彤。經(jīng)乘ㄐ洌看到這個哪里不好，哪里好了店诗，總會一致在權(quán)衡裹刮。其實呢，想要學(xué)習(xí)庞瘸，就好好去學(xué)習(xí)一門捧弃。技術(shù)之所以流行，并存在肯定會有好的一面的擦囊。學(xué)習(xí)了不一定使用所有的場景违霞，但是卻對自己的成長是很有用的。
整體的學(xué)習(xí)下Ionic2 瞬场，加油, zhongxia ! 加油买鸽， EveryOne！
零贯被、總結(jié)
Ionic2 采用了Ng2, TypeScript , 優(yōu)化在Hybrid App的體驗效果眼五。
提供了一套完整的組件庫，可快速開發(fā)彤灶，一次編寫看幼，打包成跨平臺APP
對低版本（Android4.1 以下， IOS7以下）兼容不好【放棄支持】
提供了更加強大的CLI工具
一幌陕、介紹
Ionic 2 專注于以標(biāo)準(zhǔn)的 HTML 桌吃、 CSS 和 JavaScript 來構(gòu)建移動站點，并可以通過 Cordova 打包成移動 App苞轿，只需編寫一次代碼茅诱，就可以分別部署到 iOS 逗物、Android 等多種移動平臺上。這項技術(shù)已經(jīng)幫助很多開發(fā)者創(chuàng)建了很多漂亮的 App瑟俭。
現(xiàn)在 Ionic 2 已經(jīng)發(fā)布了第二代版本翎卓，使移動開發(fā)更容易、更有效率摆寄。
Ionic 2 與一代相比有較大的變化失暴，基于最新的 Angular 2 ，使用 TypeScript進行開發(fā)微饥，如果您沒有接觸過 AngularJS或Ionic1.x逗扒，完全不用擔(dān)心，直接從Ionic 2 開始學(xué)習(xí)即可欠橘。
在使用 Ionic 2 之前矩肩，您應(yīng)該具備 HTML、CSS肃续、JavaScript 基礎(chǔ)微峰。
二割去、Ionic2的優(yōu)勢與不足
1. Angular2 和 TypeScript
相比Angular1 ,速度上快了5~10倍（大家知道快很多就可以了）
2. 模塊化開發(fā)
模塊化之后荠列，更好的復(fù)用撒遣，更清晰的項目結(jié)構(gòu)
3. 更強大的CLI
ionic g page NewPage
# Ionic CLI 會生成以下的文件，并且文件中已經(jīng)生成了基本的代碼：
-new-page
--new-page.ts
--new-page.html
--new-page.scss
Ionic CLI 可以生成 pages, providers, tabs, pipes, components瞧捌，directives等棵里。
4. 導(dǎo)航路由配置升級,使用簡單
// Angular1.x
.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/',
templateUrl: 'templates/home.html',
controller: 'HomeCtrl'
})
.state('main', {
url: '/main',
templateUrl: 'templates/main.html',
controller: 'MainCtrl'
});
$urlRouterProvider.otherwise("/");
});
//接近原生的使用方法，相對Angular1姐呐，簡單很多
this.nav.push(SecondPage);
5. 不足
明確開始不支持低版本殿怜，android4.1+ ， IOS7+ 可以支持皮钠。 在低的在開發(fā)中可能會遇到很多問題。 【具體項目開發(fā)中去踩坑】
