Запуск в ошибках в вашем программном обеспечении может легко демотивировать вас на любой проект. Простые ошибки, которые занимают курс часов, которые могли бы быть решены за 15 минут, чума вашего ума и беспокоит вас на дни. Но как вы можете эффективно отлаживать, если вы не знаете, что вы активно ищете? Ведь заднее животное 20/20.
Чтобы лучше показать, как мы можем сделать это, было бы полезно пройти через пример (в JavaScript), но вы можете применить концепции для любого кода, который вы не имеете в этом языке.
Итак, что у меня здесь – это местное пост от того, когда я разрабатывал тему моего сайта. В одном из тестового сообщения, которое автоматически предоставляется, их код код Но, как видите, это довольно долго. Кодовой блок простирается мимо поля по сравнению с остальной частью статьи, и нет действительного способа прокрутки боком, чтобы просмотреть остальную часть кода, и это, как правило, просто эстетически безразлично. Но что мы можем сделать на самом деле?
Придумав решение о решении, важно самое красивое решение не может быть самым осуществимым. Но вы также не хотите, чтобы раствор, который склонен легко сломать или просто соскочил вместе, поэтому лучше всего создавать анализ стоимости/выгод всех ваших возможных результатов. Как сбоку, это не обязательно должно быть то, что вы записываете Но это облегчает визуализацию и организовывать все разные сценарии. Вот что я придумал:
Прокручиваемый код код
Блок прокрутки Code предлагает приятное и простое решение для переполнения текста блока кода и довольно прост для реализации с помощью Prism.js Отказ С другой стороны, это иногда требует, чтобы вы часто прокручивались для более длинных блоков, которые могут замедлить процесс понимания кода и выключить некоторых людей. Это, вероятно, будет меньшим краям и то, что большинство людей не беспокоится о том, что никогда не беспокоится, но никогда не болит рассмотреть все сценарии.
Код перестройки
Допустим, вы ищете что-то другое, чем реализация блока кода. Вы могли бы просто решить, как только код пройдет определенную точку, чтобы просто начать новую строку. Это может быть меньше хлопот, чем добавление блоков кода с точки зрения общего количества строк кода, но при какой стоимости? Форматирование кода таким образом может препятствовать читабельности и сделать информацию намного сложнее для обработки. Делать это своего рода «грубая сила» раствора.
Сделать весь сайт прокручиваемый
Другая идея, которую мы могли бы подать заявку, просто сделают весь прокручиваемый сайт. Простой Overflow-X: прокрутка; Это все, что нам нужно будет выполнить это. Но опять же, на какую цену? Это, вероятно, уменьшит бы общий эстетический сайт и сделать сайт менее приятным для использования мобильных пользователей с точки зрения случайных свитков. Лично я никогда не был фанатом веб-сайта, который прокручивается горизонтально, если это не было абсолютной необходимостью.
После того, как вы взвешиваете все возможные результаты и просмотрите плюсы и минусы каждого выбора вместе со временем и другими ограничениями, которые вы можете выбрать. В этом случае было бы довольно очевидно, чтобы пойти с блоком кода, но все не будет то, что ясно сокращается все время. Возможно, вы не успеете реализовать лучший вариант или все ваши варианты могут быть одинаково плохо. Делать лучший выбор в каждой ситуации – это то, что поставляется с временами и практикой, но делает это на меньших масштабах, может быть отличным способом начать.
Как заявлено ранее, я решил использовать Prism.js , легкий синтаксис горы. Это было так же просто, как загрузка стиля темы и пользовательские опции, которые я хотел: Вставка загрузок в каталог проекта/создание необходимой ссылки REL и WAALAA: Красивый код кода с выделением синтаксиса. Вот Ссылка для темы Ghost, если у вас также есть блог Ghost, вы хотели бы использовать его.
Отладка и проектирование вашего кода часто является длительным и итеративным процессом. Одно дело о разработке программного обеспечения, на самом деле не имеет неправильного ответа, если окончательный продукт работает. Проходя через компромиссы и прогнозы потенциальных решений, которые все еще могут снизить будущее стресс и облегчить ваш код для других людей. В целом, как правило, как кодирование в целом, это будет навык, который вы получаете вовремя, и по мере лучшее. Если вы ищете помощь или просто дополнительный набор глаз на ваш код, Streamintra может быть хорошим местом, чтобы искать кого-то, чтобы сбраться с. Спасибо за чтение.
Оригинал: “https://dev.to/thejokester1/how-to-debug-and-design-your-code-more-effectively-3fjk”