学习Ionic之前为什么要学Angularjs,Ionic和Angularjs是什么关系

ionic+angularjs 学习笔记_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
ionic+angularjs 学习笔记
上传于|0|0|文档简介
&&想学习ionic+angularjs 的初学者可以看看哦!
阅读已结束,如果下载本文需要使用3下载券
想免费下载本文?
定制HR最喜欢的简历
下载文档到电脑,查找使用更方便
还剩16页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢如何成为一名web前端工程师_百度知道
如何成为一名web前端工程师
html5:html.js,以及一些其他实用的插件,css,amazeui或bootstrap,javascript (最基础),node,ionic或native,以及混合app打包。以后想学习混合app开发做到前后端分离时还需要学习。具备以上三个还需要学习:Jquery。(一般),css3:angularJS或React。(高级)成为一名web前端工程师的前提是熟练掌握
采纳率:56%
来自团队:
因为在自学过程中不能保证全部知识要点能吸收,并且有什么错误的地方没人指正往正确的方向走,报学主要吧分自学。我之前也是想自学,最终你可能还是觉得报班实际,最后多方考察入cgwangweb的,自学比较困难
为您推荐:
其他类似问题
web前端工程师的相关知识
等待您来回答> 博客详情
摘要: ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox OS) 的原生App应用:
ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox OS) 的原生App应用:
ionic主要包括三个部分:
CSS框架&- 提供原生App质感的CSS样式模拟。ionic这部分的实现使用了ionicons图标样式库。
JavaScript框架&- ionic基于AngularJS基础框架开发,遵循AngularJS的框架约束;主要提供了适应移动端UI的 AngularJS的扩展,主要包括指令和服务。此外,ionic使用AngularUI Router来实现前端路由。
命令行/CLI&- 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova,依赖于平台SDK(Android & iOS)实现将移动web项目打包成原生app。
由于ionic使用了HTML5和CSS3的一些新规范,所以要求&iOS7+/&Android4.1+。 在低于这些版本的手机上使用ionic开发的应用,有时会发生莫名其妙的问题。
ionic.js : 指令
ionic.js对AngularJS进行了扩展,它的主要贡献是将移动端开发中常见 的UI组件抽象成的指令,便于我们可以在HTML开发中快速应用。
比如,我们使用ion-tabs指令就可以实现一个功能完备的选项卡:
&ion-tabs&
&ion-tab&title="首页"&...&/ion-tab&
&ion-tab&title="交流"&...&/ion-tab&
&ion-tab&title="设置"&...&/ion-tab&
&/ion-tabs&
ionic.js实现的指令基本覆盖了移动端开发所需,下面的图可以帮助我们快速简要地了解 ionic.js的能力:
ionic.js : 路由管理
在单页应用(Single Page App)中,路由的管理是很重要的环节。ionic.js 没有使用AngularJS内置的ng-route模块,而是选择了AngularUI项目 的ui-router模块。
ui-router的核心理念是将子视图集合抽象为一个状态机,导航意味着 状态的切换。在不同的状态下,ionic.js渲染对应的子视图(动态加载的HTML片段) 就实现了路由导航的功能:
ionic.js : 手势支持
考虑到移动应用交互的特点,ionic.js也提供了手势操作的事件,比如:
hold - 长按
tap - 敲击
drag - 拖动
swipe - 滑动
参考资料:/course/e5/
人打赏支持
码字总数 55697
多谢支持!!!!
多谢!!!!
支付宝支付
微信扫码支付
打赏金额: ¥
已支付成功
打赏金额: ¥
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区

我要回帖

 

随机推荐