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更多更有深度的问题。
目录
相关文章
|
存储 Java 数据库连接
MyBatis-Plus 基础操作指南:实现高效的增删改查
MyBatis-Plus 基础操作指南:实现高效的增删改查
868 0
|
前端开发 JavaScript 小程序
前端-全景图-VR
前端-全景图-VR
550 0
|
Web App开发 JavaScript 程序员
|
9月前
|
索引
鸿蒙开发:了解应用级配置信息
在实际的开发中,如果有共用的资源,建议大家都放到AppScope目录下,对于一些应用级别的信息,比如应用的名字,还有应用的图标,虽然说在Moulde下也可以配置,但是为了更方便的管理,这里比较推荐以AppScope目录下的app.json5为主,当然了,只是推荐,实际当中,两者都可以实现,大家选择其中一种方式即可。
224 12
鸿蒙开发:了解应用级配置信息
|
人工智能 自然语言处理 API
构建ChatPDF AI助手
本项目利用通义千问Qwen技术构建了一个ChatPDF AI助手,用户可上传PDF文件并基于文件内容进行对话。项目采用Python及多个库实现,包括Streamlit、OpenAI API、Transformers、Tiktoken等,支持高效、可定制的多语言对话,具备上下文理解能力和成本效益。示例代码展示了从环境配置到功能实现的完整流程,适合开发者快速上手。
|
供应链 算法 物联网安全
NIST主要的研究成果
NIST主要的研究成果
301 40
|
Kubernetes Cloud Native 安全
高光回眸:阿里云容器服务如何全面助力精彩亚运
高光回眸:阿里云容器服务如何全面助力精彩亚运
65948 4
|
数据可视化 数据挖掘 BI
没办法用Trello?其实有更聪明的替代方案!
在快节奏的工作环境中,Trello作为一款广受好评的项目管理和任务协作工具,凭借其直观的看板界面赢得了全球用户的青睐。然而,由于访问受限、数据安全和本土化资源不足等问题,Trello在国内的实际使用面临诸多挑战。为此,板栗看板(Banli)应运而生,作为一款专为国内市场开发的工具,板栗看板不仅在功能上媲美Trello,还在访问稳定性、自定义选项、智能提醒、数据分析和权限管理等方面进行了优化,特别适合中国团队和企业的实际需求。
425 0
|
持续交付 Python
使用Python实现自动化Web内容巡检
使用Python实现自动化Web内容巡检
704 1
|
编译器 C++ 计算机视觉
include包含文件查找的顺序 .
从microsoft网站上找到关于#include Directive (C/C++)的相关问题解释如下: The #include directive tells the preprocessor to treat the contents of a specified file as if t...
1553 0