小编给大家分享一下角开发者需要学习哪些知识点,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
一款的待办事项应用基本等同于前端开发的“Hello world”。虽然涵盖了创建应用程序的CRUD方面,但它通常只涉及那些框架或库也能做到的皮毛而已。
角度看起来似乎总是在改变和更新,但实际上,还是有一些事情仍然保持不变。以下是关于角所需要学习的核心概念的概述,以便大家可以正确地利用JavaScript框架。【相关教程推荐:《角教程》】
说到角,我们需要学习很多东西,很多人被困在初学者的圈子里,仅仅是因为不知道去哪里搜索或者应该搜索什么关键词。下面我们会说到的这个指南(也是对角本身的一个快速摘要),我其实很希望我在第一次开始使用角2 +时就已经有了。
<强> 1。模块化角架构强>
<人力资源/>理论上,你可以将所有角代码放在一个页面上并放入一个大型函数中,但不建议这样做,这也不是一种有效的方法来构造代码,并且违背了角存在的目的。
角将模块的概念作为框架架构的重要组成部分,这是指只有一个存在理由的代码集合。你的角度应用基本上由模块组成,有些是独立的,有些是共享的。
有多种方法可以在您的应用程序中构造模块,深入了解不同的体系结构也可以帮助确定如何在应用程序增长时扩展应用程序,它还可以帮助隔离代码并防止产生代码耦合。
<强>搜索关键词:强>
- <李>
角架构模式
李> <李>可扩展的角度应用架构
李><强> 2。单向数据流和不可变性强>
<人力资源/>早在角1中,双向绑定就俘获了许多前端开发人员的心。这实际上是角最初的卖点之一。然而,随着时间的推移,当应用程序开始变得更加复杂时,它开始在性能方面产生问题。
事实证明,并不是在任何地方都需要双向绑定的。
双向绑定在角2 +中仍然是可实现的,但只有在开发人员明确请求时才能进行双向绑定——这样就迫使代码背后的人员考虑数据方向和数据流,它还允许应用程序通过确定数据的流动方式来更加灵活地处理数据。
<强>搜索关键词:强>
- <李>
角数据流最佳实践
李> <李>角中的单向流
李> <李>单向绑定的优点
李><强> 3。属性型和结构型指令强>
<人力资源/>指令是HTML通过自定义元素的扩展。属性型指令允许您更改元素的属性,结构型指令通过在DOM中添加或删除元素来更改布局。
例如,ngSwitch和ngIf是结构型指令,因为它评估参数并确定DOM的某些部分是否应该存在。
属性型指令是附加到元素,组件或其他指令的自定义行为。
学习如何使用这两个指令可以扩展应用程序的功能,并减少项目中重复代码的数量。属性型指令还可以帮助集中在应用程序不同部分使用的某些行为。
<强>搜索关键词:强>
- <李>
角属性型指令
李> <李>角结构型指令
李> <李>角结构型指令模式
李><强> 4。组件生命周期钩子强>
<人力资源/>每个软件都有自己的生命周期,决定了如何创建,渲染和删除某些内容.Angular的组件生命周期是这样的:<代码>创建→显示→渲染孩子→检查当数据绑定属性修改→破坏→删除从DOM代码>
我们能够在这个周期内抓住关键时刻,并在特定时刻或事件中锁定他。这允许我们根据组件存在的不同阶段创建适当的响应并配置行为。
例如,在呈现页面之前可能需要加载一些数据,你可以通过ngOnInit()来实现这一点,或者你可能需要断开与数据库的连接,这可以通过ngOnDestroy()来实现。
<强>搜索关键词:强>
- <李>
角生命周期钩子
李> <李>组件生命周期
李><强> 5。Http和可观察对象服务强>
<人力资源/>这并不是角特有的功能,而是来自ES7.Angular只是碰巧将其作为框架支持功能的一部分来实现,并且恰好理解了这一点,它也可以很好地转换为反应,Vue和任何JavaScript相关的库或框架。
可观察对象服务是允许你有效处理数据的模式,允许你在基于事件的系统中解析,修改和维护数据。你无法完全逃避Http和可观察对象,因为一切都是数据。