Саня привет! Для wscode есть liveServer удобное дополнение (перезагрузка страниц), может пригодится. Когда пишешь ширину в %, то просто можно писать "w20p", разворачивает в "width: 20%;". Так же, если писать те же паддинги например, то так же можно просто писать "p20-30", разворачивает в "padding: 20px 30px;", так же может пригодится. Да, штуковина интересная конечно, надо будет попробовать тоже пристроить куда-то.
а как сделать появление таких уведомлений не из ввода поля и нажатия на кнопочку, а по таймеру после захода на страницу и заранее заданный текст? спасибо
Видео этого канала очень нравятся, но конкретно этот пример тяжело применить. Поясню: мне в мой сайт надо вставить такой чипсоблок. Текс в чипсы будет приходить не из инпута, а из статуса ответа сервера. На момент просмотра данного ролика мой сайт почти готов, а значит там уже прописаны многие классы, айдишники и т.д. Когда я открыл Ваше видео, я сначала посмотрел JS код, переписал его, а потом нужно перематывать туда, где Вы показываете CSS и HTML чтобы понять к каким элементам вы обращались по конкретным айди. А запоминать айдишники и классы с начала видео тяжело т.к. потом надо еще вникнуть в JS логику. Предлагаю поменять именование айди и классов или писать в JS комменты, в которых написано к какому элементу относится конкретный айди или класс
Зависит от того где вы планируете его отображать) Допустим вы выделили для сообщения о времени передачи отдельный div контейнер. В js по умолчанию есть такой объект как Date(). Соответственно все, что вам нужно- это подвесить на кнопку событие onclick, при котором будет вызываться ваша функция. В описании функции вы должны добавить в ваш контейнер значение Date(). Вот в принципе и все. Ну и желательно добавить какие-нибудь идентификаторы, чтобы понимать какое время какому сообщению соответствует.
Тоже бесил этот nodeValue. По идее можно с зажатым ctrl/alt (на который не забинжен мультикурсор) кликнуть по свойству/методу и в выскочившем .ts файле добавить/заменить/удалить подсказку. Лично я добавил value: string; на 4713 строку, чтоб она выскакивала уже со всеми селекторами, а не только тегнейм-инпут. Вроде работает. P.S. Когда пишешь стрелочную функцию где-то плачет один ИЕ )
А зачем со стрелочной removeChipsField крутиться и что-то выдумывать? const removeChipsField = () => { ...код... } ; Разве что может быть неудобством то, что нужно не забыть ее объявить до использования, так как это Function Expression :).
Сделал подобное, небольшая демонстрация. ruclips.net/video/D-hJx6Ar7N8/видео.html Идея очень классная, я её немного доработал и в плане кода, и оформления. p.s. начинающий front-end'ер. xD
Это просто магия какая-то! ) Спасибо за этот видеоролик!
Спасибо. Мне тоже нравится!
Огромное спасибо, переоценить ваши труды наверное нельзя.
Александр Лущенко самый крутой блогер!!! Уроки лучшие!!!
Саня привет! Для wscode есть liveServer удобное дополнение (перезагрузка страниц), может пригодится. Когда пишешь ширину в %, то просто можно писать "w20p", разворачивает в "width: 20%;". Так же, если писать те же паддинги например, то так же можно просто писать "p20-30", разворачивает в "padding: 20px 30px;", так же может пригодится.
Да, штуковина интересная конечно, надо будет попробовать тоже пристроить куда-то.
а как сделать появление таких уведомлений не из ввода поля и нажатия на кнопочку, а по таймеру после захода на страницу и заранее заданный текст?
спасибо
Очень интересная штука!
Я на сайтах часто использую!
Классный урок!
Видео этого канала очень нравятся, но конкретно этот пример тяжело применить. Поясню: мне в мой сайт надо вставить такой чипсоблок. Текс в чипсы будет приходить не из инпута, а из статуса ответа сервера. На момент просмотра данного ролика мой сайт почти готов, а значит там уже прописаны многие классы, айдишники и т.д. Когда я открыл Ваше видео, я сначала посмотрел JS код, переписал его, а потом нужно перематывать туда, где Вы показываете CSS и HTML чтобы понять к каким элементам вы обращались по конкретным айди. А запоминать айдишники и классы с начала видео тяжело т.к. потом надо еще вникнуть в JS логику. Предлагаю поменять именование айди и классов или писать в JS комменты, в которых написано к какому элементу относится конкретный айди или класс
Спасибо, интересно. А почему бы не скрывать/показывать родительский элемент через :empty?
потому что в него могут еще что-то влупить.
Спасибо! Очень полезное видео!
Хотелось бы узнать как сделать чтобы отображалось время отправки сообщений?!
Зависит от того где вы планируете его отображать) Допустим вы выделили для сообщения о времени передачи отдельный div контейнер. В js по умолчанию есть такой объект как Date(). Соответственно все, что вам нужно- это подвесить на кнопку событие onclick, при котором будет вызываться ваша функция. В описании функции вы должны добавить в ваш контейнер значение Date(). Вот в принципе и все.
Ну и желательно добавить какие-нибудь идентификаторы, чтобы понимать какое время какому сообщению соответствует.
Спасибо, отличный урок! А для чего Вы добавили пустое значение на 4-й строке?
И без этого работает
Здрасьте! Не могли бы вы делать качество видео получше? А то видно не особо) 1080, думаю, будет в самый раз!
Тоже бесил этот nodeValue. По идее можно с зажатым ctrl/alt (на который не забинжен мультикурсор) кликнуть по свойству/методу и в выскочившем .ts файле добавить/заменить/удалить подсказку. Лично я добавил value: string; на 4713 строку, чтоб она выскакивала уже со всеми селекторами, а не только тегнейм-инпут. Вроде работает.
P.S. Когда пишешь стрелочную функцию где-то плачет один ИЕ )
На 7-й минуте не проще шаблонные строки использовать? К чему такие сложности?
It`s very cool!!!!!!
Почему так в университетах не преподают ?
А зачем со стрелочной removeChipsField крутиться и что-то выдумывать?
const removeChipsField = () => {
...код...
} ;
Разве что может быть неудобством то, что нужно не забыть ее объявить до использования, так как это Function Expression :).
Конечно можно! И мне нравится этот стиль написания. Просто курсы все-таки учебные и минималистичный стиль написания приноситься в угоду понятности.
Сделал подобное, небольшая демонстрация. ruclips.net/video/D-hJx6Ar7N8/видео.html
Идея очень классная, я её немного доработал и в плане кода, и оформления.
p.s. начинающий front-end'ер. xD