овторюсь, ограничить родительский элмент не вариант, ширина должна быть зависима от ширины экрана, НАПРИМЕР если бы монитор был бы больше, скролла бы не было
Так а зачем его ограничивать? У блока должно быть 2 пункта, чтобы было как Вы хотите:
1) он должен растягиваться на всю доступную ему ширину. Например, display: block
2) overflow-x: auto
Всё. Если ширины блока не хватает чтобы расположить все элементы, которые в нём содержатся - появится скролл. Если достаточно - не появится.
Ruslan Website, pagespeed говорит что на столько КБ можно выкинуть мусора из этих файлов.
Если сайт теперь одностраничный и всё в одном файле css, то можно сделать следующее:
Прочитать файл js, на предмет нескольких пунктов:
Есть ли там генерация элементов с определёнными классами
Есть ли там работа с навешиванием классов
Если есть, то сохранить себе их в отдельный список.
А далее пройтись по css условным purge css, не забыть что нужно определённые классы сохранить.
Не забыть перед этим сделать резервную копию стилей.
Ну и, в целом, должно быть более менее.
Сервисов по отчистке JS не знаю, но любой нормальный редактор подсветит основное не используемое.
Ruslan Website, ну и pagespeed вроде выдаёт относительно соответствующие рекомендации. Производительность на ПК даже не плохая. На мобилках подхрамывает, да.
Ruslan Website, для такой простой страницы 3мб действительно многовато, но при этом ничего критичного не вижу, по крайней мере сходу по диагонале. Да и открылось достаточно быстро
Ruslan Website, хром говорит что у Вас 75% не использованного JS и 80% не использованного CSS. Этой метрике конечно не стоит верить прям на слово, но смысл в этом есть. Например, у Вас грузится jquery datepicker. Но я его что-то не вижу вообще на странице.
Посмотреть можно на вкладке coverage.
Открыть dev tools, нажать esc чтобы снизу открылась панелька, там троеточие сбоку - coverage
Так же как не во вью. Content editable это по сути текстовый инпут, содержимое которого меняется пользователем. То есть его разметка не реактивна.
Ну а дальше идём на learn javascript ru и читаем про то как работать с выделением в документе.
JAdeShopKeepers, если Вы научитесь отладке кода, то будете решать такие проблемы за 1 минуту.
Ровно столько у меня ушло чтобы скопировать весь Ваш код на codepen и провести debug
ну похоже на список каких-то достижений или преимуществ. Но нужен ли этому блоку отдельный класс? Выглядит как список, внутри которого элементы, который размещён в строке по определённой сетке.
то есть условно: container > row > (col > link) + (col > ul)
насколько я понимаю я браузер читает индекс как undefined вместо цифры,
Нет. Эта ошибка говорит о том, что Вы пытаетесь прочитать элемент по индексу 0 у самого undefined.
То есть undefined[0].
Так как где именно возникает ошибка Вы решили что можно умолчать, то и гадайте дальше сами.
А лучше не гадайте, а научитесь отладке своего кода https://learn.javascript.ru/debugging-chrome
uRoot, в разных компаниях по разному, о том я и толкую.
Но essential придерживались везде. Либо я их туда втащил, а до этого никаких не придерживались.
uRoot, Практики, конечно же есть и они описаны в документации по vue. Но какой смысл спрашивать о них тут - не понятно. Одному больше нравится одно, другому другое. И плевать на практики и большинство, если в конкретном ИТ отделе ООО "Рога и копыта" команда решила иначе.
Так а зачем его ограничивать? У блока должно быть 2 пункта, чтобы было как Вы хотите:
1) он должен растягиваться на всю доступную ему ширину. Например, display: block
2) overflow-x: auto
Всё. Если ширины блока не хватает чтобы расположить все элементы, которые в нём содержатся - появится скролл. Если достаточно - не появится.