Не позволяйте себе попасть в эту ситуацию!
Если вы когда-либо работали с веб-разработкой, то знаете, что порядок вашего HTML, CSS и JavaScript имеет значение. Но что именно это значит? И почему это так важно? В этом сообщении блога мы обсудим, как порядок вашего кода может повлиять на ваш сайт. Мы также дадим несколько советов по организации кода для оптимальной производительности. Давайте начнем!
Одна из самых важных вещей, которые нужно понять о веб-разработке, заключается в том, что порядок вашего кода может иметь большое влияние на ваш сайт. Вы должны разделить свой код на отдельные файлы, чтобы ваш код был кратким и чистым.
Обычно проект выглядит так:
- index.html
- base.css
- стили.css
- mediaQueries.css
- index.js
Вы связываете все эти файлы вместе через свой HTML-файл.
Это основа сегодняшнего урока.
Проблема
Сегодня вечером я работал над упражнением Devslopes, где мы создаем HTML через объект JavaScript.
У меня было 2 файла JS, мой общий index.html и специальный для создания «объекта» карусели с именем carousel.js.
Мой исходный HTML был таким:
Один из моих коллег Брэндон Бланкенштейн проверил мой код, и он исправил несколько мелких деталей, но мы не смогли разобраться в проблеме.
Файл carousel.js добавляет классы к элементам, чтобы они отображались.
Поэтому, когда этот файл находится НАД файлом index.js, который ЗАПИСЫВАЕТ HTML, он ничего не видит.
Однако, если вы поменяете местами два файла, чтобы index.js мог записывать HTML, при запуске файла carousel.js он сможет манипулировать необходимыми элементами!
ВЫВОД: Порядок действительно имеет значение!
Были ли у вас истории, когда заказ вас подвел?? Дайте мне знать!
Удачного кодирования!
