javascript - 构建大型前端元素的最佳方式是什么？

标签 javascript html css design-patterns frontend

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 6 年前。

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

我将按如下方式重新排序我的代码:

\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

非常欢迎提出建议。

最佳答案

从您当前的结构我可以看出您是按类型(例如 Controller )构建文件夹的。对于大型应用程序，可能开始难以维护这样的结构，我认为按功能(例如主页、关于、产品)构建可以节省您将来的时间。

可以在这里找到一篇很好的文章(它是针对 angular.js 的，但模式总是相似的): https://scotch.io/tutorials/angularjs-best-practices-directory-structure

关于javascript - 构建大型前端元素的最佳方式是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43959034/