JavaScript анимация с Safari

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

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

5 ответов

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

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

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

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

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

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

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

Другие вопросы по тегам