gpt4 book ai didi

javascript - 如何正确划分不同页面的javascript逻辑?

转载 作者:行者123 更新时间:2023-12-03 01:56:26 25 4
gpt4 key购买 nike

例如,我有一个网站,其中包含一些页面,如下例所示:

  • 登录.html
  • 用户信息.html
  • 产品.html
  • 产品.html

这些页面我有不同的脚本。所以我有:

  • 登录.js
  • 用户信息.js
  • 产品.js
  • 产品.js

我可以将这些文件合并为一个或使用 ES6 模块导入并获取“scripts.min.js”。

但是,如果我在 login.js 中有类似的内容:

document.ready(function() {
alert('Hello, this is logic for login.js');
})

然后我在所有页面上都会收到此消息。

我正在寻找在页面之间划分逻辑的正确方法。不幸的是,我发现的所有关于 JavaScript 架构的信息都是关于 SPA 的。

在普通网站中如何组织 JS 结构以使其可维护和可扩展?

最佳答案

更新:如果您希望某些代码仅在特定页面上执行,您可以执行以下操作(加载):

var _tgt = window.location.href; //where are we

var _is_login = _tgt.search("login");

if (_is_login !== -1) {
console.log("Do something in login");
}
<小时/>

您可以使用节点模块来 trim 代码:

  • 删除注释并压缩:uglify-js npm 模块。
  • 要合并各种 js 文件,您可以执行以下操作:
    1. 使用(例如)npm 模块 fs-readdir-recursive 和 fs 读入文件
    2. 使用正则表达式删除不需要的内容
    3. 创建一个新文件(合并)

关于javascript - 如何正确划分不同页面的javascript逻辑?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50207680/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com