模块化Javascript库,功能类似于jQuery

模块化Javascript库,功能类似于jQuery,javascript,jquery,dom,Javascript,Jquery,Dom,jQuery和类似的库为DOM遍历和操作提供了许多有用的API。如果你的站点有大量的重复访问者,那么他们的使用很容易被证明是合理的,因为缓存将抵消最终用户的任何带宽成本 在其他情况下,访问站点的访问者可能总是独一无二的,因此,相对于开发团队的利益而言,这些库的带宽损失可能过于严重 有没有提供这种DOM交互风格的库,同时允许您选择与页面相关的部分 比如说, jQuery('#myId').addClass('error'); jQuery中的许多其他API可以在几行代码中复制,从而避免约50kB

jQuery和类似的库为DOM遍历和操作提供了许多有用的API。如果你的站点有大量的重复访问者,那么他们的使用很容易被证明是合理的,因为缓存将抵消最终用户的任何带宽成本

在其他情况下,访问站点的访问者可能总是独一无二的,因此,相对于开发团队的利益而言,这些库的带宽损失可能过于严重

有没有提供这种DOM交互风格的库,同时允许您选择与页面相关的部分

比如说,

jQuery('#myId').addClass('error');
jQuery中的许多其他API可以在几行代码中复制,从而避免约50kB的下载

所以问题是,是否存在一个包含这些函数的库,它对库的其他方面几乎没有依赖性,还是我需要自己创建它们

是否有机制/工具可用于将jQuery等现有库分解为它们的最小组件?

如前所述,如果您使用google作为库的主机,用户可能在访问您的站点之前就已经缓存了它

显示支持哪些库。目前:

  • jQuery
  • jQuery用户界面
  • 原型
  • script.aculo.us
  • 穆托尔斯
  • 道场
  • SWFObject新建
  • 雅虎!用户界面库(YUI)新增

我完全支持滚动您自己的,但是如果您不使用库,请确保您知道所有浏览器版本的所有错误


不过,这主意不错。如果您可以创建jQuery的自定义版本,那就太好了。我特别想为iPhone的Mobile Safari和Adobe AIR设计一款,它去掉了所有非webkit的东西。

请查看。只有3kB。

jQuery的生产版本是19k,与相当小的图像相同。在我看来,这不是一个严厉的惩罚


编辑:…也值得每k。

MooTools允许您只下载您想要的片段。因此,如果您只需要满足JSON AJAX请求,那么您就已经得到了


抱歉,伙计们,我不知怎么弄丢了一个页面,其中一个页面是关于JS库冲突解决方案的

我也有同样的问题,但现在我在使用一些JQuery脚本后解决了它。我知道这有点痛苦,但让我们一步一步来

首先让我告诉你,在我的项目中,我使用两个不同的库。我正在使用Lightwindow和JQuery。我无法使这两个库都正常工作,但我提出了以下脚本。您必须在每个要使用JQuery函数的函数中使用此脚本:

//这行代码表示,美元符号$is属于JQuery库

jQuery(文档).ready(函数($){ //你的源代码在这里

}))

让我们详细地使用它。在我的场景中,我有一个单击按钮,该按钮假定调用以下函数:

        function popups(message, heading, actionlink, linkName) {  
//这是一行,告诉其余的源代码 //识别JQuery函数

            jQuery(document).ready(function($) {

            // get the screen height and width    
            var maskHeight = $(document).height();    
            var maskWidth = $(window).width();  


            // assign values to the overlay and dialog box  
            $('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();  
            $('#dialog-box1').show();  


            // display the message  
            $('#dialog-message-row').html(message);  
            $('#dialog-message-heading').html(heading);  
            $('#dialog-message-actionlink').html("<a onclick=function('x') class='button' id='delete'>"+linkName+"</a>");

           });//CLOSE JQuery translator
        }
jQuery(文档).ready(函数($){
//获取屏幕的高度和宽度
var maskHeight=$(document.height();
var maskWidth=$(window.width();
//将值指定给“覆盖”和“覆盖”对话框
$('#dialog overlay').css({height:maskHeight,width:maskWidth}).show();
$('#对话框1').show();
//显示消息
$('#对话框消息行').html(消息);
$('#对话框消息标题').html(标题);
$('#对话框消息actionlink').html(“+linkName+”);
});//关闭JQuery转换器
}

这只是一个选择引擎,对吗?我相信你不能用它来操纵。不过,Sizzle、Peppy和其他类似的产品也不是一个坏的开始。在选择引擎不起作用的情况下,操作应该不会太难。考虑使用谷歌托管的版本。我们不能保证用户将缓存该项目,并且用户群的合理部分不在宽带连接上。用户体验至关重要。该网站还提供安全内容,因此外部托管并不完全可取。我不是一个真正的滚动我自己的球迷,这不是企业的核心竞争力。最终,我只想找到一种方法,或者有一个工具,可以选择jQuery所需的部分,等等。我听说jQuery正在开发一个移动版本,我假设没有支持最时髦的桌面浏览器所需的所有垃圾。只是要说清楚,它是gzip之后的19k(应该应用于大多数传输)。1.3.2的缩小版实际上是56k。由于大多数其他图书馆都不宣传这个数字,因此根据其gzip大小进行比较可能会导致混淆。是的,这很好。一旦你加入元素和元素风格,你就达到了30k。我想如果你不做其他的事情,那就比jQuery节省了不少钱。