Javascript 构建大型前端项目的最佳方式是什么?

Javascript 构建大型前端项目的最佳方式是什么?,javascript,html,css,design-patterns,frontend,Javascript,Html,Css,Design Patterns,Frontend,我目前正在使用Node.js和EJS作为模板引擎创建一个大型多页项目,在组织代码时遇到了一些问题。我只找到了关于css和js模式的建议,但是关于前端架构的信息很少。到目前为止,这是我发现的关于这个话题的最新信息 我将按如下方式重新订购我的代码: \views home.ejs about.ejs products.ejs \partials header.ejs footer.ejs \css

我目前正在使用Node.js和EJS作为模板引擎创建一个大型多页项目,在组织代码时遇到了一些问题。我只找到了关于css和js模式的建议,但是关于前端架构的信息很少。到目前为止,这是我发现的关于这个话题的最新信息

我将按如下方式重新订购我的代码:

\views
      home.ejs
      about.ejs
    products.ejs
         \partials
            header.ejs
            footer.ejs

\css
    \home
        home.css
    \about
        about.css
    \products
        produtcs.css
 \imgs
 \js
      \controllers
          home.js
          about.js
       products.js
      \libs
          jquery.js
          analytics.js
      \plugins
          jquery.tooltip.js
          textResize.js
          formValidation.js

建议非常受欢迎。

从您当前的结构中,我可以看出您是按类型(例如控制器)构建文件夹的。对于大型应用程序,它可能开始难以维持这样的结构,我认为按功能(例如,家庭、大约、产品)进行结构设计可以在将来节省您的时间

在这里可以找到一篇好文章(它是针对angular.js的,但模式总是相似的):

从您当前的结构中,我可以看出您是按类型(例如控制器)构建文件夹的。对于大型应用程序,它可能开始难以维持这样的结构,我认为按功能(例如,家庭、大约、产品)进行结构设计可以在将来节省您的时间

在这里可以找到一篇好文章(它是针对angular.js的,但模式总是相似的):

只要您的团队有一个易于记忆的组织系统,无论文件夹中有多少文件,您都是优秀的。就我个人而言,我经常将我的\css\img和\js全部放在\res文件夹中,因为我发现大部分时间都花在\views文件夹中,但同样,那只是我。你说得对,我大部分时间都花在view文件夹中。感谢您的回答。不要将控制器放入js路径,控制器必须位于视图的同一侧/同一角度。只要您的团队有一个易于记住的组织系统,无论文件夹中填充了多少文件,您都很好。就我个人而言,我经常将我的\css\img和\js全部放在\res文件夹中,因为我发现大部分时间都花在\views文件夹中,但同样,那只是我。你说得对,我大部分时间都花在view文件夹中。感谢您的回答。不要将控制器放入js路径,控制器必须与视图位于同一侧/角度。