Question

我是服务器端软件开发人员。

在过去的一年左右，我开始开发一些前端作为一个非常大的Web应用程序（spring框架，spring mvc和pure javascript \ html）的一部分

在那个项目中，我收到了由其他人构建的html布局，我不得不做所有的js逻辑。（主要是ajax电话）

我意识到我的js文件包含20K行代码，具有以下模式：

1）onclick函数\触发器 2）ajax用参数调用自身 3）ajax和html（dom）操作的回调以反映数据

所以buttom line我有一个极端的spagetthi怪物，其中包含我上面提到的许多功能。

 function createAccountButtonClicked() {

  // get input
  doCreateAccountAjax(params);

 }
  function doCreateAccountAjax(params) {

  ajax.(...) //define callbackFunc(params)

 }

 function callbackFunc(params) {

  // set dom stuff.

 }

作为一个框架怪胎（服务器），我无法相信这一点。并且发现必须有一个前端框架，以便更好地控制和流动我在这里介绍的方法。

我很欣赏任何参考文献。

由于

Answer 1

确实有一些框架可用于前端开发。它们基于MVC或MVVM设计模式，以从底层逻辑中抽象出视图。检查这些：

Backbone.js，通常与Underscore.js结合使用，用于HTML模板等。
Angular.js，由Google开发
Ember.js
Knockout.js

我首选的是Knockout.js，主要是因为我相信它拥有最干净的HTML模板机制。我认为如果您需要与专门设计应用程序的HTML / CSS视图的人进行通信，这一点非常重要。当然，选择在很大程度上取决于您的应用程序，因此我建议您阅读其中的一些内容：

当然，这是在网络上比较这些框架的资源列表的一小部分。

除了MVC框架之外，您也可以考虑使用这些：

jQuery：我想几乎每个人都使用jQuery。它抽象DOM操作，提供跨浏览器的AJAX支持，事件处理和大量其他事情。没有它我就活不下去。
Bootstrap：它使用一些非常常用的模式“引导”你的CSS，并提供一些非常好的UI组件。
Require.js：将您的javascript代码拆分为模块，并为它们提供强大的依赖关系。如果你的前端代码变得庞大而复杂，真的很有用，我建议从早期开始使用它，它会简化你的代码结构。

我希望我帮助过。）

前端 - ajax调用服务器框架

1 个答案: