【Angular】小结

【前言】

    之前对angular只限于它是前端的一个框架,通过项目对angular进行了深入的学习,又是一片新的世界。

【Angular】

一、什么是Angular

    Angular是一个前端开发平台。它能帮你更轻松的构建Web应用程序。Angular集声明式模板(declarative templates)、依赖注入(dependency injection)、端到端工具、双向数据绑定和一些最佳实践方式为一体,为您解决开发页面的各种挑战。替开发者提升构建Web、手机或桌面应用程序的能力。

  小故事(不要低估自己的业余时间):

    2009年,Misko hevery 和 Adam Abrons 在业余时间创造了GetAngular。那么这个GetAngular到底有多大的作用呢?这里有个小故事:Misko Hevery 使用GetAngular重写了Google内部的Feedback项目,重构前17000行,三周时间完成重构,重构后代码量只有1500行。从这个事情可以看出Angular的效率很高!这个事情过后,Angular被正式立项,由专职团队开发和维护,并将其首次命名为AngularJS。

  发展:

    Angular是Google开发出来的一款开源JavaScript框架,用来开发单一页面应用程序(single page application,SPA)。Angular共有1、2、4、5个版本,1正名为AngularJS,而2、4、5版为Angular *。两者架构差异很大,简单来说AngularJS本身有一些缺点,后来受到React的刺激之后,Angular便被开发出来与之抗衡。

    Angular采用MVC模式,蕴含了M、V、C/VM等页面,不需要组合、评估其他技术就能完成大部分前端开发任务。这是因为它已经将各种技术封装在框架中,隔离栏浏览器的细节,让你不用关心它的实现细节。此外所有需要使用的模块、组件Angular都已经帮你打包好了。

 

二、特性与优点

  跨平台:

    (1)渐进式应用

        充分利用现代Web平台的各种能力,提供APP式体验。高性能、离线使用、免安装。

    (2)原生

        借助来自lonic、NativeScript和React Native中的技术与思想,构建原生移动应用。

    (3)桌面

        借助你已经在Web开发中学过的能力,结合访问原生系统API的能力,创造能在桌面环境下安装的应用,横跨Mac、Windows和Linux平台。

 

  速度与性能:

    (1)代码生成

        Angular会把你的模板转换成代码,针对现代JavaScript虚拟机进行高度优化,轻松获得框架提供的高生产率,同时又能保留所有手写代码的优点。

    (2)统一平台

        在服务端渲染应用的首屏,像只有HTML和CSS的页面钠盐几乎瞬间展现,支持node.js、.NET 、PHP,以及其他服务器,为通过SEO来优化站点铺平了道路。

    (3)代码拆分

        借助新的组件路由器,Angular可以实现快速加载。自动代码拆分机制可以让用户仅仅加载那些用于渲染所请求页面的代码。

 

  生产率:

    (1)模板

        通过简单而强大的模板语法,快速创建UI视图。

    (2)Angular CLI

        命令行工具:快速进入构建环节、添加组件和测试,然后立即部署。

    (3)各种IDE

       在常用IDE和编辑器中获得只能代码补全、实时错误反馈及其他反馈等特性。

 

  完整开发故事:

    (1)测试

        使用Karma进行单元测试,让你在每次存盘时都能立即知道是否弄坏了什么。Protractor则让你的场景测试运行得又快又稳定。

    (2)动画

        通过Angular中直观简便的API创建高性能复杂编排和动画时间线——只要非常少的代码。

    (3)可访问性

        通过支持ARIA的组件、开发者指南和内置的一体化测试基础设施,创建具有完备可访问性的应用。

 

 

 

 

 

 

 

 

 

    

 

 

评论 38
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值