• wwwfun78.com|wwwfun78.com【存提款只需1分钟】

  • 发布时间:2016-01-21 22:03 | 作者:yc | 来源:互联网 | 浏览:1200 次
  • wwwfun78.com|wwwfun78.com【存提款只需1分钟】 长处是比纯原生开拓周期

    短, 页面更新便利, 如支付宝, 还有许多 app 的概况页面

    手机 app 开拓的几种措施 ionic 进修思路以及

    ionic 新建的项目阐发

    进修关键:

    1. 现在开拓手机 app 的几种措施

    2. Ionic 进修思路简介

    3. Ionic CSS 布局

    4. ionic js 指令 路由 其余 ui 交互感化

    5. ionic 指令行/CLI 装配 调试 打包( 第三季 第一讲已讲)

    6. ionic 开拓包下载 以及指令创立的项目阐发

    1. 现在开拓手机 app 的几种措施

    原生/Native: 运用原生 SDK 开拓 App长处不用说, 当你有满意的本钱,这是最抱负的

    措施;缺陷是对不相同的 渠道要分袂开拓, 进修成本高,开拓成本高、 开拓周期长、 不易于

    web 开拓职员和公司搭站公司转型

    原生脚本/NativeScript: 将原生 API 封装成 JavaScript 接口,这有点像前真个 nodejs

    NativeScript 措施 与原生对照功能损掉不大年夜(据称只要 10%摆布),长处是开谈话语同等使

    用 JavaScript, 缺陷是 要对付不相同的渠道分袂开拓

    原生+web/ Hybrid: 运用原生技巧开拓, 有些页面调用 web 缺陷: 需求原生和 web 相助

    混杂/Hybrid: 运用 web 技巧开拓 App,运用 Cordova/PhoneGap 之类进行打包封装优

    点是选用标准的 web 技巧开拓, 避免了不相同渠道原生开拓体系的进修, 进修成本低, 上手

    快、 效率高,一次开拓 微信 wap app 悉数搞定;缺陷是 app 在 android 渠道功能上有一些

    损掉, 可是相信硬件的成长会靠拢原生

    ionic归于 hybrid开拓形式,本色上是将移动 web运用与浏览器打包,长处 MVC 根据 angularjs

    运转速率快 UI 标致 开拓大略 缺陷:进修成本比其余的 html5 布局略微高一些(比方 jqmobi)

    需求具有 angularjs 根底 是不是选用这种形式,需求根据详细环境归纳思虑

    不过在大年夜多半场景下, 要是你现已具有必定的 web 开拓经历,选用这种措施进入移动 App

    开拓范畴,仍马会免费资料是不错的一个遴选 究竟,将商品低成当地开拓出来并更快地推向市场,有

    时是最重要的事情

    2. Ionic 进修思路简介

    Ionic 简介: ionic 是一个强壮的混杂式/hybridHTML5 移动开宣布局,特征是运用标准的

    HTML、 CSS 和 JavaScript,开拓跨渠道(现在支撑: Android、iOS,计划支撑: Windows Phone、

    Firefox OS) 的原生 App 运用:

    650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/75/83/wKioL1Y7GhjwvT4_AAE7tREp.jpg" title="3.png" alt="wKioL1Y7GhjwvT4_AAE7tREp.jpg" />ionic 重要包孕三个有些:

    CSS布局 - 提供原生 App质感的 CSS格式仿照ionic这有些的完成运用了 ionicons

    图标格式库

    JavaScript 布局 - 提供移动 Web 运用开宣布局ionic 根据 AngularJS 根底布局开

    发,因而 自然地服从 AngularJS 的布局束缚;此外, ionic 运用 AngularJS UI Router

    完成前端路由

    指令行/CLI - 指令行器械集用来简化运用的开拓、布局和仿真运转 ionic 指令行

    器械运用了 Cordova,依附于渠道 SDK( Android & iOS)完成将移动 web 项目打包

    成原生 app

    由于 ionic 运用了 HTML5 和 CSS3 的一些新标准,以是哀求 iOS7+/ Android4.1+ 在低于

    这些版其余手机上运用 ionic 开拓的运用,无意偶尔会发生发火弗成思议的疑问

    3. CSS 布局

    要是你对 AngularJS 这么的器械不感兴趣,能够只运用 ionic 的 CSS 布局:直接在 HTML 中

    引进 ionic.css 就能够了

    ionic 的 CSS 布局重要提供预界说的 CSS类,来帮忙咱们疾速构建适用于手机真个 UI ionic

    的预界说 CSS 类重要分四个方面:

    根本筹划类

    ionic 将手机页面的筹划形式根本笼统为三块:头、内容、尾根本筹划类提供了 这几个

    区域的 CSS 类

    色彩和图标类

    io0449.com香港杀庄家nic 界说了几个配色计划 CSS 类,并运用 ionicons 提供的字体图标类

    界面组件类

    ionic 界说了丰盛的界面组件 CSS 类,让 HTML 元素看起来像移动渠道的 UI 组件

    栅格体系类

    和 Bootstrap 相同, ionic 也提供了栅格体系不过 ionic 的完成是根据 CSS3 的 FlexBox 模

    型,更为灵敏4. ionic js 指令 路由 其余 ui 交互感化5.ionic 指令行/CLI 装配 调试 打包( 第三季 第一讲已讲)

    1. 预备情况 装配 cordova ( 不明白的话,看前面的情况建立教程 【第二季第一讲以及

    phonegap3.4 装配教程】)

    2. 装配 ionic

    npm install -g ionic

    sudo npm install -g ionic

    3.创立运转项目

    Ios 创立装配运转

    ionic start myproject

    cd myproject

    ionic platform add ios

    ionic build ios

    ionic emulate ios

    wwwfun78.com|wwwfun78.com【存提款只需1分钟】

    Android 创立装配运转

    ionic start myproject

    cd myproject

    ionic platform add android

    ionic build android

    ionic emulate android (仿照器运转)

    ionic run android (毗连上手机运转)

    6.ionic 开拓包下载 以及默许项目阐发

    650) this.width=650;" src="/html/uploads/allimg/160121/22042A2I-2.jpg" title="aa.png" alt="wKioL1Y7GrHy37d0AAGfZLm3Ar4121.jpg" />

    这篇文章出自 “wennuanyiran” 博客,请必须保存此出处http://dingzhaoqiang.blog.51cto.com//

  • 相关内容

友情链接: