在主要"肉"仍然是服务器端的webapps中组织JS代码的最佳方法是什么？

Question

当使用像Django,Kohana,Rails等MVC web框架构建webapps时,我最初将没有JS驱动组件的应用程序放在一起,然后将它们添加为UI的"改进".

这种方法导致非侵入式JS,但我没有一个很好的"标准"方式来组织JS工作.我在这些应用程序中编写的大多数JS都是10-30行JQuery片段,它们与UI的某些特定部分挂钩.

到目前为止,我经常最终将这些内容与他们管理的UI部分结合在一起.这让我觉得很脏,我想把JS代码保存为python/php/ruby​​代码,我希望它是可测试的,我希望它可以重用.

在这样的设置中组织JS代码的最佳方法是什么,我们没有构建一个完整的JS客户端应用程序,主要的仍然是服务器端？

Answer 1

在处理JS代码时，首先应该分析它是否会在页面加载时立即使用。如果不立即使用它（意味着用户必须执行某些操作才能调用它），您应该将其打包到 JS 文件中并稍后包含它，以便用户感觉加载时间更快。这意味着用户将看到的任何内容都应该首先出现，并且与功能相关的 JS 应该在文件末尾附近导入。下载这个工具来分析您的网站：http://getfirebug.com/ 如果 JS 代码足够小，它应该与 HTML 内联。希望有点帮助。