jQuery|Web前端:要避免的常见 AngularJS 错误

jQuery|Web前端:要避免的常见 AngularJS 错误

文章图片


Angular 是全球最流行的前端JavaScript框架之一 , 目前已被微软、谷歌等许多大公司采用 。 由于开发过程简单 , 许多开发人员正在他们的开发项目中学习和采用 Angular 。

现在 , 由于它的广泛采用 , 专业人士在开发过程中犯了一些常见的错误 。 通过这篇文章 , 我们将找出开发人员应该避免的常见错误 。
1. 退订操作
Angular 开发人员经常会犯退订失败的错误 。 由于要求开发人员处理过多的方法和库 , 一旦他们在 JavaScript 中使用完这些事件 , 就必须取消订阅 。 由于延迟订阅 , 系统中很有可能发生内存泄漏 。 现在有两种情况:
如果你订阅了由 OnDestroy Lifecycle 挂钩组成的组件 , 则需要触发它 。
一旦你启动了钩子 , 如果它是一个服务 , 那么就没有可用的钩子了 。
无论如何 , 作为 Angular 开发人员 , 你必须小心这个通用但至关重要的错误 。 这将使你免受长期损害 。

2. 代码组织不当
当开发人员在开发像 AngularJS 这样的基于 javascript 的前端框架时 , 开发人员有责任将代码分成更小的组件 。
当你将这些代码分开时 , 可以毫不费力地跟踪错误 。 然而并非所有专家都足够熟练地做到这一点 。 这是因为 Angular 的 MVC 架构 , 控制器接收了大量的编码 , 这是 Angular 开发人员必须避免的另一个常见错误 。 你可以尝试创建更小的有组织的单元 , 大多数开发公司都这样做 。 总的来说 , 事情变得容易和简单 。
3. 涉及jQuery
无论你希望构建移动应用程序还是 Web 应用程序 , 大多数开发人员都使用 jQuery 。 如果你使用的是 Angular , 那么建议你根本不要使用 jQuery 。 因为 jQuery 在与框架结合时并不是最好的 。 此外 , 不要忘记 Angular 本身在这方面足够强大 , 可以通过寻求第三方库的帮助来解决问题 。
4. 直接修改 DOM
AngularJS 开发人员犯的另一个常见错误是直接更改 DOM 。 首先 , DOM 主要被认为是 HTML 和 XML 的 API , 可用于多种用途 。 例如 , 如果 SVG 执行的上下文有任何变化 , 你可以刷新页面的标题等 。 可能性几乎是无穷无尽的 , 只是你需要考虑简单直接的方法 , 而不是直接更改 DOM , 使用 jQuery 或 ElementRef.nativeElement 或 Renderer2 服务 。
【jQuery|Web前端:要避免的常见 AngularJS 错误】5. 事件处理程序的不当使用
如果你想添加功能 , Angular 是你考虑的最佳选择!可以将此类功能添加到预测数据中 。

6. 在多个 NgModule 中确认相同的组件
许多开发人员在不同的 ng 模块中使用相同的组件 , 这是大多数 Angular 开发人员忽略的最常见错误之一 。 这个常见的错误可以通过在它自己的 NgModule 中使用每个组件来避免 - 并将其列在 @Ngmodule.declarations 数组中 - 以便它可用于视图 。
如果在某些情况下你必须为不同的 ng 模块使用相同的组件 , 则可以执行以下操作:
使用子模块的 NGModule.declaration 在子模块中声明 HeroComponent
使用孩子的 NGModule.exports 数组来... 导出 HeroComponent
使用父模块的 NGModule.imports 数组导入子模块
7. 未检查
大多数时候 , 我们经常忽略在应用程序发布之前对其进行检查的事实 。 这是 Angular 开发人员或其他开发人员经常犯的一个巨大错误 。 然而 , 人们没有意识到由于过多的环境因素可以释放错误 。 幸运的是 , 我们有这么多跨浏览器测试工具 , 可以很容易地检查应用程序 。