AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开发，扫去jQuery一度的光芒。用angularjs就像写后台代码，更规范，更结构化，更可控。 从 Angular 2.x 开始新的体验。 关于作者 张丹(Conan), 程序员R,Java,Nodejs weibo：@Conan_Z blog: http://blog.fens.me email: bsspirit@gmail.com 转载请注明出处： http://blog.fens.me/angular2-init/ 前言 随着Angular2的升级，从1.x升级2.x，但我却迟迟没有动手。原因了2.x对1.x完全不兼容，而且从原生Javascript变成了Typescript，增加很多的生成模块，依赖的类库一下子变得很多。变化实在太大了，确实让人难以接受。我特别对于Typescript的不解，喜欢javascript的灵活，而静态化意味代码量的增加。 前几天，看到Angular2的release，想来想去还是要试试。从官方文档中，看到对中文支持的非常好，开发团队真是用心了。开发团队用心的改变，作为使用者来说是切身可以感受的，带着敬意和信心，决定把Angular2学起来。 目录 Angular2介绍 Anguar2的快速启动 从命令行构建Anguar2 1. Angular2介绍 Angular是由Google开发的一套前端应用开发框架，可以快速帮你构建复杂的大型前端单页应用(Single Page Application)。我非常喜欢Angular 1.x 给我带来的前端开发体验，当前花了2周时间时间学习，几百行代码就实现了，超乎想象的应用效果。我放下了所有原来对于前端Javascript的认知，直接转向了Angular。 官方网站：https://angular.cn/ Angular2的新特性包括： 渐进式Web应用：借助现代化Web平台的力量，交付app式体验。高性能、离线化、零安装。 原生：借助来自Ionic、NativeScript和React Native中的技术与思想，构建原生移动应用。 桌面：借助你已经在Web开发中学过的能力，结合访问原生操作系统API的能力，创造能在桌面环境下安装的应用，横跨Mac、Windows和Linux平台。 代码生成:Angular会把你的模板转换成代码，针对现代JavaScript虚拟机进行高度优化，轻松获得框架提供的高生产率，同时又能保留所有手写代码的优点。 统一:在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。 代码拆分:Angular应用通过新的组件路由（Component Router）模块实现快速加载，提供了自动拆分代码的功能，为用户单独加载它们请求的视图中需要的那部分代码。 模板:通过简单而强大的模板语法，快速创建UI视图。 Angular命令行工具:命令行工具：快速进入构建环节、添加组件和测试，然后立即部署。 各种IDE:在常用IDE和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。 测试:使用Karma进行单元测试，让你在每次存盘时都能立即知道是否弄坏了什么。Protractor则让你的场景测试运行得又快又稳定。 动画:通过Angular中直观简便的API创建高性能复杂编排和动画时间线 —— 只要非常少的代码。 可访问性:通过支持ARIA的组件、开发者指南和内置的一体化测试基础设施，创建具有完备可访问性的应用。 接下来，就让我们来体验Angular2的新颖之处的。 2. Anguar2的快速启动 阅读官方文档，我们可以跟着文档进行项目的快速启动，快速启动项目quickstart，是基于github，node，npm的，我们按照文档执行就可以了。关于Node的介绍，可以参考系列文章从零开始nodejs系列文章 系统环境： Win10 64bit node v6.9.4 …
Read more →