使用Angular2和Ionic3开发i

了解如何快速搭建环境、使用组件、进行真机测试

从Angular1到Angular2

Angular2作为著名前端MVVM架构Angular1的继承者,从一定程度上说,引领了新一代Web前端开发技术的革新。从最新版的ember.js,act.js,vue.js中,可以看到这几种技术相互借鉴,取长补短,最终向一种技术方向演进。

组件化技术的崛起

Angular1也有组件,叫另外一个名字:指令。在Angular1中,指令是DOM元素紧密结合的一段包含控制逻辑、数据管理的代码。在指令中,我们可以清楚的看到Angular1对于Jquery/DOM技术的使用,以及手动对Angular组件进行生命周期的管理。要知道,这些在一般的Angular控制器/页面模板的开发中,是不用被关心的。

Angular2把组件扩大化,使这种类似于指令化的开发应用到页面开发中。这样有什么好处呢?

增加了开发人员页面开发的灵活性

使用新的文件引用技术,这点我们在Webpack的革新中具体阐述

css的分离化管理

如果了解其他的开发技术,可以发现组件化渐渐的统治了前端开发领域。从ember.js,vue.js,到React.js,组件化技术都被广泛应用。

从grunt/gulp到Webpack的技术革新

Taskrunner,从最早的grunt,到gulp,是服务于应用程序的一些控制程序。有帮助开发人员进行开发、运行单元集成测试、帮助产品发布等等一系列功能,一般我们依赖于第三方的程序来实现,例如gulp。但是npm本身就有taskrunner的功能,如清单1,scripts中包含了可以运行的ionic任务。使用类似npmrunclean就可以运行任务,不需要其他依赖。

清单1.Npm配置提供taskrunner功能

{//package.json"name":"iamsaying","version":"0.0.1","author":"IonicFramework","homepage":"


转载请注明:http://www.aierlanlan.com/rzdk/9045.html