Sigizmund

Array.prototype.duplicate = function() { this.forEach(element => { return this.push(element); }); };

Метода duplicate у массивов нет, т.е. предлагается прописать его в Array.prototype, а это антипаттерн.

const element = document.querySelector(".span"); const lettersArr = element.textContent.split(""); const spansArr = lettersArr.map(letter => { let span = document.createElement("span"); span.textContent = letter; return span; }); element.textContent = ""; spansArr.map(span => { return element.appendChild(span); }); или const element = document.querySelector(".span"); const lettersArr = element.textContent.split(""); const spansArr = lettersArr.map(letter => { return `<span>${letter}</span>`; }); element.innerHTML = spansArr.join("");

Бесплатный интенсив по JavaScript, 30 дней = 30 задач. Всё приходит на e-mail. https://javascript30.com/

Update: Нашёл ещё один вариант для пользователей Windows 10. При включении подсистемы Linux( Ubuntu ) в Windows 10 становится доступной линуксовская консоль со всеми её командами. Инструкция на Хабре Читаем комментарии, у кого русская Винда, и он не может найти нужные разделы в панели управления. После установки открываем cmd.exe на родительской папке( левый Shift + ПКМ на папке -> Открыть окно PowerShell здесь ), вводим bash, появляется консоль Ubuntu, в ней вводим rm -rf папка-для-удаления Усё, папка удалена. Пример команды: rm -rf node_modules

Имеете ввиду вот это?: https://habrahabr.ru/company/eset/blog/281418/ Не люблю бета-версиями пользоваться

Да нет, у меня 10-ка, в ней эта проблема тоже есть. Node.js нужно установить актуальную версию с оффсайта https://nodejs.org/en/download/ Пост именно для пользователей Windows, не все готовы с привычной системой расстаться.

Многие сталкиваются с проблемой невозможности удаления файлов и папок со слишком длинным путём до них в файловой системе на базе Windows. Если путь слишком длинный( больше 256 символов ), при попытке удаления файла или папки, Windows выдаёт ошибку «Файловая система не поддерживает такие длинные имена исходных файлов», это не исправлено даже в 10-й версии операционной системы. Если поискать ответ в Интернете, наиболее распространённым окажется ручное переименование папок на более короткие, но я нашёл более эффективное решение, которое, правда, требует установки Node.js на ваш компьютер. Столкнулся я с данной проблемой, когда попробовал удалить папку node_modules из очередного проекта и получил эту ошибку. Вложенность папки оказалось такой, что переименовывание каталогов заняло около получаса. Я, как и большинство программистов, довольно ленив, и повторения не хотелось. Начал искать решение и нашёл, оно подойдёт не только тем, кто знаком с Node.js и NPM, но и вполне по силам опытному пользователю Windows. Итак, начнём. Устанавливаем Node.js Устанавливаем глобально npm пакет rimraf ( открываем cmd.exe, git bash или другую оболочку для терминала Windows и вводим npm install rimraf -g и ждём установки модуля. ) В том же терминале вводим rimraf "Путь\до\папки\которую\надо\удалить" ????? PROFIT Работает, проверено мной не раз, пример команды в терминале: rimraf "E:\project\node_modules" Источник

И теперь не могу, навожу на зелёный крестик, курсор не становится pointer и клики ничего не дают. Могу только отметить лучший ответ и проголосовать за него.

Огромное спасибо, снова выручили! Почему-то не могу + в карму поставить, возможно из-за того, что она у самого меня на нуле

Я никак сетку не кастомизировал Так это наверное обычный Bootstrap, у меня проблема с bootstrap-sass https://github.com/twbs/bootstrap-sass Если не трудно, клонируйте сборку https://github.com/Sigizmund2012/webtrends установите зависимости с помощью npm install и bower install, запустите gulp и увидите проблему. Нужно разобраться, если это изъян bootstrap-sass, надо им issue в репозиторий писать. Ну или я накосячил чего.

Здравствуйте. Установил через Bower bootstrap-sass 3.3.6, начал верстать и столкнулся с неприятной проблемой. Код: <article> <div class="container"> <div class="row"> <div class="col-sm-5 hidden-xs"> <img class="shop-pages" src="img/shop-pages.png" alt=""> </div> <div class="col-sm-6"> <section class="suitable-offer"> <h2 class="suitable-offer__heading">Наше решение идеально подойдёт для:</h2> <div class="suitable-offer__elem suitable-offer_paper-airplane"><span class="suitable-offer_first-line">Запуска стартапа</span> Оптимальное решение для бизнеса, который только начинает свою деятельность в Интернете. </div> <div class="suitable-offer__elem suitable-offer_niche"><span class="suitable-offer_first-line">Анализа выбранной ниши</span> Позволит оценить спроса на продаваемую продукцию с минимальными издержками. </div> <div class="suitable-offer__elem suitable-offer_deadline"><span class="suitable-offer_first-line">Запуска проекта с ограниченным сроком и бюджетом</span> Не нужно тратить лишние деньги на долгую и сложную разработку. </div> </section> </div> </div> </div> <section class="stop-solution"> </section> </article> Если ставлю как сейчас col-sm-5 hidden-xs а во второй колонке col-sm-6, то всё нормально выглядит, если ставлю первой колонке col-sm-6, то 2-я съезжает вниз, как будто ей места не хватает. Бутстрап ВНЕЗАПНО поменял сетку на 11-колоночную или я не догоняю чего-то? Может issue пора писать на Гитхаб?

Большое спасибо, вот что получилось в результате http://hismith.smartfreelancer.ru/ Но всё равно, при анимации линии рваные, иногда пикселизация видна. Есть ли способ сгладить всё это? Да, в Мозилле баги.

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

Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; position: relative; } .jaluzi__column-content:before { content: ""; position: absolute; background: url("../img/train.jpg") center no-repeat; background-size: cover; transform: rotateY(-180deg); z-index: -1; top: 0; right: 0; bottom: 0; left: 0; }