Всем привет.
Немогу разобраться с тем, как удалить дом узел,
но перед этим нужно дождаться пока у удаляемого узла пройдет transition,
а после уже удалить этот дом узел.
Нюанс - это все должно происходить по событиям mouseover / mouseout.
Пишу тултипы.
В setTimeout поставь время транзишна
Valentin
Orzue
Привет всем.
Скажите пожалуйста js синхронный язык или асинхронный?
Anonymous
Привет всем.
Скажите пожалуйста js синхронный язык или асинхронный?
https://otvet.mail.ru/question/94163053
Андрей Чайковский
Привет всем.
Скажите пожалуйста js синхронный язык или асинхронный?
Однопоточный асинхронный
Alexandr
#вакансия #fulltime #frontend #react
Добрый вечер.
Название вакансии: Junior / Middle Frontend-разработчик (React / Vue / Angular / Ember)
З/П: 90 000 до 130 000 руб. на руки
Требуемый опыт работы: без опыта / 1–3 года
Формат работы: #офис
Занятость: #полная
Город: #Москва
Приветствуем!
Ищем в команду фронтенд-разработчика для реализации личного кабинета пользователя e-commerce платформы с использованием фреймворка React.
Основные задачи:
- Формы для создания и обновления объектов
- Динамические уведомления (задачи, сообщения и т.д.)
- Чат для общения пользователей со службой поддержки в реальном времени
Мы предлагаем:
- Гибкий график работы
- Комфортный офис и молодой коллектив
Перед собеседованием необходимо будет выполнить простое тестовое задание, чтобы понять, справитесь ли вы с задачами или нет.
По всем вопросам можете обращаться ко мне в лс @stefanitsky
Yaroslav
В setTimeout поставь время транзишна
пробовал не работает. Ну как очень каряво работает, так как по тултипам при быстром переходе или не очень ошибки или вообще не успевает отработать и таймауты перебывают друг друга так как все не успевает отработать, если делать промежутки ровно по времени которые в таймаутах тогда да,
но пользователи не старики чтобы ждать или тормозить по 0,5s пока отрабоатет таймаут ..
Видимо это как то связано с тем что на одном элементе обрабатываются эти два события что то всплывает возможно
нужно как то это грамотно все сделать. Да вот непойму как ..
Anonymous
пробовал не работает. Ну как очень каряво работает, так как по тултипам при быстром переходе или не очень ошибки или вообще не успевает отработать и таймауты перебывают друг друга так как все не успевает отработать, если делать промежутки ровно по времени которые в таймаутах тогда да,
но пользователи не старики чтобы ждать или тормозить по 0,5s пока отрабоатет таймаут ..
Видимо это как то связано с тем что на одном элементе обрабатываются эти два события что то всплывает возможно
нужно как то это грамотно все сделать. Да вот непойму как ..
https://developer.mozilla.org/ru/docs/Web/Events/transitionend - а такой вариант пробывал?
Dmitry
Ребзя, а кто вообще как работает, больше фриланс или офис? Кто-то пробовал себя в стартапах, как их вообще искать? Расскажите юнцу, пожалуйста)
Yaroslav
https://developer.mozilla.org/ru/docs/Web/Events/transitionend - а такой вариант пробывал?
да, пробовал. Возможно не совсем разобрался.
В моем случае нужно все сделать по событию mouseout.
Если можешь написать кодом, как этим правильно пользоваться буду рад
У меня это не работает.
Наверное вряд ли можно в событии использовать другое событие.
Класс удаляю чтобы запустить анимацию transititon.
C opacity 1 на 0;
Это кусок кода связан с vue, но тут думаю объяснять ничего не надо
Сам тултип создается динамически, при mouseover. На нем и происходит вся анимация
hideTooltips () {
this.tooltip.classList.remove('active-tooltip');
let end = () => {
this.tooltip.remove(); // удалить сам узел
this.tooltip = ''; // очистить
}
this.tooltip.addEventListener('transitionend', end);
}
Дмитрий
Дмитрий
Rail
Кто подскажет почему мои svg файлы не отображаются?
Rail
https://stackblitz.com/edit/js-i7y3w3
Anonymous
да, пробовал. Возможно не совсем разобрался.
В моем случае нужно все сделать по событию mouseout.
Если можешь написать кодом, как этим правильно пользоваться буду рад
У меня это не работает.
Наверное вряд ли можно в событии использовать другое событие.
Класс удаляю чтобы запустить анимацию transititon.
C opacity 1 на 0;
Это кусок кода связан с vue, но тут думаю объяснять ничего не надо
Сам тултип создается динамически, при mouseover. На нем и происходит вся анимация
hideTooltips () {
this.tooltip.classList.remove('active-tooltip');
let end = () => {
this.tooltip.remove(); // удалить сам узел
this.tooltip = ''; // очистить
}
this.tooltip.addEventListener('transitionend', end);
}
this.tooltip.addEventListener('transitionend', end); попробуй раньше вызова this.tooltip.classList.remove('active-tooltip');
Andrii
Orzue
Например у меня есть несколько функций как их выполнить синхронно?
Без пирамиды колбеков и стороних библотек.
Вызвать по очереди
Rail
Посмотрел в codepen, всё работает
там по ходу зависимости нужно вписывать, я так и не понял как с этим редактором работать, но он хороший))
Orzue
Андрей Чайковский
Свидетель
Андрей Чайковский
Rail
Например у меня есть несколько функций как их выполнить синхронно?
Без пирамиды колбеков и стороних библотек.
пирамиды не будет если ты используешь Промисы
GDv
Ты либо не там смотришь, либо не то
Я вот тут смотрю: https://caniuse.com/#search=appendChild
Написано, что appendChild поддерживается в 41% случаев... Не там смотрю?
Свидетель
Нет без тайм-аут будет синхронным
На, почитай - https://medium.com/@stasonmars/%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D0%B5-%D0%BF%D0%BE%D0%BD%D0%B8%D0%BC%D0%B0%D0%BD%D0%B8%D0%B5-%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-%D0%B8-%D0%B0%D1%81%D0%B8%D0%BD%D1%85%D1%80%D0%BE%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-javascript-%D1%81-async-await-ba5f47f4436
Kenan
Artem🇺🇦
/theme@cris_highlight_bot
Orzue
/theme@cris_highlight_bot
Artem🇺🇦
Artem🇺🇦
ID елемента кнопки вставлено правильно
Artem🇺🇦
Ali
Всем привет
Ali
Посоветуйте пожалуйста книгу для изучения java script с нуля
Vladislav
GDv
Alexander
Пацаны, jsdelivr стабильная тема? Можно ей доверять? В проде на неё ссылаться
Ali
Спасибо, а есть ссылка где его можно скачать?
Kirill
Подскажите пожалуйста, почему post запрос на бэкэнд может уходить пустым? Правильно ли я формирую ajax запрос?
$.ajax({
url: "/top10/res2",
type: "POST",
data: {
keys: $('textarea[name="keys"]').val(),
city: $('select[name="city"]').val(),
citygoogle: $('select[name="city-google"]').val(),
depth: $("input[name='depth']:checked").val(),
ss: $('select[name="ss"]').val(),
},
dataType: "json",
beforeSend: function () {
},
success: function (response) {
var my_object = $.parseJSON(response);
console.log(my_object)
},
Alexander
Подскажите пожалуйста, почему post запрос на бэкэнд может уходить пустым? Правильно ли я формирую ajax запрос?
$.ajax({
url: "/top10/res2",
type: "POST",
data: {
keys: $('textarea[name="keys"]').val(),
city: $('select[name="city"]').val(),
citygoogle: $('select[name="city-google"]').val(),
depth: $("input[name='depth']:checked").val(),
ss: $('select[name="ss"]').val(),
},
dataType: "json",
beforeSend: function () {
},
success: function (response) {
var my_object = $.parseJSON(response);
console.log(my_object)
},
А чё на бэкенде? Попробуй там читать body, а не post.
Или убери dataType json для теста
Kirill
А чё на бэкенде? Попробуй там читать body, а не post.
Или убери dataType json для теста
На бэкэнде flask (python). Попробую, спасибо!
Алексей
Подскажите пожалуйста, почему post запрос на бэкэнд может уходить пустым? Правильно ли я формирую ajax запрос?
$.ajax({
url: "/top10/res2",
type: "POST",
data: {
keys: $('textarea[name="keys"]').val(),
city: $('select[name="city"]').val(),
citygoogle: $('select[name="city-google"]').val(),
depth: $("input[name='depth']:checked").val(),
ss: $('select[name="ss"]').val(),
},
dataType: "json",
beforeSend: function () {
},
success: function (response) {
var my_object = $.parseJSON(response);
console.log(my_object)
},
Потому что формы парсятся как формы, а не как жсон. Нужна либа которая жсон умеет принять, или вычитать тело самому
Alex
Если я хочу научиться пилить веб приложения на ванильном жс, с чего начать?
Alex
С ванильного JS
Его я неплохо знаю. я имею в виду какие то архитектурные вещи или способы взаимодействия с DOM которые помогли бы создать приложение которое не сложно скейлить
stay
Ну смотри, тут сложно что-то подсказать.
По хорошему тебе лучше начать делать свое веб-приложение и по ходу уже понять с чем есть проблемы
Alex
ну епт. так можно про что угодно сказать
stay
Зависит от твоего приложения и твоего опыта
stay
Если ты хочешь сложную систему, в которой надо манирулировать большим массивом данных, да чтобы еще и красиво было, то лучше сразу переходи к фреймворкам
Alex
оке. к примеру я хочу сделать клиент телеги для веба
stay
Ну вот это входит в понятие манипулировать большим массивом данных.
Скорее всего ты не обойдешься без современных фреймворков типа React.
Можешь попробовать и на ванильном JS , но в итоге столкнешься с большой болью и необходимостью мутить велосипеды
Dmitry
Да там в контесте телеги указано, что фреймворки типа реакта/ангуляра запрещены
stay
А, ну я хз
stay
Ну тогда тебе в любом случае, скорее всего придется использовать решения, так или иначе представленные во всех современных фреймах, так что можешь начать с их изучения в любом случае
Alex
Да там в контесте телеги указано, что фреймворки типа реакта/ангуляра запрещены
я в контесте вряд ли буду учавствовать. просто для себя хочется попробовать
Dmitry
Тогда лучше юзать фреймворк
Dmitry
Опыт итак получишь
Dmitry
Если не делал такого еще
Alex
не. для себя попробовать на ванильном жс
Alex
я пилил клон слака на реакте с графкьюэлем и сср
Alex
просто я иногда сталкиваюсь с крутыми приложениями которые не используют фреймы
Alex
и немного бомбит что я не могу такое же запилить
stay
На самом деле фреймы не такие уж сложные и большие в своей сути
stay
Если ты хорошо знаешь какой-то фреймворк, тогда ты вполне можешь попробовать реализовать отдельные его части сам
Alex
мне вот как раз чо непонятно. Если я пилю лэндос с какий то минимальной динамичностью, то тут все понятно. Делаю верстку, стили. И накидываю чутка жс, чтобы например при отправки формы менялась иконка.
А если я делаю целое приложение? Получается я просто пилю какой то базовый экран в хтмл, а все остальные компоненты (кнопки, списки) рендерю с помощью жс?
Alex
Лан. наверное стоит просто попробовать
Orzue
Привет всем.
Я никак не могу понять промисы.
Они используются для асинхронный выполнение кода или
Организация последовательность выполнения кода?
Просто я в ступоре.
Orzue
/start@cris_highlight_bot
Александр
Привет всем.
Я никак не могу понять промисы.
Они используются для асинхронный выполнение кода или
Организация последовательность выполнения кода?
Просто я в ступоре.
они используются для того, чтобы ты понимал, когда выполнится асинхронный код
Orzue
Александр
А можно примеры?
ты делаешь ajax запрос к серверу, а это как раз асинхронный код, соотвественно ты не знаешь, когда тебе придет ответ, поэтому ты вешаешь на данный код промис, который тебе сообщит о том, что запрос закончился