Angular浅入深出系列 - 写在前面

本系列目录:
  • 写在前面
  • 基础知识
  • 控制器(Controller)
  • 作用域(Scope)
  • 集合(Collection)
  • 模块(Module)
  • 依赖注入(Dependency Injection)
  • 服务(Service)
  • 过滤器(Filter)
  • 指令(Directive)
  • 指令作用域(Directive Scope)
  • 路由(Routing)
  • HTTP
  • 总结
很久之前就开始着手准备Angular教程,但苦于一直没有找到合适的切入点。前一段时间,和朋友聚餐时,听几位前端开发Leader朋友都在抱怨,"Angular就是个强大的奇葩,学习曲线高,但奇迹的是团队竟然在稀里糊涂的状态下就完成开发,效果还不错... "、"Angular里面最让人不知所措的就是各种概念,不过熟悉了也就那样,挺简单的..."、"要是有一本小册子能够用最少的篇幅,讲讲Angular里面的故事那应该挺不错的..."

回想起自己刚入手Angular时的感受,切入点就有了!从事前端开发有好几年了,甚至自己也开源过几个框架,但一开始阅读Angular源代码时,还是被一个个"奇怪"的专有名词搞得头昏脑涨,无奈最终还是先去Angular官方文档一个个地去了解这些专有名词是什么,有什么作用。本系列教程将通过对Angular概念的讲解,让大家通过大量的例子了解如何使用这些概念,更重要的是了解Angular引入这些概念是为了解决什么问题。

Angular:易用还是难用?

为什么要提到这个话题呢?现实中每个前端项目在进行技术选型时,都会面对选择什么样的技术架构进行开发这个问题。说个题外话,几年前和朋友探讨这个问题时,大家都会不约而同的将技术架构和框架等同起来,也就是说"前端项目架构==框架"。现在随着前端架构的价值逐渐被挖掘出来,"前端项目架构"终于超越了"框架",升华了。

如果你觉得你已经非常熟悉Web MVC框架,从Struts到Spring MVC、从Ruby on Rails到Backbone都有所涉猎,使用Angular应该会非常顺手,那么你就错了。Angular里面的很多概念,比如嵌入包含(transclusion)、指令(directive)、作用域隔离(isolate scope)等等,会让你倍受打击。

其实Angular的本意是简单可用,如果你准备好了花一些时间,好好研究下Angular中的概念,熟悉Angular的编码风格,等你超脱了,回过头来你会发现Angular相比很多框架而言,挺好用挺优雅。写到这,我脑海中清晰地蹦出一个词"习惯"。如果你和我一样,是一名不折不扣的Java开发工程师,刚入手JavaScript时,你或许也被它的编码风格折磨的半死,对于JS"回调函数"的编码方式一定嗤之以鼻,但习惯了,会发现JS"回调函数"是如此的好用优雅。

Angular:适合你吗?

ng2正式版本都快出来了,作为一个有高追求的前端开发工程师,你或许也应该学习学习Angular。我认为Angular中有不少概念是挺不错的,是对这些年前端开发优秀沉淀的一次总结,相信对于你会有不少的启发。就一个团队而言,Angular会带来"做得很少、拥有太多"的效果。

希望你看完这个系列之后,自己能发现Angular究竟适不适合你、适不适合你的团队。

关于系列标题

该系列的标题为浅入深出,或许你会疑问为什么不是深入浅出?Angualr和前端一样包罗万象,内功、外功都需要时间的沉淀,我只是希望大家能过通过这个系列的学习,能够深入思考Angular更多更有深度的问题。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/459212.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

PHP 错误与异常 笔记与总结(12 )异常

① 异常的概念&#xff1b;异常和错误的区别 PHP 部分借鉴了 C 和 JAVA 中的异常处理机制。PHP 中的异常是指 程序运行和预期不太一致&#xff0c;与错误是两个不同的概念。 ② 异常的语法结构 【例1】 1 <?php2 header(content-type:text/html; charsetutf-8);3 /*4 t…

python中交换a和b的值_交换A和B之间的元素以获得和相等

如果有这样的互换&#xff0c;那么两个值之间的差值必须是总和差的一半。交换两个值意味着两个列表的总和将改变&#xff0c;一个上升&#xff0c;另一个下降&#xff0c;以相同的数量。这两个变化必须加上掉期前的和之间的差值&#xff0c;且两个总和都会以相同的值(^{cd1>…

iOS之地理位置及定位系统 -- 入门笔记(用Swift)

前言&#xff1a;关于地理位置及定位系统&#xff0c;在iOS开发中也比较常见&#xff0c;比如美团外面的餐饮店铺的搜索&#xff0c;它首先需要用户当前手机的位置&#xff0c;然后在这个位置附近搜索相关的餐饮店铺的位置&#xff0c;并提供相关的餐饮信息&#xff0c;再比如最…

python的三大错误类型_学习Python时要避免的三个错误

当你做错事时&#xff0c;承认错误并不是一件容易的事&#xff0c;但是犯错是任何学习过程中的一部分&#xff0c;无论是学习走路&#xff0c;还是学习一种新的编程语言都是这样&#xff0c;比如学习 Python。为了让初学 Python 的程序员避免犯同样的错误&#xff0c;以下列出了…

Extjs中给同一个GridPanel中的事件添加参数的方法

Extjs中给同一个GridPanel中的事件添加参数的方法&#xff1a; this.isUse new Ext.Action({ text:启用, scope:this, handler:this.isUseWin.createDelegate (this,[1]) }); this.isNotUse new Ext.Action({ tex…

PHP监測memcache服务端的执行状况

. 代码例如以下&#xff0c;代码为memcache官方代码&#xff0c;引用在此。做一下简单的说明&#xff1a; 1、设置username和password define(ADMIN_USERNAME,admin); // Admin Username define(ADMIN_PASSWORD,123456); // Admin Password 2、配置server及其port&#xff0…

linux grep 匹配空格_17 个案例,5 分钟简单搞定 Linux 正则表达式!

正则表达式是一种字符模式&#xff0c;用于在查找过程中匹配制定的字符。元字符通常在Linux中分为两类&#xff1a;Shell元字符&#xff0c;由Linux Shell进行解析&#xff1b;正则表达式元字符&#xff0c;由vi/grep/sed/awk等文本处理工具进行解析&#xff1b;正则表达式一般…

C# 泛型使用笔记

泛型的基本概念我就不在这重复了&#xff0c;不了解的同学请自行百度。 我主要写下我在项目中要到的泛型实例。献丑了.....有什么不好或不对的地方大家尽可评论留言。 为什么要用泛型&#xff1f; 通过使用泛型&#xff0c;我们可以极大地提高代码的重用度&#xff0c;同时还可…

汇编题目:编写包含多个功能子程序的中断例程

安装一个新的int 7ch中断例程&#xff0c;为显示输出提供如下的功能子程序。 &#xff08;1&#xff09;清屏。&#xff08;2&#xff09;设置前景色。&#xff08;3&#xff09;设置背景色。&#xff08;4&#xff09;向上滚动一行 &#xff08;一&#xff09;用ah寄…

micropython web ws2812_MicroPython实例之TPYBoard v102炫彩跑马灯WS2812B

一、实验目的了解ws2812b的工作原理学习ws2812b的驱动方法二、实验器材TPYBoard v102 1块ws2812b RGB-Ring-8 1个micro USB数据线 1条杜邦线 若干三、WS2812B的介绍WS2812B是一个集控制电路与发光电路于一体的智能外控LED光源。 其外型与一个5050LED灯珠相同&#xff0c; 每个元…

工作面试经历

这几天去找了找工作&#xff0c;面试了两家IT公司&#xff0c;下面就说说关于这两次面试的经历以及感受。 第一家公司很小&#xff0c;在这就不说它的名字的&#xff0c;公司是一个三室两厅的感觉&#xff0c;客厅里摆了两排电脑&#xff0c;里面有一个员工&#xff0c;老板见我…

mysql数据库表复用_MySQL 数据库之表操作

一、创建表的完整语法create table 表(字段名1 类型 [(宽度) 约束条件]&#xff0c;字段名2 类型 [(宽度) 约束条件]&#xff0c;字段名3 类型 [(宽度) 约束条件])&#xff1b;1.类型&#xff1a;使用限制字段必须以什么样的数据类型传值约束条件&#xff1a;约束条件是在类型之…

ubuntu命令收集

软件操作&#xff1a; - sudo apt-get install xxx  安装软件 - sudo apt-get --purge remove XXX  卸载软件 - sudo apt-get -f install  修复安装 - sudo dpkg -i [fileName.deb] 安装deb结尾的文件(不会解决依赖) echo XXX  输出到终端 nohup XXX  不挂断地运行命…

你不必害怕,岁月有的是时间让你遇见更好的人(沈善书)

这是我单身生活的第四年。一个人的生活里&#xff0c;总会羡慕别人的爱情。时间久了&#xff0c;我就慢慢告诉自己&#xff0c;其实也不必羡慕别人的爱情&#xff0c;我也可以轰轰烈烈&#xff0c;只是上辈子欠了岁月一个人情&#xff0c;岁月要让我多等待&#xff0c;磨练我的…

postgis 导出 栅格_postgis常见的空间数据的导入导出

本片文章简单记录了postgis涉及的常用数据导入导出的使用方法。1.将osm数据导入postgisosm2pgsql -c -d osm -l -E 4326 -S /usr/share/osm2pgsql/default.style xxxxx.osm这里要注意几个参数&#xff0c;是选用-c还是-a要看你的应用方式,-S这个是在ubuntu下路径不同时使用&…

修复./mysql/proc

mysql数据库只能建不能删的错误提示及处理方法&#xff1a;mysql> drop database testmysqldatabase;ERROR 145 (HY000): Table ./mysql/proc is marked as crashed and should be repaired处理方法&#xff1a;直接在mysql数据库里面使用root帐号登录后&#xff0c;进行修复…

Android有道词典查询功能

有道词典 任务要求&#xff1a;完成查词等功能 因为需要申请API key&#xff0c;这里直接给出地址供使用&#xff1a;http://fanyi.youdao.com/openapi?pathdata-mode 1、activity_main.xml基本格局&#xff08;不做任何说明&#xff09; 代码如下&#xff1a; 1 <Relative…

C++的迭代器Interator

*************************************************** 更多精彩&#xff0c;欢迎进入&#xff1a;http://shop115376623.taobao.com STL视频教程&#xff1a; http://item.taobao.com/item.htm?spma1z10.5-c.w4002-9510581626.21.y9vLuz&id43055362725 ***************…

从零开始学Axure原型设计(高级篇)

如果你熟悉了Axure的部件库&#xff0c;那么你可以得心应手地画出心目中产品的线框图&#xff1b;如果你会用Axure的母版、动态面板功能&#xff0c;那么你应该能够画出一些简单网站的原型图&#xff1b;但只有你精通了Axure的条件逻辑、变量、函数等高级交互&#xff0c;才能将…

python vector 初始化_从零开始搭建机器学习算法框架(python)--计算框架

介绍今天开始一个新的系列&#xff0c;这个系列的目标是用python在不使用任何第三方库的情况下去实现各类机器学习或者深度学习的算法。之所以会有这种想法是因为每当我想提高编程技巧的时候&#xff0c;我总希望能够做一些简单又有趣的小项目练手。我一直对机器学习算法颇感兴…