如何构建基于jquery的大型网站？

Question

我想开始一个新项目，一个大型jquery应用程序/网站。我希望网站的功能很像twitter或github，非常动态，非常流畅/流畅等等......

我的问题是我不知道从哪里开始。我读了无数博客文章，研究过很多JS框架/模板和文件。 MVC类型系统。

当我编写JS代码时，我应该将所有内容都放在一个文件中吗？或者我应该将每个插件分解为单独的文件，然后使用像Respond.JS这样的JS加载器？

我认为我需要一个模板系统才能让hashtag导航工作，所以我正在查看Backbone.JS或Mustache / Handlebars.JS

有没有人有这个出发点？也许我可以遵循样板解决方案/开发模式？

谢谢！

Answer 1

这在很大程度上取决于您对“大”的定义以及您正在部署的组件类型。我发现很高兴我们能够很好地了解你的环境，告诉你该怎么做，但我可以给你一些一般的建议：

1. 如果您需要页面上的组件（例如数据的交互式可视化），请尝试查找现成的插件。

2. 如果现成的插件不可用，请以插件的形式编写组件。这与jQuery的设计很好地结合在一起，并确保了高度的可重用性。

3. 尝试将Javascript与HTML分开。通常，您的HTML是一个充满id或类的页面，可以用作Javascript链接到的“挂载点”。 Javascript文件通常如下所示：

   $（document）.ready（function（）{

   //开始进行AJAX调用，设置页面

   //元素，以及您需要的任何其他内容。

   }）;

4. 鉴于Javascript与页面绑定，请尝试保持页面数量，同时为每个页面提供自己的Javascript文件。如果页面特别复杂或使用可重用的包含文件，请将Javascript分成仅控制页面一部分的较小文件。可以根据需要进行多次$（document）.ready（）调用。

祝你好运！

Answer 2

一旦你的JS完成，在生产中它就缩小了：

http://jscompress.com/

此外，如果您使用多个jquery插件（例如jquery UI），请将它们全部保存在同一文件中以提高性能。