代码之家  ›  专栏  ›  技术社区  ›  Bradley Dwyer

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

  •  0
  • Bradley Dwyer  · 技术社区  · 17 年前

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

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

    例如,

    jQuery('#myId').addClass('error');
    

    jQuery中的许多其他API可以在几行代码中复制,从而避免了约50kB的下载。

    5 回复  |  直到 14 年前
        1
  •  4
  •   Community Mohan Dere    9 年前

    如前所述 here 如果你使用谷歌作为库的宿主,用户可能在访问你的网站之前就已经缓存了它。

    This page 显示支持哪些库。目前:

    • jQuery
    • 主题
    • 原型
    • script.aculo.us
    • 框架
    • 道场
    • SWF对象 新
    • 雅虎用户界面库(YUI) 新

    我完全赞成自己滚动,但如果你不使用库,请确保你知道所有浏览器版本的所有错误。

    不过,这主意不错。如果你能创建一个自定义版本的jQuery,那就太好了。我特别想为iPhone的移动Safari和Adobe AIR开发一个,去掉所有非webkit的东西。

        2
  •  3
  •   Tor Haugen    17 年前

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

    编辑 : ..也值得每k。

        3
  •  1
  •   Ryan Florence    17 年前

    MooTools允许你只下载你想要的作品。因此,如果你想要的足以满足JSON AJAX请求,那么你就有了。

    http://mootools.net/core

        4
  •  0
  •   D'Arcy Rittich    17 年前

    结账 Sly 。只有3kB。

        5
  •  0
  •   Sailab Rahi    15 年前

    对不起,伙计们,我不知怎么弄丢了那个询问JS库冲突解决方案的页面。

    我也遇到了同样的问题,但现在我在尝试了一些JQuery脚本后解决了它。我知道这有点疼 *

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

    //这一行表示,美元符号$属于JQuery库。

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

    });

            function popups(message, heading, actionlink, linkName) {  
    

                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
            }