Для верстальщиков. Украшаем код JavaScript

Для верстальщиков. Украшаем код JavaScript
Для верстальщиков. Украшаем код JavaScript

Те из вас, кто верстает сайты, прекрасно знают, как удобно читать код, когда он свёрстан в удобочитаемом виде. Это упрощает и его понимание и визуальное выявление ошибок до запуска. Что немаловажно - ваш код смогут легко прочитать другие ваши коллеги.

Удобочитаемый, выразительный и правильный код JavaScript важнее производительности. JavaScript не в сжатом виде не так сильно влияет на производительность. Уделите лучше своё внимание на сжатие изображений и оптимизацию HTTP-запросов, а также на DOM-дерево.

И так, если вы за красивый код, то очень легко и быстро это можно сделать с помощью онлайн-сервисов, которые это проделывают за считанные секунды. Нужно просто вставить свой код в окошко и получить красивый результат с подсветкой синтаксиса, который затем вы сможете использовать в вёрстке.

Один из таких сервисов можно открыть по ссылке --> украшение JavaScript кода. Сервис бесплатный с открытым кодом. Язык интерфейса английский. Если не знаете языка, вам не составит труда включить приложение переводчик (если ещё нет такого в браузере, то установите).

В специальное окошко вставляете фрагмент своего кода или можете загрузить целиком файл.

Нажимаете кнопку Beautify Code, чтобы получить красивый код.

Также можно поиграть с настройками, чтобы добиться желаемого результата, при котором код будет наибольшим образом удобен вам для прочтения.

Есть ещё один Большой плюс этого сервиса - он разжимает сжатый JavaScript код, делая его легкочитаемым.

Подведём итог

Пишите красивый JavaScript код, берегите глаза и нервы свои и своих коллег )

Понравилась статья?
Будем признательны, если поделитесь в соцсетях или мессенджерах, а также присоединитесь к нашей группе Вконтакте. Будет интересно!

Другие статьи по теме:

JavaScript: разоблачение регулярных выражений
JavaScript: разоблачение регулярных выражений

Регулярные выражения, вероятно, являются наиболее неправильно понимаемой особенностью большинства языков.

Многие разработчики пытаются понять их с помощью плохих руководств или старых книг, и когда они разочаровываются, они предпочитают игнорировать их до конца своей карьеры.

Демистифицирующие операторы JavaScript: что означает этот символ?
Демистифицирующие операторы JavaScript: что означает этот символ?

В этой статье мы рассмотрим операторы в JavaScript один за другим. Мы объясним их функции и продемонстрируем их использование, помогая вам понять их роль в построении более сложных выражений.

33 Концепции JavaScript, которые должен знать каждый разработчик
33 Концепции JavaScript, которые должен знать каждый разработчик

Как вы думаете, насколько хорошо вы знаете JavaScript? Вы, вероятно, знаете, как писать функции, понимать простые алгоритмы и даже можете написать класс. Но знаете ли вы, что такое типизированный массив?

Добавляем Видео в качестве фона страницы сайта
Добавляем Видео в качестве фона страницы сайта
Тема уже не новая, но хочется еще раз ее затронуть, т.к. она набирает обороты. Хотя и очень медленно. Возможно, проблема создания таких сайтов в связана с созданием или поиском подходящего видео. Лично мне такие сайты вполне симпатичны, привлекают внимание, а главное, задерживают посетителя на сайте, тем самым улучшая поведенческие факторы...
JavaScript: Рекомендации и советы
JavaScript: Рекомендации и советы

В этом посте дана справочная информация по некоторым методам и операторам языка Javascript.

Динамические элементы JavaScript для безостановочной загрузки сценариев
Динамические элементы JavaScript для безостановочной загрузки сценариев

Сценарии JavaScript блокируют загрузку файлов, следующих за ними. Но имеется несколько приемов, предотвращающих это…

Мы используем файлы cookie и другие аналитичекие данные. Они помогают нам улучшить ваше взаимодействие с сайтом. Оставаясь на сайте, вы даете согласие на обработку пользовательских данных. Положение об использовании cookie