• Почему не работает forEach?

    Seasle
    @Seasle Куратор тега JavaScript
    \( ゚ヮ゚)/
    Если хотите их сохранить в новом массиве, тогда так:
    - a9.forEach(function(elem) {
    -   elem.toLowerCase();
    - });
    - 
    - return a9;
    + return a9.map(function (elem) {
    +   return elem.toLowerCase();
    + });

    Если хотите сохранить в существующий массив, тогда так (правда смысла в этом не много):
    - a9.forEach(function(elem) {
    -   elem.toLowerCase();
    - });
    + a9.forEach(function(elem, i, arr) {
    +   arr[i] = elem.toLowerCase();
    + });

    или
    - a9.forEach(function(elem) {
    -   elem.toLowerCase();
    - });
    + for (let index = 0; index < a9.length; index++) {
    +   a9[index] = a9[index].toLowerCase();
    + }
    Ответ написан
    4 комментария
  • Как сделать, чтобы красные круги оставались на одних и тех же местах при изменении ширины экрана?

    @popov654
    Специалист в области веб-технологий
    Я не подскажу точное решение, но как я понимаю, ваша проблема из-за того, что у вас картинка срезается благодаря object-fit (и через background тоже бы срезалась), и координаты точек в процентах считаются не от картинки, а от элемента. Например, top: 20% превратится в 30% относительно верха картинки, если 10% её высоты осталось за краем.

    Мне кажется, вам нужно поместить точки в контейнер, зафиксировать ему либо ширину в 100% (смартфоны), либо высоту на фиксированной величине (десктоп), а второй параметр считать или через aspect свойства, или через JS для поддержки любых браузеров. При этом точки размещать в этом контейнере, а картинку сделать его фоном с background: contain для десктопа, когда контейнер шире изображения, а для мобильных просто задать явно ширину background в пикселях больше ширины экрана, а высоту в auto для сохранения пропорций, чтобы края изображения по горизонтали срезались. Либо делайте для смартфонов контейнер со скроллом, что практичнее для пользователя.

    Или если вам не критично то, что у вас срезается часть схемы (хотя должно быть критично), можете оставить cover как сейчас (либо background-size: cover), разместить в центре контейнера невидимый блок размером в 1px, точки вкладывать в него и задавать им отрицательные координаты, привязав всё к центру как в школе на графиках. И поставить overflow: hidden на контейнере, чтобы точки тоже скрывались при вылете за края.
    Ответ написан
    1 комментарий
  • Не цветной PhpStorm?

    @Dj_Vreditel Автор вопроса
    Всё оказалось куда проще.
    Я как новичёк по своему не знанию сам обрубил всю подсветку. На деле как писал Orbb менять можно почти всё, что вам угодно.

    Моя ошибка заключалась в следующем:
    1) Правая кнопка мыши по скролл бару
    5b79ff1a2884d128003365.png

    2) Customize Highlight Level
    5b79ff6ea6616799044491.png

    3) Перетаскиваем ползунок с "None" на "Syntax" или "Inspection"
    5b79fff3a100e707910729.png

    Теперь у вас будет полная подсветка синтаксиса!
    Ответ написан
    Комментировать
  • Как автоматически переместить блок в видимую часть окна браузера?

    Kozack
    @Kozack Куратор тега CSS
    Thinking about a11y
    В данный момент задачи такого рода решаются с помощью JavaScript и математики:
    Вычисляете размеры блока, смотрите размеры окра, смотрите положение блока. Если он как-либо вываливается за пределы видимой области -- сместить блок в сторону. Есть и готовые библиотеки для этого. Например popper.js
    Ответ написан
    2 комментария
  • Переменная в свойстве data обновляется только по третьему клику, не понимаю, из-за чего?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    this.quiz.questions[i].checkedName = ''
    В этот момент у вас срабатывает событие watch и в очередь ставится следующий обработчик.
    Можно перенести this.questionIndex = 1 в конец функции, но лучше проверять новое значение и ничего не делать, если оно пустое.
    Ответ написан
    1 комментарий