ionic+angularJs的App启动过程
2016-08-15 14:31
225 查看
Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,Ionic
是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。现在,我们来了解一下使用ionic+angularJS创建出来的APP的启动流程
(个人理解)
(1)程序启动,app加载index.html文件,在index.html文件中,存放整个应用所需要的js文件,包括引入的angularJs文件,样式文件css,应用的业务模块文件等,然后设置angularJs的解析边界,一般为<body
ng-app="stater">
(2)在全局模块stater中,我们使用angulaJs的requires把应用需要用到的基础模块,如ionic ngCordova,所有的控制器模块,服务,指令放在requires数组里面,然后应用先自动执行
在.config方法中,我们配置好不同平台的app的样式风格,如返回按钮,tabs工具栏,导航栏等,然后你可以把app所有的路由写到一个指定的文件里,在.config进行统一加载,描述app默认加载的页面,如gFunRegisterAppBasePageStateData($stateProvider.state);之后app会再自动调用.run方法
在.run方法里面,当框架准备就绪,可以在.ready配置关于手机硬件的一些设置,如键盘,摄像头等
是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。现在,我们来了解一下使用ionic+angularJS创建出来的APP的启动流程
(个人理解)
(1)程序启动,app加载index.html文件,在index.html文件中,存放整个应用所需要的js文件,包括引入的angularJs文件,样式文件css,应用的业务模块文件等,然后设置angularJs的解析边界,一般为<body
ng-app="stater">
(2)在全局模块stater中,我们使用angulaJs的requires把应用需要用到的基础模块,如ionic ngCordova,所有的控制器模块,服务,指令放在requires数组里面,然后应用先自动执行
在.config方法中,我们配置好不同平台的app的样式风格,如返回按钮,tabs工具栏,导航栏等,然后你可以把app所有的路由写到一个指定的文件里,在.config进行统一加载,描述app默认加载的页面,如gFunRegisterAppBasePageStateData($stateProvider.state);之后app会再自动调用.run方法
在.run方法里面,当框架准备就绪,可以在.ready配置关于手机硬件的一些设置,如键盘,摄像头等
相关文章推荐
- 框架层理解Activity生命周期(APP启动过程)
- 框架层理解Activity生命周期(APP启动过程)
- Android App的启动过程
- app启动的完整过程
- app启动的完整过程
- ios app 启动过程
- android app启动过程
- angularJS启动多个ng-app
- AngularJS的启动引导过程
- ionic angularJS phoneGap(cordova) 搭建app应用
- Info.plist和pch文件的作用,UIApplication,iOS程序的启动过程,AppDelegate 方法解释,UIWindow,生命周期方法
- 005-iOS App程序启动过程
- ios6 app启动过程中执行到过程分析
- iOS 学习笔记 - App 的启动过程(无Storyboard)
- Android应用程序(app)进程启动过程的源代码分析
- Android的APP启动过程分析
- ios5 app启动过程中执行到过程分析
- Info.plist和pch文件的作用,UIApplication,iOS程序的启动过程,AppDelegate 方法解释,UIWindow,生命周期方法
- AngularJS的启动过程分析
- iOS中一个APP的启动过程