indenger20

Рейтинг
38
Регистрация
07.03.2015
Dram:
indenger20, Вы вероятно не сохранили изменения - я вижу свой вариант

Обновил

https://jsfiddle.net/1L38rmh1/2/

Dram:
Как сделать чтобы линию тут заменить на точки?

по типу


https://jsfiddle.net/1L38rmh1/

Например так:

https://jsfiddle.net/1L38rmh1/1/

Без проблем. Смотрите тут.

Если вы имеете ввиду навешивание разных событий на один элемент.

Повесили два обработчика (оба будут работать)


element.addEventListener('resize', function() {
// some code
});

element.addEventListener('resize', function() {
// another code
});

Здесь отработает только одна функция, второй обработчик перетрет первый. (плохая практика)


element.onresize = function() {
// some code
};
element.onresize = function() {
// another code
};

Второй вариант, но правильно реализован


var handleFirst = function() {
// some code
}
var handleSecond = function() {
// another code
}

element.addEventListener('resize', handleFirst);
element.removeEventListener('resize', handleFirst);
element.addEventListener('resize', handleSecond);

Надеюсь чем-то помог :)

Спасибо за отзыв.

Свободен для заказов ☝

Да, по видимому сейчас все очень даже не плохо с DOM-ом

собственно тест

http://mol.js.org/app/bench/#count=1000/sample=native-dom~native-html

Мемори, ну я же скрин сделал.

Там бремя отображения/перерисовки взял на себя canvas, а не DOM элементы.

Мемори:
согласен! а минус css что его новые самые мощные средства
по сложности изучения становятся недоступны дизайнерам
которые застряли на уровне css трюков марджинами...
flex-box им дается уже с существенным трудом, а система флуид-грид
по всей видимости будет не доступна из-за сложноси изучения.
Хотя программисты ее осваивают с пол-пинка.

Понятное дело, css не стоит на месте, а развивается, и это дает разработчикам много плюшек.

Да и зачем дизайнерам знать досконально css, они же не верстальщики, правильно?

Дизайнер должен знать, что можно сверстать, а что нельзя, вот и все, естественно ИМХО.

---------- Добавлено 04.11.2017 в 22:40 ----------

Мемори:
На счет 1000 элементов, помотрите на гугл докс акак веб эксель
нормально там все фурычит, тысячи ячеек спокойно выбираются
копируются перемещаются и калькулируются.

http://prntscr.com/h69y3z

Правда? 😂

Мемори, ну да, а разработчики angular/react просто фигней страдают, внедряя в свои продукты Virtual DOM.

Попробуйте создать страничку, где хотя-бы 1000 тегов, выберите их и переместите куда-то, или фон задайте, Сразу увидите в чем проблема.

Brand from Amber, забыл добавить аргумент в пользу css, коль вам мало предыдущих :)

И так, если делаем адаптив css-ом.

Когда открываем сайт на мобилке, он сразу отображается с нужными стилями, естественно, если вы стили подключаете там, где им и место (тег head)

Адаптив на js-е.

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

Но даже если и все быстро грузится (инет нормальный и внешних файлов не много), то все равно секундный заскок обеспечен.

так как нам все равно приходит сначала десктоп, а только потом отрабатывает js и меняет стили.

Всего: 248