首页 文章

Angular 2的最佳实践

提问于
浏览
2

Angular 2被认为是前端开发中的完整框架 . 与jQuery的各种功能相比,其中一个优点是以托管方式放置前端交互 .

另一方面,jQuery非常灵活,其功能可以按功能按需应用 . 它与纯HTML代码很好地协作,特别是视觉设计师准备好的模板 . 从这个角度来看,jQuery似乎更敏捷 .

应用Angular 2的最佳做法是什么?它应该与jQuery,bootstrap和其他前端库/框架混合在一起吗?他们每个人应该承担什么责任?

2 回答

  • 5

    由于这个问题是关于软件设计的,你可以阅读各种观点的答案,我不会假装扣留“最佳答案”,并会试着坚持事实 .

    jQuery最初设计为DOM操作库,加上jQuery-ui插件的样式,以及Promises,Deferred,ajax调用等数据/异步管理 . 除了可以轻松链接的事实之外,这些不同的功能集彼此之间不会相互影响很多 . jQuery不是一个框架,而是一个库 .

    • Angular2的documentation根本不建议操纵DOM元素 . 需要时,指南是使用它's Angular2'的渲染器 .

    • Angular2使用's ' http'类提供ajax调用 .

    • Angular2可以很好地运行rxJs Observables,Promises等,让你成为异步行为的主人 . 缺点是学习曲线不仅仅是陡峭 .

    • CSS3现在在这里并且非常支持动画 . 可以进行类绑定以更改组件的外观 .

    • Boostrap可用于Angular2项目and doesn't need jQuery to run,除非使用它的javascript库 .

    即使在项目中使用jQuery也很有吸引力:

    • jQuery有一个伟大的过去,学习它很容易,并有很多用户 .

    • 说真的,它的表现非常好 . 图书馆只需要84kb缩小 .

    • jQuery有大量的插件,插件在angular2世界中没有自己的继承者 . 例如,Boostrap 'javascript'插件大多是(如果不是全部)jQuery插件 . see here

  • 2

    Angulars核心思想之一不是直接操纵DOM,这是jQuery的核心思想 . 因此,@GünterZöchbauer说,除非你真的需要,否则不要使用它(这是非常罕见的) . jQuery更像是一个帮助库,Angular是一个框架,应该这样使用 .
    您当然可以将它与Bootstrap混合使用,而您应该只使用样式并使用Angular 2版本的Bootstrap:https://valor-software.com/ng2-bootstrap/#/https://github.com/ng-bootstrap/ng-bootstrap .

    至于

    和其他前端库/框架在一起?

    你不应该把它与另一个框架混在一起,这只会让事情变得混乱 . 但是,对于大多数流行的库而言,库肯定存在(或将存在)带有TypeScript支持等的Angular版本 .

相关问题