Html5-boilerplate: Оптимизация имени файла, добавление «отложить», приветствие консоли для подтверждения подключения

Созданный на 20 авг. 2020  ·  18Комментарии  ·  Источник: h5bp/html5-boilerplate

Я подаю...

  • [ ] отчет об ошибке
  • [x] запрос функции
  • [ ] другое (Пожалуйста, не отправляйте запросы в службу поддержки здесь (ниже))

Всем привет!!!

Я ОБОЖАЮ этот инструмент, он отлично подходит для таких разработчиков, как я, которые пишут в основном на Vanilla Js , особенно когда фреймворки слишком сложны для выполнения поставленной задачи.
Мои запросы на функции просты — я буду рад помочь реализовать их, если что-то из этого будет сочтено достойным!

1. Измените имя файла «main.js» на «app.js».

_Vs Code и многие другие IDE/редакторы кода по умолчанию используют "app.js" в качестве файла Javascript "по умолчанию"_

2. Добавьте «отложить» в тег скрипта исходного файла Js:

<script defer src="app.js"></script>

_Это позволяет загружать все элементы DOM перед выполнением любых Js-скриптов_

3. Добавьте 1 строку кода в main.js (_или app.js, если он изменился_):

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_Это просто удобный способ подтвердить, что наши файлы HTML и Js готовы к работе!_

4. Измените имя файла «main.css» на «style.css».

<link rel="stylesheet" href="style.css">

_Vs Code и многие другие IDE/редакторы кода по умолчанию используют "style.css" в качестве файла css "по умолчанию" import_

Самый полезный комментарий

  1. Я думаю, что соглашусь изменить имя с main.js на app.js, но в любом случае не возражаете.
  2. Отсрочка может быть отличным подспорьем для оптимизации скорости страницы, но это не всегда хорошая идея, так как для рендеринга страницы может потребоваться JS. Я думаю, что было бы лучше не добавлять отсрочку в шаблон.
  3. Я не уверен, что это действительно нужно. Вероятно, разработчикам лучше самим настраивать тесты, чем оставлять код в скрипте, который можно было бы запустить в производство.
  4. Я думаю, это может быть хорошей идеей. Согласитесь, что наиболее распространенное имя файла CSS сайта — «style.css».

Все 18 Комментарий

Со мной можно связаться через [email protected] в дополнение к github.
Спасибо!!!

  1. Я думаю, что соглашусь изменить имя с main.js на app.js, но в любом случае не возражаете.
  2. Отсрочка может быть отличным подспорьем для оптимизации скорости страницы, но это не всегда хорошая идея, так как для рендеринга страницы может потребоваться JS. Я думаю, что было бы лучше не добавлять отсрочку в шаблон.
  3. Я не уверен, что это действительно нужно. Вероятно, разработчикам лучше самим настраивать тесты, чем оставлять код в скрипте, который можно было бы запустить в производство.
  4. Я думаю, это может быть хорошей идеей. Согласитесь, что наиболее распространенное имя файла CSS сайта — «style.css».

Согласен насчет 1 и 4. Я всегда использую app.js и style.css в своих проектах. Согласитесь с @coliff по поводу 3. Журнал консоли может быть ошибочно развернут в рабочей среде.

Время истории: #1116

Я укажу, что у нас есть целый отдельный проект, который буквально называется main.css, поэтому было бы немного забавно изменить название ниже по течению. Я не совсем против этого, но это может быть немного странно.

Всем спасибо. Дайте мне знать, что вы хотите сделать с № 1 и № 4 (если это не слишком странно, просто попытайтесь сохранить актуальность)

Должен ли я закрыть это?

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

Ох, хорошо! Нет проблем, я просто не хочу никому доставлять неприятности. Никакой спешки по этому поводу, я просто не хотел, чтобы вкладка «Проблемы» смотрела на что-то, что я открыл, и не проявлял инициативы в этом отношении. Ваше здоровье! 🔥

Никаких забот. Иногда этот материал движется быстро, иногда не очень.

Я не планирую ничего делать в течение очень долгого времени, кроме как повышать свои навыки и продолжать обучать пару студентов!!! Я понятия не имел, что у вас есть пара книг, я буду собирать их как можно скорее. Кроме того, приятно видеть коллегу-разработчика из Массачусетса... Я живу в Спрингфилде, но я отыграл много концертов таким образом. Все, что вам нужно, просто дайте мне крик, не торопитесь ни по какой причине, ничего не сломано, ха-ха

@vltansky , может быть, было бы здорово добавить имена файлов в качестве опции в сценарий создания.

Спойлер: я склоняюсь к app.js, но не решаюсь изменить имя main.css только из-за проекта, в котором он размещен. Я думаю, это предмет для обсуждения. Имеет ли значение, если исходный проект имеет другое имя? Я думаю, что styles.css — лучшее имя, конечно. Может быть, я напишу об этом в твиттере. Не было бы проблем с main.css в качестве зависимости (как проекта), а затем создать его с любым именем, которое мы хотим. Мы могли бы даже добавить это как опцию в проект main.css. хм. На выходных постараюсь сдвинуться с мертвой точки.

🤔

Звучит неплохо. Это мой первый запрос функции, я ценю это

Я голосую за использование имени файла style.css . Окончательный скомпилированный CSS пользователя будет включать наш «main.css», но он также будет включать их собственные стили и, возможно, стили из других плагинов и т. д., поэтому окончательный CSS в их проекте — это не просто «main.css».

да 👍🏻

Привет @klutchdev. Я разветвил этот репозиторий и добавил изменения, как вы просили. Что мне теперь делать?

ой!! эээ, я думаю, это зависит от @roblarsen ? Он собирался подумать о некоторых изменениях, о которых говорил @coliff , @vltansky и я, так что я бы сказал, просто держитесь.

закрыт через #2341 и #2342 Спасибо за предложение @klutchdev !

Добро пожаловать

Была ли эта страница полезной?
0 / 5 - 0 рейтинги