相关疑难解决方法(0)

有几种方法可以包含jQuery和jQuery UI,我想知道人们在使用什么？

• 谷歌JSAPI
• jQuery的网站
• 你自己的网站/服务器
• 另一个CDN

我最近一直在使用Google JSAPI,但发现设置SSL连接需要很长时间,甚至只能解决google.com问题.我一直在谷歌使用以下内容:

<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>

我喜欢使用Google的想法,因此它在访问其他网站时被缓存并从我们的服务器节省带宽,但如果它一直是网站的缓慢部分,我可能会更改包含.

你用什么？你有什么问题吗？

编辑:刚刚访问过jQuery的网站,他们使用以下方法:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>

编辑2:这是我去年包括jQuery没有任何问题的方式:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

不同的是删除http:.通过删除它,您不必担心在http和https之间切换.

使用Twitter Bootstrap的最佳做法是什么,从CDN引用它或在我的服务器上制作本地副本？

由于Bootstrap不断发展,我担心如果我引用CDN,用户会随着时间的推移看到不同的网页,有些标签甚至可能会被破坏.什么是大多数人的选择？

我在谷歌CDN 的官方文档中读到这是srcjQuery:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

但是,src在每个版本更新时必须更改我的jQuery 引用是很烦人的.

我发现,如果我将版本设置为,1则Google会返回最新版本的jQuery.

http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
/*! jQuery v1.8.2 jquery.com | jquery.org/license */

这是正确的做法吗？是否有任何官方URL可以引用Google CDN上托管的最新版jQuery？

我即将尝试我的第一个AngularJS项目,并且将Node.js用于后端是有意义的,即使这意味着同时从头开始学习AngularJS和Node.js.

我试图弄清楚的第一件事是一个好的文件结构.到目前为止,我的纯HTML/CSS模板具有以下目录结构......

_site/
Fonts/
Javascript/
SASS/
Stylesheets/
Index.html

(_site是PSD等的工作目录)

我发现了一个例子目录结构使Node.js/AngularJS应用在这里 ....

...这表明以下目录结构.

app.js              --> Application configuration
package.json        --> For npm
public/             --> All of the files to be used in on the client side
  css/              --> CSS files
    app.css         --> Default stylesheet
  img/              --> Image files
  js/               --> JavaScript files
    app.js          --> Declare top-level application module
    controllers.js  --> Application controllers
    directives.js   --> Custom AngularJS directives
    filters.js      --> Custom AngularJS  filters
    services.js     --> Custom AngularJS services
    lib/            --> AngularJS  and …

我在使用RequireJS的网站上有多个页面,并且大多数页面都具有独特的功能.它们共享许多通用模块(jQuery,Backbone等); 所有这些都有自己独特的模块.我想知道使用r.js优化此代码的最佳方法是什么.我看到了RequireJS和Almond的文档和示例的不同部分提出的一些替代方案 - 所以我想出了以下我看到的可能性列表,我问最推荐哪一个(或者是否有另一种更好的方法) :

1. 使用Almond 优化整个站点的单个JS文件,该文件将加载一次然后保持缓存.这种最简单的方法的缺点是我将加载到用户不需要该页面的每个页面代码(即特定于其他页面的模块).对于每个页面,加载的JS将比它需要的更大.
2. 为每个页面优化单个JS文件,其中包括公共模块和特定于页面的模块.这样我就可以在每个页面的文件中包含Almond,并且只会在每个页面上加载一个JS文件 - 这将比整个站点的单个JS文件小得多.不过我看到的缺点是普通模块不会在浏览器中缓存,对吧？对于用户访问的每个页面,她必须重新下载大量的jQuery,Backbone等(通用模块),因为这些库将构成每个唯一的单页JS文件的大部分.(这似乎是RequireJS多重示例的方法,除了示例不使用Almond.)
3. 为常用模块优化一个JS文件,然后为每个特定页面优化另一个JS文件.这样,用户可以缓存公共模块的文件,并且在页面之间浏览只需要加载一个特定于页面的小文件.在这个选项中,我看到了两种完成它的方法,包括RequireJS功能:a.使用data-main语法或普通<script>标记在所有页面上的公共模块之前加载文件require.js - 根本不使用Almond.这意味着每个页面将有三个JS文件:require.js,通用模块和特定于页面的模块.湾 看起来这个要点建议将Almond插入每个优化文件的方法----所以我不必加载require.js,而是在我的常用模块和我的页面特定模块中包含Almond.是对的吗？这比提前加载require.js更有效吗？

感谢您提供的任何建议,以便最好地实现这一目标.

我正在寻找从谷歌API云中提取jQuery和其他JS库的优缺点,而不是直接下载文件和部署.

怎么说你？

我的决定

lib已经缓存在用户系统上的可能性对我来说是最重要的因素,所以我将使用googleapis.com的永久链接(例如ajax.googleapis.com/ajax/libs/...).我同意其他人的观点,即无法访问Google服务器云是最不重要的问题.

我正在构建一个目前使用来自多个来源的javascript的网站:

第1组: Google Maps API v3(由Google托管)
第2组: jQuery和swfobject(托管在Google CDN上)
第3组:几个jQuery插件和非jquery javascript文件(托管在我的服务器上)

我正在使用Justin Etheredge的工具SquishIt来组合和缩小我服务器上托管的所有javascript文件(第3组).

我想知道如果我在本地托管(组2)中的文件,那么该网站是否会"感觉"更快,以便它们可以与(组3)中的所有其他文件组合,并且只需要一个组的HTTP请求2&3.这意味着我没有从谷歌CDN中获益.

有没有人对此事有任何建议？

编辑: 另外,我如何得到这个问题的基于数字的答案？那可能吗？

我想在运行中创建一个jQuery对话框.我正在使用这个:

var newDiv = $(document.createElement('div')); 
$(newDiv).html('hello there');
$(newDiv).dialog();

然后我在html标题中有这个:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js"></script>

当我尝试在IE7中运行JS时,我在$(newDiv).dialog()上得到以下错误; line:Object不支持此属性或方法.

有谁知道发生了什么？

我得到了这段代码放在我的html页面中,但我对javascript一无所知,所以我不知道在哪里放置它以及放置它的标签类型.

$('input[type=radio]').change(function() {

$('input[type=radio]').each(function(index) {
  $(this).closest('tr').removeClass('selected');
});

$(this).closest('tr').addClass('selected');
});

我的网站的不同页面有不同的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文件的顶部包含任何插件备注/认证