Когда дело доходит до элементов именования, следует ли использовать имена классов для CSS & «id» для JS? Есть ли другое эмпирическое правило? Должен ли я просто использовать одно имя? Любые идеи/предложения будут приветствоваться.Элементы наименования - лучшие практики
Это немного сложнее, чем просто переходить с class и/или id для ваших соглашений об именах. На самом деле JavaScript и CSS следует обрабатывать по-разному в отношении именования и идентификации элементов. Я бы рекомендовал проверить this guide on beginning CSS или если вы хотите, чтобы бросить вызов себе и построить стили, которые действительно универсальны и многоразовые, проверить this article on semantic class names или Meduim's CSS is Actually Pretty F***n good по @fat (один из парней, которые сделали bootstrap ОМТ)
Обратите внимание, что эти есть мнения, и у вас есть много свободы с CSS, это о том, чтобы быть творческим, но и делать что-то, что, если вы умерли, кто-то еще мог понять и использовать ваш код.
JavaScript-это то, что может быть более легко превратиться в беспорядок, если вы не будете следовать некоторым хорошим практикам, я бы проверил некоторые ссылки в нижней части этого сообщения, но важно то, что вы последовательны , verbose, и использовать комментарии и тесты. Что касается именования элементов HTML для их манипулирования, если вы уверены, что у вас будет только один элемент, который вы хотите выполнить определенные действия (например, поле имени пользователя в форме входа), чем Id является приемлемым и имеет смысл, если именование согласовано (например: не вызывайте свое имя пользователя в форме входа id="name", так как это может быть неверно истолковано, вместо этого назовите его id="username" или id="login-username"), сделав имя чистым, не теряют достаточно значительный объем памяти и пропускную способность сети, чтобы заменить все головные боли, которые будущий разработчик мог бы попытаться выяснить, что происходит с идентификаторами и классами.
Когда имеет смысл использовать класс для идентификации набора элементов на странице с помощью JavaScript - сделайте пункт, чтобы использовать имя класса специально для JavaScript - возможно префикс с js-<classname> или сделать его с учетом состояния именем, например, is-selected так что вы 1) знаете, глядя на него, что это может быть полезным для манипулирования кодом javascript, и 2), чтобы он не путался или не был запутан с вашими стилями в вашем CSS.
Короче говоря, ваша цель должна состоять в том, чтобы иметь согласованность и ясность в вашем наименовании - иногда это может означать id (когда вы хотите, чтобы там было что-то на странице), а иногда это может быть class (когда там может быть или не быть много из них на странице) - просто подумайте о том, имеет ли смысл, если кто-то смотрит на него в первый раз.
ссылка свалка:
примечание есть тонны мнений там - снова его более важно быть последовательным, а не то, что люди говорят лучшая практика за год (но вы обнаружите, что люди склонны следовать некоторым принципам именования, таким как все шапки для постоянных s и camelCase для переменных javascript и т. д.) - читайте, выбирайте, что вам нравится, и идите с ним.