JavaScript анимация с Safari

Question

Я пытаюсь создать веб-приложения, использующие JavaScript. Я хотел бы иметь возможность использовать анимацию в этих приложениях. Я пытался использовать базовый JavaScript, но решил, что лучше всего использовать библиотеку (например, YUI или jQuery).

У меня проблема. В Safari, когда я запускаю сценарии анимации, анимация очень объемная, очень блочная. Это происходит как с YUI, так и с базовым JavaScript. Почему это происходит? Есть ли хорошие библиотеки, которые не создают эту проблему в Safari, но также хороши для Internet Explorer и Firefox (и, надеюсь, Opera)?

Answer 1

Я обнаружил, что MooTools довольно удобен для анимации, чуть более плавный, чем jQuery.

Я обычно предпочитаю jQuery, который я нахожу немного более интуитивным (в любом случае, в моей голове), но я бы использовал MooTools, если гладкая анимация является наиболее важным требованием.

Answer 2

Странно, WebKit (движок JavaScript, который использует Safari) должен быть довольно быстрым. Убедитесь, что у вас установлена ​​последняя версия, за последнее время был достигнут большой прогресс для движков JavaScript в версиях Safari и Firefox. Кроме того, я думаю, что Dojo и MooTools имеют более быструю анимацию, чем jQuery, по крайней мере, по моему опыту.

Answer 3

Вы можете скачать пример кода и проверить локально, чтобы убедиться, что все должно работать. Например, вы можете получить исходный код книги jQuery B & K по адресу http://www.manning.com/bibeault/ (см. Ссылку на источник) и попробовать примеры для главы 5. Если эти страницы работают (локально) для вас в Safari, то на по крайней мере, вы знаете, что ваше основное окружение нормальное.

У меня похожие проблемы, и я подозреваю, что в Safari есть ошибки, из-за которых отключается jQuery. Но я еще не выяснил, пишу ли я неаккуратный код (возможно, FF более щадящий, чем Safari), или Safari, или jQuery. Я отправлю больше, если получу больше мудрости.

Answer 4

Ну, для начала вы можете использовать CSS-преобразования, если приложение ориентировано на Safari. В противном случае JQuery получил некоторые встроенные анимации и большое сообщество за ним (и, следовательно, большой репозиторий плагинов).

Answer 5

В JQuery есть анимация, но я не знаю, как она выглядит на Mac (у меня нет Mac). Если дела идут медленно, то вы, вероятно, делаете анимацию слишком сложной. Помните, что JavaScript - это медленный язык, и DOM не предназначен для анимации, поэтому постарайтесь одновременно ограничить количество анимаций. Всегда спрашивайте, действительно ли анимация необходима.