从外部站点加载脚本

开发人员框架非常适合使用javascript构建快速而简单的修改,但它也可以用于构建与页面的多个部分交互的复杂附加函数,或用于多个系统做一些非常令人印象深刻的事情。

如果你曾经用javascript开发过一些重要的功能,你就会知道,由于它提供的灵活性,它可能很快就会失去控制,变得难以管理。如果有多个开发人员在系统上工作,情况会变得更糟,因为系统中只有一个地方可以输入代码。

解决这个问题的一个简单但非常强大的解决方案是在另一个网站上托管javascript文件,比如CDN,或者你的组织自己的面向公众的网站,并使用开发人员框架将这些文件添加到你的内部网页面。

下面的代码示例展示了如何将单个文件附加到页面的头部,但是使用数组或类似的东西将非常容易合并多个文件。

$(document).ready(function(){var script = document. createelement ("script");脚本。Type = "text/javascript";脚本。SRC = "https://my.web.com/codefile.js";//使用这个链接脚本document.getElementsByTagName("head")[0].appendChild(script);});

这种方法的其他优点是

  • 模块化文件——使用这种方法,您可以模块化您的代码,这意味着实现特定功能的所有代码都可以包含在单个代码文件中。
  • 开发人员分离——如果所有开发人员都有自己的源文件,那么这就降低了一个开发人员覆盖另一个开发人员所做更改的风险
  • 源代码控制——由于文件作为物理文件托管在另一个网站上,而不是保存到交互文件系统中,您可以轻松地将这些代码包含在源代码控制系统中
  • 在不同环境之间部署——在不同环境(如沙盒环境和现场环境)之间复制代码更改的标准方法是在它们之间复制和粘贴。复制和粘贴容易出现人为错误,但是使用这种方法意味着您只需在第二个环境中加载文件以进行即时部署
  • 错误纠正——javascript中的一个简单错误,比如括号放错了位置,就会让你的网站上所有的javascript停止工作,并有效地破坏交互。如果开发人员框架不可访问,撤消更改可能会很棘手,因此将代码驻留在交互之外可以更容易地删除问题代码并使交互恢复正常。

Baidu
map