我有两个网站的概念部分 - 公共部分，当用户是访客时会向用户显示。
我希望公共部分在JS代码中尽可能轻量级，在服务器上呈现许多元素并将它们作为HTML传递，然后用客户端JS代码做一些事情。
网站的用户部分是用户登录时，其结构更具动态性，其JS代码大小可能非常大。用户在此管理她的内容，添加，删除，搜索和过滤。在加载这部分时，等待一段时间可以。
我想，我想为网站的公共和私有部分分别编写代码库，但我仍然希望在两个代码之间不重复代码。
我看到这些方式： 1.使用一个小的JS文件来确定它所在的位置，然后根据当前的上下文加载主逻辑文件 - 私有或公共。 2.完全分离逻辑并放入2个独立文件，然后附加到2个相应的html模板。 3.拥有一个包含公共部分逻辑的文件，如果用户登录，则从公共文件中动态加载私有逻辑文件。
我如何决定哪种方式最好？请指教。
答案 0 :(得分：0)
我相信你的第三种方法会发挥最佳作用。 1st会带来来自确定用户当前权限的中间步骤的延迟。第二次需要整页重新加载。如果做得好，第3次似乎是最合理的。
如果您设置一个cookie以记住该用户已登录以进行下一次访问，您可以在服务器上附加这两个脚本（如果您的HTML是动态生成的），或者甚至将它们合并在一起，以便在需要时作为一个文件发送。如果使用像gulp或grunt这样的构建工具，这很容易维护。