Как эмулировать клик по элементу после того, как он отрендерился?

А если сделать этот файл-инпут отдельным компонентом, рендерить его как компонент, и в его собственном mounted попробовать имитировать клик?

Само собой, этот клик должен быть инициирован пользователем, например кликом по другому элементу, который добавляет новый файл-инпут.

Не уверен в решении, просто мысли вслух.

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Так вот где собака зарыта =) Первые 10 тыс файлов картинок проименованы с ведущими нулями.

Нужно было добавить условие в функцию получения имени картинки

const leadingZero = n => n>999 ? n : ('0000' + n).substr(-4);

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

по поводу косяков с неправильным отображением я тоже заметил

Заметил, когда писал код удаления скрытых частей. Изначально индексом выступали просто имена картинок xxxx.jpg/ Но оказалось, что картинка с одним и тем же именем по вашей формуле может иметь разные координаты (т.е. располагается в двух местах). И у меня всегда карта очищалась при начале перетаскивания.
Не знаю, может я накосячил, может недопонял ваш код.

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

по поводу косяков с неправильным отображением я тоже заметил. но я не знаю как должно выглядеть, и как оно соотносится со скринами, поэтому забил. Я просто оставил вашу формулу раскладки картинок.

Сами тайтлы добавить вроде несложно, проблема видимо в pointer-events. Тут фигня в том, что картинки начинают перетаскиваться дефолтным механизмом браузера. Можно отключить pointer-events, картинк заменить на дивы с бэкграундом. Проблема решена.

с z-index проблему вроде решили, но можно наверное просто ставить в качестве его значения imageIndex.

Директивы в sass. Что и как?

Собственно вот и пример
https://sass-scss.ru/documentation/direktivi_kontr...

Директивы в sass. Что и как?

Обычные циклы, как в других языках.

@for $i from 1 through 5 {
  $width: $i * 50 - 2;
}

Fixed относительно родителя?

Сергей, не заморачиваться с css и отслеживать скролл страницы джаваскриптом.

Если карта присутствует на странице то выполнять функцию?

Alibek Kulseitov, Это что-то наподобие https://yandex.ru/search/?text=javascript%20exceptions

Если карта присутствует на странице то выполнять функцию?

Alibek Kulseitov, Другие техники? ловите:

DG.then(function () {
    try {
        map = DG.map('js2Gis', {
            center: [43.205817, 76.819346],
            zoom: 17,scrollWheelZoom:false
        });
        DG.marker(
            [43.205817, 76.819346]
        )
        .addTo(map)
        .bindPopup('ACB');
    } catch( err ) {
        console.error(err);
    }
});

Fixed относительно родителя?

Сейчас при position:fixed элемент выходит за пределы родителя

Естественно. fixed фиксирует относительно окна.

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Мог бы, почему нет. Ничего сложного https://codepen.io/anon/pen/JewGPE?editors=0011

Браузер не может отрисовать очень большую таблицу. А нужно. Что делать?

Андрей Сверлин, Работайте с данными. Не создавайте 30к img — создайте массив данных на 30к элементов

[{
  src: '',
  coords: {x:1, y:1}
}, {
  src: '',
  coords: {x:1, y:1}
},
 // …
]

Картинок создайте столько, сколько их помещается во вьюпорт (только видимые). При смещении карты добавляйте картинки и удаляйте скрывающиеся.

Как сделать портфолио ничего не нарушив?

Почему бы не спросить разрешения/согласия выложить в портфолио?

Скажу за себя: я всегда кидал в портфолио все что считал нужным из сделанного. Но если кто-то из заказчиков потом просил убрать/скрыть, я шел навстречу. Показать всё равно есть что.
Иногда просили просто написать сноску, типа такой, что "сделано для студии Бла-Бла"

Как узнать на какой запрос пришел ответ?

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

в js вы всегда в коллбеке получите ответ на нужный запрос
в php file_get_contents сделает запрос и получит ответ сама, вам только вернет результат. в php curl то же самое.

в общем я нифига не понял о чем вопрос.

Как сверстать такую форму регистрацию?

learn.javascript.ru

Как сверстать такую форму регистрацию?

Сначала верстаем всю форму, внешний вид.
Потом добавляем ей мозгов.

1) Проверяла поля Имя,Фамилия Отчество что бы там не было матов, и неизвестных символов.

Ок. Так нужен словарь матов. По нажатию на кнопку отправить (onsubmit) или при вводе символов (oninput) или при переходе на другое поле (onchange, onblur) берем введенное значение из инпута и проверяем по словарю.
На неизвестные проверять не стоит, они же неизвестные =)). Проверяем на допустимые символы. Тут просто пишем регулярку и чекаем по ней.

2) Проверка логина (проверка логина на базе данных, и проверка на мат. слов)

С матами то же самое. Для проверки занятости логина делаем ajax запрос к бекэнду, и получаем ответ занято/свободно.

3) Проверять пароль что бы при вводе 2 раза он ввел правильно.

Ну тут уж простите, совсем примитив: тупо сравниваем значения двух полей..

В общем так далее по каждому пункту.

Если вы вообще ничего не умеете (а судя по постановке вопроса, это так и есть), то открывайте learn.javascript.ru и подтяните знания.

Можно ли обратититься к предыдущеме элементу в css?

Владимир Проскурин, Нашёл. Там про родителя, но полагаю что с предыдущим та же трабла https://web-standards.ru/articles/parent-selector/

Можно ли обратититься к предыдущеме элементу в css?

Владимир Проскурин, вот-вот )
А по-поводу "почему не добавили" — где-то читал, что это связано с особенностями парсинга/построения DOM. Подробностей уже не помню, суть в том, что подобный селектор будет "тяжелым" для выполнения.
Возможно поэтому до сих пор нигде не реализован :has
Надо бы найти ту статейку, перечитать.

Можно ли обратититься к предыдущеме элементу в css?

На практике такого селектора иногда не хватает.

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

Растягивание левого блока по высоте правого, как сделать?

Антон Вебсайтовский,

flex-shrink: 0; - насчет этого не знаю, первый раз вижу.

Запрещает колонке уменьшаться меньше заданного значения (width или flex-basis)