FilatovNikita

Независимо от стека технологий:
Для разноцветных иконок, подойдет только 2 технологии:
inline svg
svg symbol sprite
- У обоих есть недостатки, но рабочиие. Все остальные подходы - вообще шлак.

Для одноцветных svg иконок, подходит генерация шрифтов из иконок.

Мне ближе svg symbol sprite: (не работают svg градиенты, некоторые не правильно сохраненные иконки могут сломать весь спрайт)
Причем меня устраивает, только когда кидаю иконки в определенную папку и она автоматом попадает в спрайт, то есть сразу могу ее использовать. Есть плагины для которых нужно делать import каждой иконки, перед использованием - они легко ставятся и настраиваются, но жутко не удобны

Модуль для nuxt:
https://github.com/nuxt-community/svg-sprite-module
* Может не работать с другими модулями для свг...

Vue cli:
https://github.com/swisnl/vue-cli-plugin-svg-sprite
* Не проверял, но вроде то что надо

Эта схема - отвратительная иллюстрация, потому что она содержит упрощения и ошибки, свойственные плохой научно-популярной литературе. На самом деле, так, как там нарисовано, ничего работать не будет. Эта схема - неверное упрощение схемы работы однопроводного телеграфа, где во-первых, использовалось весьма высокое напряжение, а, во-вторых, вовсю использовался эффект емкости земли, которая, согласно принципам физики проводимости, куда меньше сопротивляется переменному току. Поскольку ваши знания физики весьма сумбурны и малы, лучше пропустите эту главу, потому что вы не сможете продраться через ошибки и недопустимые упрощения, которые допущены в тексте.

Ток не "знает", куда течь - электроны всегда движутся под действием электродвижущей силы, грубо - напряжения, создаваемого источником напряжения. Эта сила возникает, как результат электрического поля, приложенного к проводнику, а происходит это при подключении к нему источника напряжения (например, батарейки).

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

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

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

исторически так сложилось что минусовый вывод берется за землю.
в радиолампах входной сигнал прикладывался между катодом (который принимался за землю) и управляющей сеткой, а усиленный сигнал снимался с анода, к которому прикладывался большой положительный потенциал относительно катода.
да и человеку гораздо удобнее считать в "положительных числах" напряжения относительно земли.
это не везде, к примеру в большинстве схем аудиоаппаратуры удобнее использовать двуполярное питание. т.е. есть земля и два питающих провода +15в и -15в. сигналы также двуполярны.

Привет, рекомендую изучить какие вообще бывают элементы верстки и как их можно разделять.

Совет бюро, базовые элементы верстки

В этом совете еще 12 ссылок на эту тематику, в том числе, про выравнивание и чередование ритма. А на самом сайте бюро в советах можно поискать дополнительные ответы, их не прикладываю, так как ты интуитивно найдешь нужные.

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

Чтобы сделать резкий скачок, рекомендую:

1) Подборка советов главреда по тексту их там очень много, за месяц не осилить если вдумчиво читать и осознавать, но за 2 месяца, с видео на его канале, вполне.

2) Книга А.Горбунова Типгорафика и верстка (можно на сайте бюро купить подписку, а можно скачать из сети, например из вк)

3) Джеймс Феличи, Типографика: шрифт, верстка, дизайн. Ооочень классный справочник. Читается не легко. Информации много, почти 500 страниц. Но после него, ты со скоростью света будешь принимать решения в верстке. (а это очень важно для хорошего адаптивного сайта, например, сложные таблицы и т.д).

4) Ян Чихольд: Облик книги. Перечитываю сейчас и нахожу новое, что не замечал ранее. Также поможет со скоростью верстки.

5) Эдвард Тафти. Рекомендую погуглить его. И Брокмана "Модульные сетки в графическом дизайне".

6) Упражнение. Однажды я пошел и купил порядка 700 листов А4, плотных, это несколько альбомов, были также А2. И по очереди каждый разукрашивал кисточкой, черной краской, серой краской, красной. Рисовал полоски, имитируя текст, заголовки, рисовал квадраты, представляя, что это картинки. Ну и всякие кружки. У меня ушло несколько недель на это, чтобы не лениться. Но после 300 листа, я стал импровизировать и самонаучился, вкус начал развиваться. Я делал симметритчно, асимметрично, упарывался с полосками, прямоугольниками, квадратами и кружками. И осознание наступило. А потом пришло понимание, когда нужны собственные сетки.

7) стайлгайды

Примерно так

SELECT c.id, c.name FROM orders AS o INNER JOIN clients c ON o.id_client=c.id GROUP BY o.id_client HAVING count(o.id_client) > 3

Если есть возможность и знания, которые можно использовать для переписания кода с того же jQuery, то лучше писать всё на одном и не использовать прочие библиотеки. Иначе - использовать библиотеки.

Не знаю, что ещё можно добавить к уже сказанному в документации. Думаю, наглядная демонстрация поможет лучше понять, что к чему.

Пример номер раз - key нет. Пример номер два - key есть. Тыкаем кнопочку и смотрим, что происходит со значениями в инпутах. В первом случае они остаются на месте, во втором начинают ездить по кругу (аналогично элементам массива). Почему так? Возвращаемся к процитированному вами отрывку из документации, и осознаём, что в первом случае

Vue использует алгоритм, минимизирующий перемещение элементов

а во втором

Vue изменяет порядок следования элементов, основываясь на изменении порядка ключей

какой вопрос, такой и ответ)

a="localhost/blog1/public/articles?page=2"
// => "localhost/blog1/public/articles?page=2"
a = a.substring(0, a.length-1) + "3"
// => "localhost/blog1/public/articles?page=3"

Забыл про FormData, там можно добавлять и удалять.

Скорее всего обычная гифка. Но бывает что и анимированый SVG делают.
При желании можно и видео вставить :)

Emmet

Для картинки в блоке

img { 
    display: block; 
}

Чтобы по центру поставить:

img { 
    display: block; 
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

если !file_exists, то ловим исключение

С точностью до наоборот. throw - это "кидать", а catch - "ловить"

этот код работает до тех пор, пока я в url не передам типа такого (localhost/For_nout/oop_blog/ssdsd---)

Так это не Exception, а Fatal error, он не ловится try-catch.
В new надо указывать валидное имя. Дефисы и прочие спецсимволы нельзя. $params0 надо предварительно почистить