2013-08-03 2 views
2

Я новичок в веб-дизайне. Я использую css, javascript, jquery для веб-разработки.performane issue- css vs javascript vs jquery

Есть моменты, когда эффект может быть достигнут со всеми тремя. Как простой MouseHover эффект может быть достигнут с помощью CSS :hover, в JavaScript onmousehover() и JQuery в $(#id).hover()

Jquery замирания-в, исчезать из эффект может быть смоделирован с помощью перехода CSS.

Мой вопрос: если эффект может быть достигнут с использованием всех трех. Нужно ли отдать предпочтение языку стилей или javascript или jquery. использование которых выше, повысит производительность и быстрее загрузит веб-страницу.

+0

Лично я думаю, что это зависит от того, для чего вы его используете - обычно я бы предпочел использовать CSS, хотя вместо JavaScript/jQuery. Время от времени, делая то или другое, преждевременная оптимизация, в других случаях это делает вещи более читаемыми, и иногда вам действительно нужно учитывать производительность. Это довольно спорно, хотя ... –

+0

CSS будет самым быстрым, как я знаю. Javascript, который использует собственный api (например, документ.getElementById (ID) и getElementsByName и т. д.) будет быстрее, чем функция jQuery. – Clxy

+0

Его подходящий вопрос, jquery/javascript - это язык сценариев и css только для стилизации, в jquery javascript мы называем ajax requst, function n all n yes, мы можем установить css в определенный элемент aftr некоторый отклик, whch we cnt do in css , Так что сложно ответить на ваш вопрос. Также, если вы хотите установить эффект aftr, любой ответ den u hv использовать jquery или js –

ответ

0

Прежде всего отдайте предпочтение этому способу, который вы сможете сделать быстрее (компьютеры стоят немного, программист стоит много). Также обратите внимание на то, как вы это делаете - если вам нужно написать тонны кода css вместо пары строк в jQuery, обязательно используйте jQuery.

css speed> javascript speed> jquery speed. Поскольку я видел, что некоторые тесты native js похожи на 10-100 раз быстрее, чем jQuery (в зависимости от браузера/селекторов и т. Д.).

В зависимости от ситуации - если вам действительно нужно, чтобы оптимизировать ваш интерфейс -> найти bottlneck первый, dont't Оптимизировать слишком рано, это зло

0

JQuery имеет преимущество работы в разных браузерах, но страдают некоторые замедлений в сделай это. Пользовательское решение javascript может работать или не работать во всех браузерах, но может быть быстрее, чем jQuery, если вы действительно умеете писать быстрый javascript. Использование css для достижения эффекта имеет преимущество в работе над всеми браузерами, которые соответствуют стандарту css, и браузеры должны быть высоко оптимизированы для рендеринга css очень быстро.

Я думаю, что это скорее вопрос о том, что браузеры вы хотите поддержать, личные предпочтения и стили кодирования, чем это вопрос скорости, но вот некоторые информационные и контрольные показатели:

Which is faster? - modifying css property or adding class in jquery

http://jsperf.com/jquery-css-vs-native-dom/16

http://jsperf.com/jquery-css-vs-css/4

http://jsperf.com/jquery-css-vs-getcomputedstyle/2

Редактировать: Согласитесь с Серхио, ранняя оптимизация - это корень всего зла. Сначала напишите код, найдите узкие места и обработайте их последними.

0

В зависимости от того, чего вы хотите достичь или сценария. Мне лично нравится css, но иногда для достижения кросс-совместимости браузера или некоторых причудливых эффектов я использую jquery. JQuery может быть настроен много, доступно множество опций, но это влияет на время загрузки страницы. Я предпочитаю jquery или javascript. С CSS3, множество эффектов, которые могут быть выполнены только с помощью jquery, теперь достижимы, но оно поддерживает только современные браузеры.