如何为中型网站构建前端Javascript

我正在寻找一种合理的方法来为越来越依赖Javascript的常规网站构建Javascript代码

大型Javascript应用程序使用-将您的框架放在这里，角度、反应、主干。小型网站只需要脚本样式的

$（）.slider（）

，

$（）.popup（）

列表就足够了

我目前所做的是在我的

jQuery（document.ready）（函数（$）{…}）中为不同的部分使用模块模式-滑块、弹出窗口-并初始化它们函数。例如：

jQuery(document).ready(function($) {

    HomeSlider.init();
    ImageGallery.init();

});

库通过Bower加载，并通过Gulp自动预先设置。我们也欢迎对此提出任何其他建议

一旦添加了更多的库，就会进行更多的REST/AJAX调用，pushState的使用频率也会更高。我的Javascript开始变得一团糟，并跟踪何时何地发生的事情

我正在寻找一些建议，以便为“常规和现代”网站构建此Javascript，而不必致力于大框架和“过度设计”我的代码。这可能以代码示例、“轻”框架或任何文献的形式出现

非常感谢你的阅读，甚至是回答我的问题
 我自己的问题现在的答案是：使用VueJS。
我自己的问题现在的答案是：使用VueJS。
。你想实现什么？搜索结构化我的JavaScript很快就会得到大框架，而一个普通的——比如WordPress——现在使用了很多JavaScript，但不一定需要一个大的前端框架。我正在寻找一种折中的方法，将所有脚本放在一个文件中，并使用一个大框架，其功能远远超出了它应该做的。为什么不使用angularJS？它真的很容易处理，而且我认为它不会太大。但请注意，AngularJS 2将使用绑定器发布。让我们把更小的模块放在一起，构建页面，而不涉及角度/主干/任何内容。较小的模块被放在一个文件中以减少加载时间。如果您有许多独立的组件，您当前的方法（模块模式等）应该可以很好地工作。如果您的代码因为所有组件在使用全局状态时发生冲突而变得一团糟，那么您需要一个framework.com。你想实现什么？搜索结构化我的JavaScript很快就会得到大框架，而一个普通的——比如WordPress——现在使用了很多JavaScript，但不一定需要一个大的前端框架。我正在寻找一种折中的方法，将所有脚本放在一个文件中，并使用一个大框架，其功能远远超出了它应该做的。为什么不使用angularJS？它真的很容易处理，而且我认为它不会太大。但请注意，AngularJS 2将使用绑定器发布。让我们把更小的模块放在一起，构建页面，而不涉及角度/主干/任何内容。较小的模块被放在一个文件中以减少加载时间。如果您有许多独立的组件，您当前的方法（模块模式等）应该可以很好地工作。如果您的代码因为所有组件在使用全局状态时发生冲突而变得一团糟，那么您需要一个框架。