将jQuery$.support输入FireBug控制台返回的项目列表是什么?

将jQuery$.support输入FireBug控制台返回的项目列表是什么?,jquery,dom,browser,console,firebug,Jquery,Dom,Browser,Console,Firebug,我正在看摇篮曲jQuery视频,其中一位老师建议使用$.support命令检查当前浏览器支持的所有可用功能。所以当我进去的时候 $.support 进入控制台我得到这个链接 Object { leadingWhitespace=true, more...} 当我点击它时,FireBug会打开DOM选项卡并显示这个列表 我识别出一些列出的对象,如样式和不透明度。我在写CSS时使用这些 我看到的其他熟悉的名字是 boxModel和cssFloat但是它们是怎么用这种方式写的呢 '小写后接大

我正在看摇篮曲jQuery视频,其中一位老师建议使用$.support命令检查当前浏览器支持的所有可用功能。所以当我进去的时候

$.support
进入控制台我得到这个链接

Object { leadingWhitespace=true,  more...}
当我点击它时,FireBug会打开DOM选项卡并显示这个列表

我识别出一些列出的对象,如样式不透明度。我在写CSS时使用这些

  • 我看到的其他熟悉的名字是 boxModelcssFloat但是它们是怎么用这种方式写的呢 '小写后接大写' 时尚
  • 这一切意味着什么
  • 它们是Javascript术语吗
  • 我在哪里可以了解更多关于这些列出的元素的含义
谢谢,

Adam

因为camelCase是JavaScript中广泛接受的命名约定-因此jQuery开发人员使用它。

因为camelCase是JavaScript中广泛接受的命名约定-因此jQuery开发人员使用它。

初始小写大写的camelCase是JavaScript命名约定。本机js函数的命名方式相同:
getElementById


该项目列表只是浏览器遵守或不遵守的标准列表。文档中提供了完整的列表和说明-

初始小写大写的camelCase是javascript命名约定。本机js函数的命名方式相同:
getElementById


该项目列表只是浏览器遵守或不遵守的标准列表。文档中提供了完整的列表和说明-

我不能说它们都是什么意思,但格式(好的)和术语没有什么特别之处。这些只是
support
对象的属性,jQuery使用这些属性来确定浏览器的功能

例如,如果
opacity
设置为
false
fadeOut()
只会使元素消失,而不会淡出


因此,这只是让jQuery确定运行时的行为。

我不能说它们都是什么意思,但格式(好的)和术语没有什么特别之处。这些只是
support
对象的属性,jQuery使用这些属性来确定浏览器的功能

例如,如果
opacity
设置为
false
fadeOut()
只会使元素消失,而不会淡出


因此,这只是让jQuery在运行时确定行为。

camelCase是javascript库中非常流行的命名约定:

这些特性与浏览器中的Javascript、HTML、CSS支持有关,因为不同的浏览器支持不同的东西

您可以在这里找到关于jQuery方面的文档:

您还可以在类似的项目中找到更多关于HTML5支持的信息:

您是否应该关心支持状态完全取决于您的用户群是谁!我使用google analytics和Modernizer来跟踪我所关心的功能的状态,因此我可以为我的用户开发相应的功能,同时考虑到他们的支持

您可以在源代码视图的底部看到执行跟踪的代码,但在这里:

<!-- Google Analytics --> 
<script type="text/javascript"> 
    //<![CDATA[
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    //]]>
</script>
<script type="text/javascript" src="./scripts/modernizr-1.5.min.js"></script> 
<script type="text/javascript"> 
    //<![CDATA[
    try {
        var pageTracker = _gat._getTracker("UA-4446117-1");
        pageTracker._initData();
        pageTracker._setCustomVar(1, "html5.boxshadow", Modernizr.boxshadow ? "yes" : "no" , 2 );
        pageTracker._setCustomVar(2, "html5.multiplebgs", Modernizr.multiplebgs ? "yes" : "no", 2 );
        pageTracker._setCustomVar(3, "html5.fontface", Modernizr.fontface ? "yes" : "no", 2 );
        pageTracker._setCustomVar(4, "html5.csstransitions", Modernizr.csstransitions ? "yes" : "no", 2 );
        pageTracker._setCustomVar(5, "html5.borderradius", Modernizr.borderradius ? "yes" : "no", 2 );
        pageTracker._trackPageview();
    } catch(err) {}
    //]]>
</script>

//
//
您还可以在此处查看全局浏览器的实施状态:

jQuery实现了
$.support
,例如,它可以检测浏览器是否支持
getElementsByClassName
,这比手动执行搜索快得多


希望对你有帮助

camelCase是javascript库中非常流行的命名约定:

这些特性与浏览器中的Javascript、HTML、CSS支持有关,因为不同的浏览器支持不同的东西

您可以在这里找到关于jQuery方面的文档:

您还可以在类似的项目中找到更多关于HTML5支持的信息:

您是否应该关心支持状态完全取决于您的用户群是谁!我使用google analytics和Modernizer来跟踪我所关心的功能的状态,因此我可以为我的用户开发相应的功能,同时考虑到他们的支持

您可以在源代码视图的底部看到执行跟踪的代码,但在这里:

<!-- Google Analytics --> 
<script type="text/javascript"> 
    //<![CDATA[
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    //]]>
</script>
<script type="text/javascript" src="./scripts/modernizr-1.5.min.js"></script> 
<script type="text/javascript"> 
    //<![CDATA[
    try {
        var pageTracker = _gat._getTracker("UA-4446117-1");
        pageTracker._initData();
        pageTracker._setCustomVar(1, "html5.boxshadow", Modernizr.boxshadow ? "yes" : "no" , 2 );
        pageTracker._setCustomVar(2, "html5.multiplebgs", Modernizr.multiplebgs ? "yes" : "no", 2 );
        pageTracker._setCustomVar(3, "html5.fontface", Modernizr.fontface ? "yes" : "no", 2 );
        pageTracker._setCustomVar(4, "html5.csstransitions", Modernizr.csstransitions ? "yes" : "no", 2 );
        pageTracker._setCustomVar(5, "html5.borderradius", Modernizr.borderradius ? "yes" : "no", 2 );
        pageTracker._trackPageview();
    } catch(err) {}
    //]]>
</script>

//
//
您还可以在此处查看全局浏览器的实施状态:

jQuery实现了
$.support
,例如,它可以检测浏览器是否支持
getElementsByClassName
,这比手动执行搜索快得多


希望对你有帮助

我可以帮忙,谢谢你。作为一名设计师/开发人员,我是否应该关注此功能列表?我的意思是,现在不是所有的主要浏览器都在同一个页面上吗?我已经更新了我的帖子,包括了你评论问题的答案。谢谢。作为一名设计师/开发人员,我是否应该关注此功能列表?我的意思是,现在不是所有的主要浏览器都在同一个页面上吗?我已经更新了我的帖子,包括了你评论问题的答案。