В мире так много людей, которые занимаются веб-разработкой, но все ли они лучшие? Кто не хочет быть лучшим.
В этой статье я собираюсь рассказать о некоторых вещах, которые сделают ваше мастерство более совершенным. И вы будете на шаг впереди, чтобы стать лучшим. В веб-разработке есть некоторые хитрости, которые должен знать каждый разработчик. Например, кросс-браузерное тестирование, цикл событий в javascript, синтаксис try…catch и т. д. Если вы знаете, что это такое и как это работает, то вы на шаг впереди других разработчиков.
Цикл событий в JavaScript
Мы знаем, что JavaScript представляет собой комбинацию синхронных и асинхронных событий. Синхронный выполняется один за другим, а асинхронный — это что-то вроде обратных вызовов или обещаний.
Javascript — это однопоточный язык программирования. Это означает, что есть только один поток, который выполняет всю работу. События складываются в очередь событий. Когда выполняются отдельные события. Он проходит через перекос событий и выполняет их до тех пор, пока они не опустеют. В этих перекосах событий некоторые события имеют обратный вызов другой функции или некоторые события имеют установленное время вне 3-5 минут. Тогда что нам теперь делать. Мы не собираемся ждать, пока события закончатся за 5 минут. Там приходит цикл событий. Пока цикл событий не пуст, извлеките первый элемент из очереди событий и выполните его. Этот цикл работает непрерывно до тех пор, пока в стеке событий не останется ничего.
Таким образом, в основном очередь событий похожа на список дел для потока, а цикл событий — это поток, постоянно проверяющий этот список дел и выполняющий эти действия до тех пор, пока что-нибудь не останется.
Синтаксис «попробуй… поймай»
С помощью синтаксиса «try…catch» мы можем запустить код в блоке try, и если произойдет какая-либо ошибка, выполнение try остановится, и мы можем просто перехватить ошибку в блоке catch. Если ошибок не возникает, catch(err) будет проигнорирован. Вот простой пример:
try{ //your code } catch(error) { //handle error }
Условия, при которых работает синтаксис «try…catch»:
- «try…catch» работает только с ошибками во время выполнения
- «try…catch» работает синхронно
Кроссбраузерное тестирование
Существуют тысячи веб-браузеров, и их версии доступны в Интернете. Кроссбраузерное тестирование — это практика проверки того, что веб-сайты и веб-приложения, которые вы создаете, работают в допустимом количестве веб-браузеров.
Чтобы стать лучшим веб-разработчиком, вам нужно быть совершенным во всех отношениях. Кросс-браузерное тестирование является одним из углов.
Почему возникает кроссбраузерная проблема?
- Обнаружение устаревшего браузера: это наиболее распространенная проблема, связанная с кроссбраузерностью.
- Проверка HTML/CSS.Проверка кодов HTML и CSS может создать серьезные проблемы для разработчиков во время кросс-браузерного тестирования.
- Специфические функции поставщика. Разработчики должны принять к сведению, что при создании функций/функций они должны использовать определенный код в CSS, в зависимости от того, для какого браузера они разрабатывают.
- Совместимость макета. Применяя сбросы CSS, разработчики часто удаляют дизайн по умолчанию в браузерах и применяют свой собственный.
- Ошибка DOCTYPE.Обычно это связано с какой-либо ошибочной визуализацией из-за отсутствия базовой строки в коде.
Как решить эти проблемы
- Используйте Modernizer, набор сверхбыстрых тестов, совместимых со всеми браузерами.
- Используйте инструменты проверки кода для HTML и CSS.
- Используйте правильный префикс для выбранного браузера. вот правильные префиксы:
- Safari и Chrome (-webkit)
- Internet Explorer (-ms)
- Mozilla Firefox (-moz)
- Опера(-o)
4. Используйте CSS Flexbox или CSS Grids для современных браузеров.
5. Начните с ‘ !DOCTYPE HTML’ в коде HTML.
Никогда не думайте, что вы не можете что-то сделать и стать лучшим.
Если какой-либо разработчик знает эти советы и рекомендации, то он на шаг впереди других начинающих разработчиков. Я надеюсь, что эта короткая статья оказала на вас положительное влияние.