相关疑难解决方法(0)
每页不同的小js文件VS. 1x站点范围的js文件？
我的网站的不同页面有不同的js需求(主要是插件),有些需要灯箱,有些不需要,有些需要旋转木马,有些不需要等等.
关于页面加载速度应该我
选项1 - 在需要时引用每个js文件:
所以一页可能有:
<script type="text/javascript" src="js/carousel/scrollable.js"></script>
<script type="text/javascript" src="js/jquery.easydrag.js"></script>
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
另一个有:
<script type="text/javascript" src="st_wd_assets/js/carousel/scrollable.js"></script>
<script type="text/javascript" src="st_wd_assets/js/typewatch.js"></script>
选项2 - 组合并压缩到一个site_wide.js文件中:
所以每个页面都会引用:
<script type="text/javascript" src="js/site_wide.js"></script>
会有未使用的选择器/事件监听器,这有多糟糕？我会在site_wide.js文件的顶部包含任何插件备注/认证
推荐指数
解决办法
查看次数
让Google为我主持jQuery的利弊是什么？
可能重复:
我应该链接到Google API的JS库的云吗？
您是否jQuery在公共网站上向Google用户提供服务？
推荐指数
解决办法
查看次数
jQuery - 一些初学者的问题
我是jQuery的初学者,我有一些基本的问题:
是否可以在可以使用它替换某些东西时使用jQuery？例如,使用它而不是通过HTML将所有事件绑定到元素是否谨慎？
是否更好地自己托管jQuery .js文件和所有其他相关文件(如JQuery UI),或者它可能是使用Google链接的更好选择(它们似乎也为其他人托管它)？
当页面加载完成后执行脚本时,首选哪种方式？
$(document).ready(function() {})$(function() {})$().ready(function() {})
他们似乎都做同样的事情,但脚本的首选方式是什么？
推荐指数
解决办法
查看次数
将jQuery包含在Symfony2中
我是Symfony2框架的新手,并不完全了解如何使用javascripts以及如何以最佳方式包含它们.
我需要的:将jQuery脚本包含在每个页面中.
我拥有:我有这样的共同布局:
<!DOCTYPE html>
<html>
<head>
{% block javascripts %}{% endblock %}
</head>
<body>
{% block body %}{% endblock %}
</body>
</html>
应该放置jquery.js.那么web/bundles/jquery呢？或者有一些特殊的官方jquery捆绑？我应该使用asset()以及如何使用？
推荐指数
解决办法
查看次数
包含最新版jQuery的最佳方法是什么？
我正在使用Wordpress开发网站,我想使用lates版本的jQuery.
为了确保我使用lates版本,我从Binary Bonsai的例子中找到了这段代码.
我看到的是,他实际上是在Google API上链接到jQuery.
所以我的问题是,什么是更好的.
要链接到外部页面上的jQuery吗？
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
或者在本地使用jquery文件？
wp_enqueue_script('jquery', '/js/jquery-1.4.2.min.js');
UPDATE
感谢Colin,答案实际上就在这里:
为什么我要将Google的CDN用于jQuery？
但是,如果你没有Google像我这样的搜索词,我会复制John Gietzen的答案
它增加了可用的并行性.
(大多数浏览器一次只能从任何给定的站点下载3或4个文件)它增加了缓存命中的可能性.
(随着越来越多的网站遵循这种做法,更多用户已准备好该文件.)它确保有效载荷尽可能小.
(谷歌可以预先压缩文件,使下载时间非常短.)它减少了服务器使用的带宽量.
(谷歌基本上提供免费带宽.)它确保用户获得地理上接近的响应.
(谷歌在世界各地都有服务器,进一步减少了延迟.)
推荐指数
解决办法
查看次数
通过jQuery CDN引用jQuery文件是否更好？
是否更好地引用jQuery文件包含以jQuery CDN获得更好的性能？
喜欢
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
要么
jQuery在我们的项目中引用存储文件更好吗？
喜欢
<script type="text/javascript" src="/js/jQuery.min.js"></script>
由于jQuery CDN链接处理缓存,它是否比jQuery我们项目中包含的文件更能提高性能？
推荐指数
解决办法
查看次数
为什么jQuery不能在我的项目中工作？
我正在为一个朋友做一个小项目.我最近在Codecademy上学习了jQuery,这是我第一次将它整合到一个网页中.但是,它不起作用,我不知道为什么.此外,如果有人可以指导我如何使文本框居中,等等,看起来像下面链接的图像,请告诉我.
这是我的index.html:
<!DOCTYPE html>
<html>
<head>
<title>DNA Translator</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script> type="text/javascript" src="script.js"</script>
<script></script>
</head>
<body>
<div id="content">
<form>
DNA: <input type="text" name="dna" placeholder="DNA"><br>
mRNA: <input type="text" name="mrna" placeholder="mRNA"><br>
tRNA: <input type="text" name="trna" placeholder="tRNA"<br>
Amino Acids: <input type="text" name="aminoAcids" placeholder="Amino Acids"<br>
</form>
<button id="button" type="button">Tanslate</button>
</div>
</body>
</html>
这是我的stylesheet.css:
h2 {
font-family:arial;
}
form {
display: inline-block;
}
#content {
margin-top: 200px;
margin-left: auto;
margin-right: auto;
}
#button{
opacity: 0.7;
display: inline-block;
height:25px;
width:300px;
background-color:#293FE3; …推荐指数
解决办法
查看次数