Каков список элементов, возвращаемых jQuery $ .support в консоль FireBug? - PullRequest
Новая
       10

Каков список элементов, возвращаемых jQuery $ .support в консоль FireBug?

1 голос
/ 19 июля 2010

Я смотрел видео Lullabot jQuery, и один из учителей советует использовать команду $. Support , чтобы проверить все доступные функции, которые поддерживает текущий браузер.Поэтому, когда я ввожу 

$.support

в консоль, я получаю эту ссылку 

Object { leadingWhitespace=true,  more...}

, и когда я нажимаю ее, FireBug открывает вкладку DOM и показывает этот список

альтернативный текст http://lh4.ggpht.com/_rNlSpSUBkYo/TEQiNVQWWHI/AAAAAAAAABo/JqBV7peQQXE/jQuery_$.support_DOM.png

Я узнаю некоторые из перечисленных объектов, такие как стиль и непрозрачность .Я использую их при написании CSS.

  • Другими знакомыми именами, которые я вижу, являются boxModel и cssFloat , но почему они написаны так: строчные и прописные? 1025 *
  • Что все это значит?
  • Являются ли они терминами Javascript?
  • Где я могу узнать больше о значении этих перечисленных элементов?

Спасибо,
Адам

Ответы [ 4 ]

1 голос
/ 19 июля 2010

CamelCase с начальной прописной буквой - это соглашение о присвоении имен javascript. Собственные функции js названы одинаково: getElementById

Этот список элементов - это просто список стандартов, которые браузер выполняет или не выполняет. Весь список с описаниями доступен в документации - jQuery.support

0 голосов
/ 19 июля 2010

camelCase - чрезвычайно популярное соглашение об именах среди библиотек javascript: http://google -styleguide.googlecode.com / svn / trunk / javascriptguide.xml # Именование

Функции, которые необходимо сделатьс поддержкой Javascript, HTML, CSS в браузерах, поскольку разные браузеры поддерживают разные вещи.

Документацию можно найти здесь, где объясняется сторона jQuery: http://api.jquery.com/jQuery.support/

Вы также можете найтибольше информации в аналогичном проекте с большей целью поддержки HTML5: http://www.modernizr.com/docs/

Независимо от того, следует ли вам заботиться о статусе поддержки, полностью зависит от того, кто является вашей базой пользователей!Я использую Google Analytics с Modernizr для отслеживания состояния функций, которые меня интересуют, поэтому я могу разрабатывать для своих пользователей соответствующую поддержку.

Вы можете увидеть код для отслеживания в нижней части окна.источник представления http://www.balupton.com/sandbox/jquery-lightbox/demo/, но здесь это так: 

<!-- 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>

Вы также можете увидеть глобальный статус реализации браузера здесь: http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)

jQuery Implements $.support,как, например, например, он может определить, поддерживает ли браузер getElementsByClassName, что намного быстрее, чем выполнять поиск вручную.

Надеюсь, это поможет сопряжению!

0 голосов
/ 19 июля 2010

Я не могу сказать, что они все значат, но нет ничего особенного в форматировании (хорошо, это CamelCase ) и терминах. Это просто свойства объекта support, и jQuery использует их для определения возможностей браузера.

Например, если opacity установлено на false, fadeOut() просто заставит элемент исчезать, а не исчезать.

Так что это только для jQuery, чтобы определить поведение во время выполнения.

0 голосов
/ 19 июля 2010

Поскольку camelCase - это широко распространенное соглашение об именах в JavaScript, поэтому разработчики jQuery его используют.

...