Angular2 Vs与Jquery,JsRender和JSView的组合

时间:2016-03-09 07:39:47

标签: javascript jquery angular jsrender jsviews

我正在开发单页应用程序,可以在所有设备上使用手机,平板电脑(使用apache Cordova)和桌面。最初我开始使用Angular2,因为它具有基于组件的开发模型(用于代码可重用性),双向数据绑定,关注点分离,依赖注入和有效的DOM操作。开发一段时间之后,我很沮丧,主要是因为它有很多学习曲线,它需要大量的工具支持开发(nodejs,node lite开发服务器,polyfill,systemjs,observables,typescripts等),模糊的错误信息,缺乏足够的文件(因为它处于测试阶段)。还需要编写大量代码来完成简单的任务,例如在文本框中设置焦点。

最后我决定使用Jquery 2.0。由于Jquery缺少模板支持和双向数据绑定,我使用的是JSRender和JSViews。 JSRender和JSView将有助于减少我需要编写的代码量。我相信如果我将服务和存储库的逻辑分离成单独的文件,即使使用Jquery,我当然可以编写干净的代码。所以问题是

  1. 如果我在Angular2上使用JQuery,JSRender和JSView的组合,我会失去什么好处。我知道依赖注入功能就是其中之一。
  2. 任何其他流行的库,具有最小的模板学习曲线和双向数据绑定,可以与Jquery一起使用?

2 个答案:

答案 0 :(得分:1)

  

如果我在Angular2上结合使用JQuery,JSRender和JSView,我会失去什么好处。我知道依赖注入功能就是其中之一。

我想你已经在问题中回答了这个问题。虽然我不知道JSRender / JSView所以我不会评论它。 jQuery适用于DOM和基于ajax的操作,因为我使用它并且我喜欢它。

  

任何其他流行的库,具有最小的模板学习曲线和可与Jquery一起使用的双向数据绑定?

为此,您可以查看ReactJs。它确实有最小 1 ←学习曲线。这些是ReactJs的一些好处:

  1. 简单。
  2. 声明
  3. 构建可组合组件
  4. 交互性和动态用户界面
  5. 多个组件
  6. 可重用组件
  7. 转移道具
  8. 表单
  9. 使用浏览器
  10. 参考组件
  11. 工具集成
  12. 附加组件
     12.1动画
     12.2双向绑定助手
     12.3测试实用程序
     12.4克隆元素
     12.5键控碎片
     12.6不变性助手
     12.7 PureRenderMixin
     12.8表演工具
     12.9浅比较
  13. 你可以get more details about these here

    <子> 1。这确实有一个学习曲线,但不能说最小或最大。这实际上取决于使用此库的作者。

答案 1 :(得分:0)

我在生产站点中使用了jQuery + jsView的组合,我曾使用过Angular和ReactJS,并且都需要很多其他文件和库,并且过于复杂。使用jQuery + jsView,您可以轻松完成所有工作。