А какие готовые?

"ws chat", "ajax chat" гугл/гитхаб. Проверять самому, сравнивать. Там слишком много всего. Направление есть - действуй.

"ws chat", "ajax chat" гугл/гитхаб. Проверять самому, сравнивать. Там слишком много всего. Направление есть - действуй.

Спасибо

как с помощью Date сделать дату такого типа 12/10/18 10:05:20 вместо Fri Oct 12 2018 10:05:20 GMT+0300

исходная дата вот такого типа 2018-10-12T10:41:58.655

то что выше я полчил так new Date('2018-10-12T10:41:58.655')

как с помощью Date сделать дату такого типа 12/10/18 10:05:20 вместо Fri Oct 12 2018 10:05:20 GMT+0300

https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString

Ну или momentjs, например.

date.toLocaleDateString('en-GB') + date.toLocaleTimeString('en-GB') вот так вроде норм показывает

подскажите как реализовать эффект перехода как тут http://frants.digital-easy.ru?

подскажите как реализовать эффект перехода как тут http://frants.digital-easy.ru?

тебе туториал написать? :)

было бы не плохо))

тебе нужен SPA (модификация URI) + https://alvarotrigo.com/fullPage/ru/

было бы не плохо))

Никому не нужно писать туторы ради тебя, чувак.

Научись ресерчить и гуглить.

тебе нужен SPA (модификация URI) + https://alvarotrigo.com/fullPage/ru/

а хотя оно в себя включает и URI switching

Добрый день! С кем можно обсудить вопрос публикации поста о хакатоне с большими денежними призами? Пишите в ЛС.

было бы не плохо))

в devtools есть вкладка анимаций снизу

там можно разобрать css анимации и транзишны

И включить их на замедленной скорости

и в css файле у них все именованные анимации друг за другом

То есть в общем-то что ты хочешь - это выезжание section за пределы экрана с помощью transform: translateY и смена прозрачности с помощью opacity. Ну и содержимое секции тоже по-своему немного анимируется для красоты, там всё это видно.

как с помощью Date сделать дату такого типа 12/10/18 10:05:20 вместо Fri Oct 12 2018 10:05:20 GMT+0300

Для форматирования даты юзай tinytime

document.createElement('li'); как потом в элемент li добавить другие элементы, чтоб были внутри элемента li

Есть какая то библиотека для реализации roter как тут http://frants.digital-easy.ru

document.createElement('li'); как потом в элемент li добавить другие элементы, чтоб были внутри элемента li

const li = document.createElement('li'); const span = document.createElement('span'); li.appendChild(span)

const li = document.createElement('li'); const span = document.createElement('span'); li.appendChild(span)

а все понял, спасибо

Привет. Ребята помогите плз. на проекте есть примерно такая вёрстка (тут упрощённая). https://codepen.io/tispartaaaa/pen/YJEpWL Одна из секций обведена красным бордером. Нужно добавить любой класс когда мы доскролливаем до этой секции. Если бы это была простая вёрстка и в ней не было контейнеров с overflow: scroll; как в этом примере, то я б справился. Уже делал так всякими offsetTop. Но тут не выходит. Не могу понять изменение какого свойства этой секции нужно отслеживать что бы добавлять класс. В белом диве слева сверху выводится offsetTop красной секции, но он всегда равен одному и тому же значению. Не меняется при скролле. Соответвтвенно не могу понять как отследить момент когда мы доскролливаем до этой секции. Как правильно сделать? Спасибо!

Привет. Ребята помогите плз. на проекте есть примерно такая вёрстка (тут упрощённая). https://codepen.io/tispartaaaa/pen/YJEpWL Одна из секций обведена красным бордером. Нужно добавить любой класс когда мы доскролливаем до этой секции. Если бы это была простая вёрстка и в ней не было контейнеров с overflow: scroll; как в этом примере, то я б справился. Уже делал так всякими offsetTop. Но тут не выходит. Не могу понять изменение какого свойства этой секции нужно отслеживать что бы добавлять класс. В белом диве слева сверху выводится offsetTop красной секции, но он всегда равен одному и тому же значению. Не меняется при скролле. Соответвтвенно не могу понять как отследить момент когда мы доскролливаем до этой секции. Как правильно сделать? Спасибо!

getBoundingClientRect

getBoundingClientRect

Спасибо, забыл уточнить, что тут нужна поддержка IE=(

Вроде там не катит getBoundingClientRect

Привет. Ребята помогите плз. на проекте есть примерно такая вёрстка (тут упрощённая). https://codepen.io/tispartaaaa/pen/YJEpWL Одна из секций обведена красным бордером. Нужно добавить любой класс когда мы доскролливаем до этой секции. Если бы это была простая вёрстка и в ней не было контейнеров с overflow: scroll; как в этом примере, то я б справился. Уже делал так всякими offsetTop. Но тут не выходит. Не могу понять изменение какого свойства этой секции нужно отслеживать что бы добавлять класс. В белом диве слева сверху выводится offsetTop красной секции, но он всегда равен одному и тому же значению. Не меняется при скролле. Соответвтвенно не могу понять как отследить момент когда мы доскролливаем до этой секции. Как правильно сделать? Спасибо!

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

IE8 и ниже

кто это поддерживает щас?

IE8 и ниже

Бывает и такое тут))) Но я думал что даже новые IE не поддерживают этот метод. А оказывается действительно IE8 и ниже. Тогда можно так попробовать. Спасибо!

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

Спасибо! Попробую тоже сейчас как будет работать.

document.createElement('li'); как потом в элемент li добавить другие элементы, чтоб были внутри элемента li

Можно и так var newNode = document.createElement('li'); li.innerHTML = 'тут собственно html код';

Можно и так var newNode = document.createElement('li'); li.innerHTML = 'тут собственно html код';

с innerHTML не прокатило че то, через appendChild только получилось, так и не понял почему через innerHTML не заработало

Так сначала надо записать createElement('li') в переменную, потом обратиться в переменную и задать innerHTML, а потом зааппендить

Старайтесь никогда не использовать innerHTML

Только что в хроме проверил, работает

Это чревато XSS атаками на ваш сайт

Это наиболее быстрый метод когда надо задавать дополнительные аттрибуты, классы и прочее

Так сначала надо записать createElement('li') в переменную, потом обратиться в переменную и задать innerHTML, а потом зааппендить

так тоже не заработало, такая ошибка была вроде "[HTML DOM Label Object]"

Это чревато XSS атаками на ваш сайт

Никак нет, если в js не юзается document.write, или берется значения из document.location и т.д которые юзер может контроллировать

Никак нет, если в js не юзается document.write, или берется значения из document.location и т.д которые юзер может контроллировать

Как то что вы перечислили отменяет опасность innerHTML?

Да, если конкретно задать скажем innerHTML = <b>aaa</b> что юзер может сделать

Как он введет свои данные

Подскажите нормальный размер pem файлов для ноды

Да, если конкретно задать скажем innerHTML = <b>aaa</b> что юзер может сделать

Это не продакшн пример Если вы импользуете innerHTML значит содержимое создается динамически

С использованием внешних данных

Цель: прочитать публичный и приватный ключ

Это не продакшн пример Если вы импользуете innerHTML значит содержимое создается динамически

А иногда приходится делать if else и там 2 выбора, или буква а или буква б, в таких случаях геморно юзать другой вариант

Да и вообще, если на сервере все хорошо и все фильтруется, бояться нечего

Да и вообще, если на сервере все хорошо и все фильтруется, бояться нечего

Да вы оптимист

Да и вообще, если на сервере все хорошо и все фильтруется, бояться нечего

Верно на сервере есть XSS фильтры, но они не от всех ситуаций спасают + в некоторых случаях они даже вредят

В том же ASP.NET бэкенде если списать в передаваемые текстовые данные что то похожее на XSS то сервер просто выплюнет ошибку

ERROR: S client not available

Я много xss атак проводил, и поверьте, innerHTML там никогда не засвечивался

В том же ASP.NET бэкенде если списать в передаваемые текстовые данные что то похожее на XSS то сервер просто выплюнет ошибку

А это уже не имеет никакой связи с innerHTML

А это уже не имеет никакой связи с innerHTML

Я и не говорил что имеет Вы сказали про "если на сервере все хорошо и все фильтруется"

Так можно сначала через WAF прогнать

Или вообще PHP или python юзать

Или вообще PHP или python юзать

???

Мде, не самый хороший пример

Но WAF имеет место

Здравствуйте, товарищи! Я тут потихоньку ковыряю правила линтера и местами кое что не понимаю. Мне сейчас важно понять устоявшиеся правила в JS, всякие гуд практис, традиции и пр. т.ч. я иногда буду тут задавать вопросы. ОК? Вот например тут не особо понял: https://eslint.org/docs/rules/no-plusplus В чем суть? Что значит "Because the unary ++ and -- operators are subject to automatic semicolon insertion, differences in whitespace can change semantics of source code."?

Здравствуйте, товарищи! Я тут потихоньку ковыряю правила линтера и местами кое что не понимаю. Мне сейчас важно понять устоявшиеся правила в JS, всякие гуд практис, традиции и пр. т.ч. я иногда буду тут задавать вопросы. ОК? Вот например тут не особо понял: https://eslint.org/docs/rules/no-plusplus В чем суть? Что значит "Because the unary ++ and -- operators are subject to automatic semicolon insertion, differences in whitespace can change semantics of source code."?

Ну это довольно строгое линт правило

Здравствуйте, товарищи! Я тут потихоньку ковыряю правила линтера и местами кое что не понимаю. Мне сейчас важно понять устоявшиеся правила в JS, всякие гуд практис, традиции и пр. т.ч. я иногда буду тут задавать вопросы. ОК? Вот например тут не особо понял: https://eslint.org/docs/rules/no-plusplus В чем суть? Что значит "Because the unary ++ and -- operators are subject to automatic semicolon insertion, differences in whitespace can change semantics of source code."?

я думаю это о том, что a++ b не то же самое что и a++ b

Надо иметь очень большую команду или очень много зеленых джунов чтобы получить такую ситуацию в коде

это уже другой вопрос

Здравствуйте, товарищи! Я тут потихоньку ковыряю правила линтера и местами кое что не понимаю. Мне сейчас важно понять устоявшиеся правила в JS, всякие гуд практис, традиции и пр. т.ч. я иногда буду тут задавать вопросы. ОК? Вот например тут не особо понял: https://eslint.org/docs/rules/no-plusplus В чем суть? Что значит "Because the unary ++ and -- operators are subject to automatic semicolon insertion, differences in whitespace can change semantics of source code."?

Суть заключается в том, что всегда надо в конец строки ставить ";", иначе хрен знает что будет вытворять интерпретатор js

Суть заключается в том, что всегда надо в конец строки ставить ";", иначе хрен знает что будет вытворять интерпретатор js

Придерживаюсь абсолютно обратной практики, от standardjs линтера Полностью отказаться от ; но придерживаться правил которые защищают от подобных ошибок

я думаю это о том, что a++ b не то же самое что и a++ b

a++ b это вообще ошибка

я думаю это о том, что a++ b не то же самое что и a++ b

там в примере правила было i ++ j

да

двусмысленный синтаксис

я неправильный пример привел

Можно придумать другой workaround для этой проблемы

например брать в скобки

такой себе воркераунд

Придерживаюсь абсолютно обратной практики, от standardjs линтера Полностью отказаться от ; но придерживаться правил которые защищают от подобных ошибок

Ну не знаю, это сильно портит читаемость кода

уже проще врубить правило и не париться

Самая старая и рабочая практика чтобы контроллировать порядок операторов

Ну не знаю, это сильно портит читаемость кода

что именно?

Ну не знаю, это сильно портит читаемость кода

Уже два года на standardjs код стал чище