如何为网站的不同部分分离javascript代码

How to separate javascript code for different parts of the site?

本文关键字：分离 javascript 代码同部网站更新时间：2023-09-26

我有两个概念部分的网站-公共，这是显示给用户时，他们是客人。

我希望公共部分在JS代码中尽可能轻量级，在服务器上渲染许多元素并将它们作为HTML传递，然后用客户端JS代码做一些事情。

网站的用户部分是当用户登录时，它的结构更动态，它的JS代码大小可能相当大。用户在这里管理她的内容，添加，删除，搜索和过滤。当这个部分正在加载时，可以再等一些时间。

我想，我想让代码库分开的公共和私人部分的网站，但我仍然希望不重复的代码，如果可能的话，两者之间。

我看到这些方式:1. 使用一个小JS文件，它会找出它的位置，然后根据当前上下文(私有或公共)加载主逻辑文件。2. 完全独立的逻辑，并放入2个独立的文件，然后附加到2个各自的html模板。3.有一个包含公共部分逻辑的文件，如果用户登录，动态地从公共文件中加载私有逻辑文件。

我如何决定哪条路是最好的?请建议。

我相信你的第三种方法效果最好。第一个带来的延迟来自于确定用户当前权限的中间步骤。第二，需要整个页面重新加载。如果做得好，第三条似乎是最合理的。

如果你设置了一个cookie来记住用户在下次访问时登录，你可以在服务器上附加两个脚本(如果你的HTML是动态生成的)，或者甚至在需要时将它们合并在一起作为一个文件发送。如果使用一些构建工具，如gulp或grunt，这可能很容易维护。