如何在文件中组织OO js代码？本地网络应用

Question

我目前正在开发一个将在B2B环境中的本地网络上运行的应用程序.所以我几乎可以忘记在节省带宽方面的微(迷你？)优化,因为硬件便宜,程序员很贵.

我们在项目中有一个结构良好的面向对象的js代码,显然有很多js类.如果所有类都将存储在单独的文件中,那么浏览此代码并因此维护它将非常容易.

但这将使我的浏览器生成几十个HTTP请求,以获取我在页面上需要的所有js文件/类.即使在本地环境中,它在第一次加载(具有空缓存)时也不是超快,并且稍后当您修改它并且缓存必须被无效时.

可能的解决方案:

• 违反规则"每个文件一个类"
• 一直使用YUI压缩器(在开发和生产中)生成一个大的js文件.

但是如果我们为此选择YUI压缩器(在开发环境中没有缩小操作,并且缩小生产) - 那么我们需要在任何js文件中的每次修改时重新加载/重新编译这个大js文件.

你会推荐什么来解决这个问题？

Answer 1

将所有.js文件分开.保持"每个文件一个类"规则.

然后,使用服务器端技术将脚本聚合到一个请求中.

选项:

1. 使用ASPX或PHP或whatevver服务器端脚本编写的东西,将所有JS聚合到一个请求中.对.js的请求不再是静态文件,但是在服务器上缓存它应该相对便宜.

2. 在统一的.js文件中使用服务器端包含.

   <! - #include virtual ="/ class1.js" - >
   <! - #include virtual ="/ class2.js" - >