Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
所有的javascript都应该放在一个单独的js文件中吗_Javascript_Jquery_Asp.net Mvc - Fatal编程技术网

所有的javascript都应该放在一个单独的js文件中吗

所有的javascript都应该放在一个单独的js文件中吗,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,如果某些jquery或常规javascript应该内联或在一个单独的js文件中,标准是什么?如果都在一个外部文件中,则更干净。将您的CSS和Javascript保存在它们自己的远程文件中,以实现清洁和更好的维护。对于这条规则,我唯一的例外是当我需要在页面加载时输出一些动态javascript值时:我可以在html文档的头部执行此操作。我个人认为这是个人选择,取决于具体情况。如果只是几行Javascript,我就不需要再创建一个单独的文件(和另一个HTTP请求)。然而,如果它更多的是,与功能和比琐

如果某些jquery或常规javascript应该内联或在一个单独的js文件中,标准是什么?

如果都在一个外部文件中,则更干净。将您的CSS和Javascript保存在它们自己的远程文件中,以实现清洁和更好的维护。对于这条规则,我唯一的例外是当我需要在页面加载时输出一些动态javascript值时:我可以在html文档的头部执行此操作。

我个人认为这是个人选择,取决于具体情况。如果只是几行Javascript,我就不需要再创建一个单独的文件(和另一个HTTP请求)。然而,如果它更多的是,与功能和比琐碎的影响,我把它在一个外部文件


此外,如果代码将在多个页面上使用,它应该始终放在一个单独的文件中,即使它只是几行。

我们在工作中使用一个组合—任何静态JS都使用外部文件,并嵌入我们为每个页面构建的JS页面中(DotNetNuke,因此我们无法预测哪些控件将命名为clientside).

我个人更喜欢将所有javascript保存在一个外部文件中,它可以使HTML或XHTML保持干净,更易于维护,但在我开发时,我通常会将我正在处理的当前代码嵌入到文件的顶部,以便更容易地访问它,然后在完成后将其移动到一个外部文件中


至于内联javascript,我会尽量避免使用它,因为它使跟踪bug变得困难,但奇怪的是,它会很有帮助,比如在链接中添加一个div层。

这取决于许多因素

1。缓存

当您将javascript或css分离为单独的文件时,它将缓存在浏览器中,当新请求到达时,无需从浏览器下载新请求。但是,在每次请求页面时使用内联编码的情况下,内容将被下载,这将增加带宽使用

阅读更多

2。减少HTTP请求

通过内联编码,可以减少HTTP请求的数量,这是一种单页优化技术

阅读更多关于这方面的文章

3。可维护性

通过创建外部javascript和css文件,可以更容易地维护代码。您不必为应用更改而更改每个页面

4。缩小

缩小是从代码中删除不必要的字符以减小其大小从而缩短加载时间的实践。当代码缩小时,所有注释以及不需要的空白字符(空格、换行符和制表符)都将被删除。对于JavaScript,这会提高响应时间性能,因为下载文件的大小会减小

阅读更多

在这里我发现了一篇关于


保持javascript内联可以使许多ide对变量执行自动完成。然而,如果JS位于单独的文件中,则此功能不可用


这真是一件大事,伊姆霍。我很惊讶现在的IDE不能扫描和索引javascript文件的使用情况,从而提供合理的自动完成选项。

Ya,我通常在
中调用
document.documentElement.className+=“js”
调用,而不是在外部文档中。同意。顺便说一句,最好的做法是制作一组较小的文件以便于维护和可读性,然后使用一个构建脚本,将所有内容很好地打包以供部署。@jvenema:或者使用您最喜欢的模板语言中的
include
指令。