Понимание того, как работают браузеры

Question

Недавно я занимался веб-интерфейсом, и мне было неприятно иметь дело со всеми проблемами совместимости и непредвиденным поведением браузера (FF, IE, Safari).

• Событие, всплывающее
• создание и уничтожение элементов
• динамическое добавление элементов с поведением (которые изначально не выполнялись)
• взаимодействие с модалами
• г-индекс

Я стараюсь понять, как и почему браузеры работают так, как они работают, и как они построены. Также любые указатели или ссылки на лучшие практики. Спасибо

Answer 1

У меня есть (довольно длинное) резюме по теме , как работают браузеры . Вы также можете просмотреть список ресурсов для других ссылок.

Answer 2

Вот некоторые информативные ссылки о том, как работают браузеры, и некоторая информация / руководства по CSS и совместимости с различными браузерами:

• Как работают веб-браузеры
• Как работают веб-браузеры (менее технические)
• Совместимость с CSS и браузерами
• Руководство по совместимости CSS

И некоторая подробная информация о конкретных вещах, которые вас интересуют:

• Информация о событиях и информация о браузере
• Добавление элементов в DOM ; Динамическое добавление и удаление элементов
• модальности ; Кросс-браузерные модалы
• г-индекс

Answer 3

Действительно, просто используйте прототип или JQuery. Дополнительные 12 МБ или около того будут радикально просто вашей разработкой.

Answer 4

Для кросс-браузерной совместимости с CSS, Сброс CSS может немного укротить безумие. заголовки и т. д. ").

Что касается несоответствий с пузырями JavaScript, событиями и поведением, вы можете использовать инфраструктуру, чтобы облегчить некоторые из проблем. Одна из целей этих фреймворков - «пиши один раз, беги куда угодно [в любом браузере]». JQuery - самая популярная библиотека на данный момент. Google может помочь вам найти другие фреймворки.

Answer 5

YUI Theatre имеет кучу отличного контента. Посмотрите видео Крокфорда, чтобы узнать больше о проблемах Javascript / DOM.

Театр YUI