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

How to structure front-end Javascript for middle-sized websites

本文关键字:构建 前端 Javascript 网站 中型      更新时间:2023-09-26

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

大型Javascript应用程序使用-将您的框架放在这里,Angular、React、Backbone。小型网站只需要一个脚本样式的$().slider()$().popup()列表就足够了。

我目前所做的是为不同的部分使用模块模式——滑块、弹出窗口——并在我的jQuery(document).ready(function($) { ... });函数中初始化它们。例如:

jQuery(document).ready(function($) {
    HomeSlider.init();
    ImageGallery.init();
});

库通过Bower加载,并由Gulp自动准备。我们也欢迎对此提出任何其他建议。

一旦添加了更多的库,就进行了更多的REST/AAJAX调用,pushState被更频繁地使用,我的Javascript开始变得一团糟,并跟踪何时何地发生的事情。

我正在寻找为"常规和现代"网站构建这个Javascript的建议,而不需要承诺一个大框架和"过度设计"我的代码。这可能是代码示例、"轻量级"框架或任何文献的形式。

非常感谢您的阅读,甚至可能回答我的问题!

我自己的问题现在的答案是:使用VueJS。