Как вы вложенные роуты делаете в реакте?
Просто в корневом компоненте список большущий делаете, или по компонентам внутри них делите?
Просто в корневом компоненте список большущий делаете, или по компонентам внутри них делите?
Рим придёт, порядок наведёт.
Бля как в максимально короткое время подучить css? А то уже на стеке MERN пару собесов проходил а как вопросы про css то мычу что-то невнятное в ответ.
Сверстай списки на флексах и лэйаут страницы на гридах.
Сейчас активно форсится на зарубежном ютубе, что появился pyscript и что он заменит в будущем js, что думаете об этом?
https://www.youtube.com/watch?v=du8vQC44PC4
https://www.youtube.com/watch?v=du8vQC44PC4
Звучит как несмешной анекдот
Лет 10 слышу уже про убийц js. За это время он не что не умер так еще и на мобилки с бекендом перелез.
Зачем нужен всратый питон, когда есть такой то божественный javascript?
Где взять сочные и назыщеные цвета,а не то что дает стандартный css?
ok
Сборка чисто верстального пет-проекта вебпаком нормальная затея? Или посмотрят как на дебила?
нормальная
Минифицированная версия 600 кб. Это как 10 react+react-dom на страницу подключить.
А чем обычно собирают? Gulp у меня не завелся, где-то пишут что он устарел и им не пользуются.
Ну раньше версткодебилы собирали через gulp, потому что он без бойлерплейта поддерживал глобы из коробки. Сейчас в основном все юзают webpack, vite и rollup.
Родительский раут внутри которого его производные рауты
Файловый роутинг в next'е используем.
>Сейчас активно форсится на зарубежном ютубе, что появился cofeescript и что он заменит в будущем js, что думаете об этом?
Зачем нужен ssr в 2022? все спа и так нормально индексируются
Скорость быстрее. Да и сваливание огромной работы на браузер было ошибкой. Пришло время возвращаться к корням.
У нас челики в соседнем отделе пишут spa которое интернет с бэком видит только в полную луну. Никаких ошибок в сваливании работы на браузер нет
Твои смузихлебы может и не видят, а пользователи по всему миру воют с того, что интернет превратился в тормозное говно, и что то, что раньше даже на слабых браузерах и железе летало теперь с трудом тащится.
Это уже не spa, a pwa.
Вкатун, плиз. Вот попадешь на проекты, где требуется FCP на уровне 0.5 секунд - поймешь.
Кому не похуй на мнение нищих даунов которые нормальный компьютер себе позволить не могут
Короче такая проблема. Выскакивает ошибка в реакте при любом изменении файлов. В консоли пишет
ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » адрес моего проекта\client\node_modules\eslint-config-react-app\base.js" and "BaseConfig » адресс моего проекта\client\node_modules\eslint-config-react-app\base.js".
Как эту херню исправить? Получается только если сохранить заново файл package.json. Но это до следующего изменения файлов.
ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » адрес моего проекта\client\node_modules\eslint-config-react-app\base.js" and "BaseConfig » адресс моего проекта\client\node_modules\eslint-config-react-app\base.js".
Как эту херню исправить? Получается только если сохранить заново файл package.json. Но это до следующего изменения файлов.
>все спа и так нормально индексируются
Охуенные истории пошли.
>Как эту херню исправить?
>create-react-app
Корпорациям, которые готовы оплачивать лишние часы разраба, что бы не менять весь парк машин. Особенно актуально в текущих реалиях.
Ну медленнее и медленнее, чего бухтеть то
На некоторых сайтах поле помогает в вводе данных. Например, при вводе номера телефона появляются тире, скобки, при вводе номера банковской карты пробелы в нужных местах.
Как это реализуется? На ум приходит только вариант отслеживанием изменений в поле и проверкой на регулярные выражения, при совпадении с которыми вносить в поле изменения.
Как это реализуется? На ум приходит только вариант отслеживанием изменений в поле и проверкой на регулярные выражения, при совпадении с которыми вносить в поле изменения.
Регулярное выражение всю строку проверяет, а тебе посимвольно надо.
Masked input
onChange/onInput
Экстра пердолинг вей - отдельный компонент для вывода. Но бонус такого подхода - полная гибкость в отображении, с разметкой и стилями. Плюс не нужно будет оригинальное значение обратно в удобоваримое для бэка упаковывать.
То-то все крупные корпорации первыми в индустрии отказываются от легаси, вывешивая баннеры о том, что ваш браузер устарел.
Так, в которой я работаю до сих пор поддерживает IE11 для клиентов, не пизди тут.
Аутсоср галеры это не крупные корпорации, мань.
Пчол, ты обосрался. Как раз галере нахуй не всралась поддержка ie11, а вот корпорации, высасывающий каждый цент от населения, которое не в состоянии установить яндекс браузер очень даже нажо.
Встречал такое только в одной галере, заказчик залупился почему у него в ие не работает. В продуктовых всегда на ие похуй было, там исключительный кейс - чтобы у кабана на его версии сафари работало.
мимо шел
Да и большинство проектов Б2Б, там обычно требование к юзерам - это самая последняя версия хрома.
>галера, заказчики, кабаны
>Б2Б
А я про клиентов, которые являются самыми обычными людьми. ПРи этом многие из них являются бабками за 80, которые не могут ни во что кроме ИЕ. телекомРазницу ощутил?
Пох. Проще не работать там где нужен ие. Не засирать себе голову.
Так я как раз работаю в отделе, который пилит внутренний продукт. Мы там как раз не признаем хром и лису <90. Вот в соседнем кабинете опенспейсе как раз сидят гребцы бабеля и полифиллов на ie11
Ну-ка приведи пример такого проекта крупной компани, у которого ЦА это 80-етние бабки, и у которого хотя бы в теории может быть требование поддержки официально неподдерживаемых платформ.
Есть ли вообще смысл делить либы в моей сборке реакта с вебпаком на dependencies и devDependencies? Никто ведь не будет скачивать мой проект как npm-пакет, более того он private. Но все так делают, поэтому и я делаю, но есть ли в этом смысл?
Payment gateway должен работать на любой ебанине. Правда требования к ie там «ну чтоб открылось как нибудь»
Payment gateway это отдельный от продукта сервис, представляющий собой одну единственную страницу.
Зацените как посоны из Меты пишут: https://github.com/facebook/create-react-app/blob/main/packages/react-scripts/config/webpack.config.js. Я тоже мог бы устроиться. На самом деле это проблема языка.
Не понял какая связь между "как пишут" и конфигом вебпака.
Ты бы лучше посмотрел с исходники реакта с однобуквенными переменными в листингах на несколько страниц
Как сказать бабелю что не нужно транспилить в es5? Нужно в es6
targets передай в preset-env или правильно .browserslistrc заполни
Я тебе выше буквально написал: сайт телеком компании. Попробуй зайти на сайт МТС/билайна/МГТС/ростелекома уже убрали с IE. Абсолютно весь функционал будет работать.
Сап, фронтендеры, как определить уровень скилла? Сейчас работаю на галере за 15 к уже 3 месяца, до этого еще 3 месяца была стажировка.
За этот год планирую вырасти до уверенного джуна и стремиться к мидлу. Как понять, что уже готов подавать заявки на вакансии более крупных компаний? Смотря на мою галеру понимаю, что там платить больше 40 даже мидлу не будут, а сидеть с 15 к еще пару лет неохота.
И кстати, на каких сайтах можно выполнять лайтовые заказы по верстке, чтобы и скилл развить и подзаработать немного.
Недавно решил попробовать себя на фронте, вроде js нравится и вообще интересно, вопрос, стоит ли в перспективе учиться ноду или если мне понадобится бек, то можно продолжать его писать на питоне?
>И кстати, на каких сайтах можно выполнять лайтовые заказы по верстке, чтобы и скилл развить и подзаработать немного.
Ни на каких, айти приходит пизда и версталы, даже за мелкий прайс, не нужны.
Базовые знание вроде того, как подключить модуль и как прочитать /записать файл точно нужно будет знать.
>И кстати, на каких сайтах можно выполнять лайтовые заказы по верстке, чтобы и скилл развить и подзаработать немного.
Поищи бесплатные шаблоны с дизайном в какой-нибудь фигме и верстай.
Ну в этот айти точно всё, твёрдо и чётко
мне похуй, я месяц назад спокойно устроился на 230к
>БИТОК УПАЛ В ДВА РАЗА
БОЖЕ МОЙ!!! ТЕПЕРЬ ФОРМЫ ШЛЕПАТЬ НИКОМУ НЕ НАДО БУДЕТ
>найм на фризе
Фриз был на всех, кроме ИТ. Иди в /po, ципсошник.
Госпади, какой же кал в статьях по вебпаку, я просто хуею, лучше читайте документацию
Вадик, съеби в воркач или в мвп, откуда ты там высрался
Факт того, что сайт собирается под ie11 и на нем работает тебя не смутил?
А нахуя тернарный оператор нужен?
частый кейс когда нужно по одному условию вернуть значение
Чтобы не хуярить целый if...else блок с let поверх для условных присваиваний.
> кокпок крипта не фиат анкап шинc
> фрс поднимает ставку на полшишки
> арряяяяя
что легче и быстрее изучить, mongodb или sqlite?
postgres
У меня есть сервер на ноде с бд postgres и apollo. Как туда файлы лучше засунуть? Как вообще хранить файлы в бд, бинарной строкой какой-нибудь? А передавать через graphql норм или лучше post маршрут для файлов?
Файлы хранятся на файловом сервере, а в бд - всего-лишь ссылки на них.
DREAM MACHIENS ТОП!
То приятное чувство, когда нужная тебе инфа уже не находится в рунете, и приходится искать на английском
сап, подскажите, у меня есть одинаковые стили, но нужно их раскидать одновременно и в before и в after, как можно эти общие стили вынести?
типа
content: "";
width: 5px;
height: 30px;
position: absolute;
типа
content: "";
width: 5px;
height: 30px;
position: absolute;
&::before,
&::after {}
так не сработает, у меня там еще условия для этих before и after, нужно именно как-то эти 5 строк выделить отдельно
content: "";
width: 5px;
height: 30px;
position: absolute;
Всё ясно с тобой.
все так плохо?
Да, у тебя хронический css-in-js.
Мне тоже он не нравится, но приходится писать, что поделать
Аноны, есть ли смысл вкатываться в Gatsby или мир Next.js окончательно победил?
Помогите, плез. Накидываю листенеры через функцию с циклом на коллекцию элементов с общим селектором. Теперь при отработке события можно будет выполнить колбек. Но как мне что при запуске события получить именно тот элемент, который его сгенерировал. То есть, я в колбеке хочу прописать логику в зависимости от элемента. Как обратиться в колбеке именно к элементу-инициатору?
(event) => {console.log(event.currentTarget)}
Большое спасибо. Я и не знал, что он возвращает событие в колбек
Открой вакансии и посмотри.
>Накидываю листенеры через функцию с циклом на коллекцию элементов
В чем прикол всех этих стуледов, что их так форсят? Какие преимущества перед Sass?
первое по твоей теме, второе - добавка
https://learn.javascript.ru/event-delegation
https://learn.javascript.ru/bubbling-and-capturing
Объясните как это? Откуда такая популярность у PostCSS? Где его вообще кроме автопрефиксов используют?
а что не так?
Next.js
Вопрос уровня "почему баблель такой популярный, его же только для транспиляции кода используют?".
https://genius.com/25816725
Как сделают такую штуку со скроллом? Вся страница крутится вниз, но когда доходит до секции справа страница останавливается двигается только эта секция, и дальше продолжается
Как сделают такую штуку со скроллом? Вся страница крутится вниз, но когда доходит до секции справа страница останавливается двигается только эта секция, и дальше продолжается
Делайешь при открытии этого блока у body overflow: hidden, а у блока overflow: scroll
Посоветуйте, плиз, курс на русском по созданию простейшего лендинга с html, css, js.
>есть ли смысл вкатываться
Вкатуси только в PHP за дошик бомжпакет нужны!
Подскажите лучшую практику для автодокументирования graphql api?
backend js, frontend js. Общаются через graphql. Фронтенд видит только голую схему
Можно как-то из бекенда сразу документацию на все ф-ции добавить? Как это лучше всего делается?
Аноны, нужно прочитать файл, есть функция:
readFile(file, callback) {
const reader = new FileReader()
reader.readAsArrayBuffer(file)
reader.onloadend = () => {
return callback(reader)
}
}
Коллбэк просто взвращает reader.result.
Внутри коллбэка все ок, в консоль все выводится, но возвращается в переменную const test = readFile(file, (reader) => reader.result) всегда undefined
Я пробовал делать это через async await, но результат всегда один. Как достать контент?
readFile(file, callback) {
const reader = new FileReader()
reader.readAsArrayBuffer(file)
reader.onloadend = () => {
return callback(reader)
}
}
Коллбэк просто взвращает reader.result.
Внутри коллбэка все ок, в консоль все выводится, но возвращается в переменную const test = readFile(file, (reader) => reader.result) всегда undefined
Я пробовал делать это через async await, но результат всегда один. Как достать контент?
fs.readSync
Не, чтение происходит на фронтенде с инпута.
const arrayBuffer = await filer.arrayBuffer();
вторая ссылка в гугле
А можно как-нибудь пофиксить мой код? Просто тащить целую библиотеку ради того чтобы прочитать 1 файл в одном месте это пиздец.
А, так это апи файла, я подумал, что речь об модуле filer. В любом случае мне недостаточно просто прочитать arrayBuffer, там еще манипуляции происходят которые я опустил. Есть веская причина, почему этот костыль с файл ридером должен быть.
Как оценить насколько хорошо сделана страничка на react?
Есть задание, сделать страничку, 3 строчки текста и 3 поля ввода.
Как не обосраться и сделать по красоте кодовую часть приложения?
Проблема в том, что оно, конечно читает, и делает консоль лог, но в переменную вытащить результат не получается, оно возвращает undefined.
У каждого свое понятие хорошего кода.
теперь добавить Try/catch и посмотри, что он не может прочитать файл
10$ и добавлю, согласен?
Потому что функция readFile ничего не возвращает. Иди читай про то, как работают функции.
Она возвращает коллбэк, который возвращает значение. Разве не должен вернуться результат вызова коллбэка, в случае, если ивент onloadend триггернулся?
>Она возвращает коллбэк
Покажи мне где написано return callback внутри тела функции readFile
>Разве не должен вернуться результат вызова коллбэка
Должно вернутся то, что написано после вызова инструкции return. Если инструкции return нет - из функции вернется undefined.
>в случае, если ивент onloadend триггернулся
Вот когда событие loadend триггернется, у тебя вызовется функция onloadend. Она вообще может никогда не вызваться, так то. Дам тебе подсказку, которая поможет решить твою задачу:
https://learn.javascript.ru/promise
https://learn.javascript.ru/async-await
А блять я все понял, ебать затуп на ровном месте. Из коллбэка возвращается вызов в функцию, а потом идет пук и он растворяется в воздухе т.к. сама функция ничего не возвращает.
Почему при накидывании на элементы коллекции стилей они накидываются только для первого элемента?
Второй пик - изменения только в первом элементе при ресайзе.
Что примечательно - если поместить console.log(i) в цикл, то он будет отрабатывать все прокрутки цикла. Тогда почему он не хочет накидывать стили?
Хелп
Второй пик - изменения только в первом элементе при ресайзе.
Что примечательно - если поместить console.log(i) в цикл, то он будет отрабатывать все прокрутки цикла. Тогда почему он не хочет накидывать стили?
Хелп
deg забыл дописать в rotateY
блять, реально, спасибо
пора спать
Бамп.
Двачеры, помогите. Учу уже месяц js по Кантору, ничего не откладывается в голове, вроде прохожу тему, решаю задачи в конце, через пару дней все пусто. При чем css,html, бэм, норм зашли. Я в ахуе, че делать, блять, как быть
>че делать, блять, как быть
Иди кассиром работать
Ни то ни другое не пользуется широким спросом
Чем помочь-то? Базовые вещи как усвоить это у каждого свой путь и я свой даже и не помню, например.
Написать несколько приложух по туторам с ютуба.
Дмитрий Валак
>next.js
>не пользуется широким спросом
nice try.
Регулярно тестирую функцию, завязанную на sample (случайный элемент массива) из underscore.js. Недавно мне из массива из 44 элементов три раза подряд выпало одно и то же.
1/44 1/44 1/44 = 0.001%
Я подумал - ну ладно, бывает. Но сегодня мне ЧЕТЫРЕ раза подряд выпало одно и то же:
1/44 1/44 1/44 * 1/44 = ~0.00003%
При этом интересно, что числа генерировались по щелчкам пользователя (по быстрым, но всё же не в соседние миллисекунды). Кто-нибудь сталкивался с необходимостью более... э... правдоподобного генерирования случайных значений в JS?
1/44 1/44 1/44 = 0.001%
Я подумал - ну ладно, бывает. Но сегодня мне ЧЕТЫРЕ раза подряд выпало одно и то же:
1/44 1/44 1/44 * 1/44 = ~0.00003%
При этом интересно, что числа генерировались по щелчкам пользователя (по быстрым, но всё же не в соседние миллисекунды). Кто-нибудь сталкивался с необходимостью более... э... правдоподобного генерирования случайных значений в JS?
>Кто-нибудь сталкивался с необходимостью более
Ученые НИТУ «МИСиС», Российского квантового центра разработали самый быстрый и доступный квантовый генератор случайных чисел.
Созданное устройство генерирует случайные числа со скоростью 8.05 Гб в секунду и подтверждает их случайный характер в режиме реального времени. Технология может лечь в основу производства коммерческих генераторов случайных чисел, применяемых в криптографии и для моделирования сложных систем.
Так то он прав. Очень много SPA крутятся в корп сетях корпораций, которым FCP и SEO метрики нахер не сдались.
>Кто-нибудь сталкивался с необходимостью более... э... правдоподобного генерирования случайных значений в JS?
Там под капотом находится Math.random (пикрелейтед), который не рекомендуется для применений, где требуется сильная криптография.. Если для тебя это действительно важно - пиши свою имплементацию на crypto.randomBytes.
Дваждую
Просто прочитай все для ознакомления, а потом пробуй писать приложения или по туториалам, или из своей головы, периодически заглядывая в справку, и только в этот момент все, с чем ты сталкиваешься, начнет откладываться в голове.
А предварительно ознакомиться с языком нужно только для того, чтобы потом знать, где и какую информацию искать
Доброе время суток господа, подскажите пожалуйста без знания английского есть смысл вкатываться в javascript?
Без знания английского вообще нет смысла заниматься программированием.
Ты видел конкуренцию на позицию JS? 400 человек на одно место
>FCP и SEO
Дело не в них.
Next.js даёт из коробки больше инструментов для работы с React
Каких, например?
Ты должен уметь читать документацию на английском языке без переводчика. Если не умеешь - имеет смысл вкатываться в 1С максимум, все остальное для тебя закрыто.
>изображения
Зачем корпоративному приложению оптимизация изображений? В большинстве случаев там заранее известен набор браузеров, которые будут использоваться.
>интернационализация
Область прмиенения корпоративного приложения какая?
>аналитика
Платная, сейчас никто её использовать не будет. Использует опенсорсные аналоги наподобие пивика
>SSG и SSR
Туда же куда и FCP и SEO
>Инкрементальная регенрация
сейм с ssr
>typescript support
Наконец-то реакт начал работать с с тайпскриптом! Как же я долго этого ждал, хотя подожди ка...
>fast refresh
Наконец-то я смогу использовать инкрементальную компиляцию, вебпак, gulp, vite, etc же так не умеют, хотя подождите ка...
>file system routing
Что-то запрещает файлы в проекте расположить по пакам без некста?
>api routes
Чисто бэкендовая фича, тут без комментариев
>Built in css support
Наконецто я смогу использовать SCSS и css модули! Вебпак , gulp, vite, etc так не умеют, хотя подождите ка...
>Code splitting
Наконец то сможем использовать import(), хотя подождите ка...
Так что в нексте есть, чего не может среднестатистическое приложение с клиентским рендерингов и роутингом собранное через вебпак?
Олсо, проебался. <Image> оказывается просто ширину и высоту изображению подставляет, а не выбирает на рантайме формат. Тогда он точно так же заменяется лоадерами вебпака.
>корпоративному
При чём тут корпоативные приложения, фантазёр?
Рякт это дрисня для простейших туду-сайтов и барбершопов
В настоящем энтерпрайзе пишут на Java и .net Формах
Фронт пишут на том же реакте, vue и ангуляре, не пизди.
Вот бизнес логика на бэке да, там жава король
>Так что в нексте есть, чего не может среднестатистическое приложение с клиентским рендерингов и роутингом собранное через вебпак?
А зачем пердолится с вебпаком, если Next всё это ставит в одну строчку без выебонов?
А зачем пердолится с вебпаком, если Next всё это ставит в одну строчку без выебонов?
Зарплаты низкие.
Мне в банке предложили 60 тысяч рублей за фуллстек, так что рякт это для нищих
>А зачем пердолится с вебпаком, если Next всё это ставит в одну строчку без выебонов?
Ну да, деплоится же все это говно само собой на прод, и пайплайн настраивать не надо и сервер отдельный согласовывать не надо и следить за тем, что сервер вообще живой без покупки платного pm2 тоже не надо.
За нехтжс мне предложили 200к, учитывая что я миддл. Если бы graphql знал то было бы еще больше.
не отменяет того файта, что для внутреннего кровавого энтерпрайза некстжс хуета без задач
>graphql
Насколько хорошая тема в 2022м?
По технологиям там тоже самое http, а вот жизнь программистам упрощает
>для внутреннего кровавого энтерпрайза
Так а что подойдёт?
Чистый vue/react? с gulp/webpack
У меня нет полного видения картины, он больше на бэк влияет чем на фронт. По моему неквалифицированному мнению - мало чем лучше типичного REST на жсонах
Ну да. Даже не оябзательно SPA, можно хоть на жквери и бутстрапе писать, там не особо сильно нужны фронтовые выебоны ака SSR, graphql, и прочее
>SSR
Смешно так получается, ведь технология очень старая и была задолго до JS
Ну так тогда не было возможности использовать компонентный подход в таком виде, в котором он есть сейчас.
В основном усложняет. Добавляет ненужный бойлерплейт. Упрощает только в одном случае, если у тебя куча апишек и тебе не хочется на каждый новый компонент писать еще одну, которая делает тоже самое. Не путай фичи аполо гкл с самим гкл, когда в приложении на реакте избавляются от редакса за счет аполо.
В смысле реально когда у тебя сотни и тысячи апишек. Чтобы эти апихи не делали тоже самое но чуть по другому может пригодиться гкл. А если у тебя десяток другой апих и компонентов то гкл скорее используется как каргокульт.
Я бы еще добавил, что там достаточно удобный генератор документации, аналогов которому я не видел.
swager
>В смысле реально когда у тебя сотни и тысячи апишек.
Ебало имаджинировали программиста, который на ресте ДЕСЯТЬ апишек описывает? И каждый раз фронт получает избыточные данные
>swager
Платный, еще и в юрисдикции США.
Фронт с десятком апих лопнет от "избыточных данных"?
Конечно. Ты в реальных проектах видел сколько полей может выдавать бекенд? 50-150 запросто
У нас уже лопался, когда бэк отдавал 200 мб данных вместо 1мб как раз из-за избыточности.
мимо фронт
>По моему неквалифицированному мнению - мало чем лучше типичного REST на жсонах
Эффективность GraphQL целиком определяется тем, насколько пристально сервер должен отслеживать состояние клиента. Если у тебя тупо википедия-лайк API, когда любой юзер может запросить любую инфу, тогда GraphQL может упростить дело. А если речь идёт, скажем, о браузерной игре, где клиент в каждый момент времени имеет доступ к строго ограниченному набору данных, GraphQL сам собой вырождается в REST.
Для десятка сущностей сложно прописать в анотацииях какие поля надо сериализовать?
Сложно.
Graphql автоматически всё расписывает, есть генераторы, основанные на моделях
>каждый момент времени имеет доступ к строго ограниченному набору данных
gRPC.
У нормальных пацанов бекенд определят что видит, слышит и ест фронтенд, а у смузихлебов все наоборот.
У нормальных пацанов бекенд и фронт в одно ебало
Двачую этого.
мимо senoir bitrix developer
Вопрос не в разделении ебал труда. Вопрос в том какой flow у приложения.
У вас бэк не может в пагинацию?
Не мог, потому что его пилила галера под заказ. Сейчас вот сидим в ахе разгребаем это все
Рейтаните слайдер https://rokashkov.github.io/
Адаптируется под ширину экрана, и количество элементов в карусели, скейл при ховере и отступы между элементами в карусели для наглядности, можно убрать удалив строчку кода
Адаптируется под ширину экрана, и количество элементов в карусели, скейл при ховере и отступы между элементами в карусели для наглядности, можно убрать удалив строчку кода
+ не скачает, как ебанутый, когда переключаешь нижним скроллом - ищет наименьший угол вращения в таком случае
Кнопки на мобилку не влезают. Плюс они слишком маленькие. Да и вообще отучайся пихать активные элементы поверх картинок, особенно в слайдерах. Да и статичные элементы, типа текста, лучше тоже выносить за пределы картинок.
Твой выкрутас можно уменьшить до картинки и панели с кнопками "предыдущий -1 нынешний/максимальный +1 следующий". "Нынешний" при этом будет инпутом, позволящим прыгать на любую картинку в списке. И никаких углы не надо считать.
>отучайся пихать активные элементы поверх картинок, особенно в слайдерах. Да и статичные элементы, типа текста, лучше тоже выносить за пределы картинок.
Не понял! Не слишком ты много хочешь? Тебя кабан нахуй не пошлет с таким подходом?
мимо
я пока не верстал под мобилки
>Да и вообще отучайся пихать активные элементы поверх картинок, особенно в слайдерах
хороший совет
>можно уменьшить до картинки и панели с кнопками "предыдущий -1 нынешний/максимальный +1 следующий". "Нынешний" при этом будет инпутом, позволящим прыгать на любую картинку в списке
звучит немного колхозно
> Не понял! Не слишком ты много хочешь? Тебя кабан нахуй не пошлет с таким подходом?
Конечно пошлёт, так как кабан сам сайт дальше фигмы и презентаций не видит, а конечные пользователи жрут потом крутящееся и пердящее говно, которое весь стейт перезагружает из-за мисклика.
Но он же не кабанячий фидбек спрашивал.
>звучит немного колхозно
Колхоз - как раз контрольные элементы распихивать по всему интерфейсу.
кабан это who?
Это тот, кто подскакивает и обкашливает вопросики.
Наконец-то, спасибо.
Как остановить setInterval при переводе вкладки в фоновый режим? Именно setInterval, а не анимацию, которая лежит в его колбеке
Димас, ты,?
setInterval() возвращает id, который можно передать в clearInterval()
Так это тогда и в не феновом режиме будет работать. Мне нужно, чтобы clearInterval активировался при переходе в фоновый режим, а в идеале, чтобы setInterval вставал на паузу без его очистки
Пиши декоратор, который будет всё это проверять.
Монга простая как два пальца. Но чтобы оценить ее простоту, нужно знать SQL.
Что за инфа?
На самом деле они пишут с нормальными названиями а на публику выкладывают прогнанный через обфускатор код, и без каментов, без каментов, чтобы опенсорсники даже не задумались ковыряться в коде.
инсайдер
Да и Цукерборг на самом деле теплокровный человек, это он на публику прикидывается ящериком-андроидом.
Page Visibility API
Аноны, какой линукс порекомендуете установить для работы? Пытался недавно Node.js установить для освоения реакта, меня нахуй послали с моим виндовс7, теперь хочу перейти на линукс, заодно привыкать к нему для будущей работы, ведь я так понял только его для работы юзают.
Поставь для начала в виртуалбокс xubuntu lts (на данный момент 22.04)
Двачую убунту и кеды. Мимо год работаю онли на линухе, зависимость есть
Убунта - тупо наиболее популярный и допиленный вариант, легко гуглить любую хуйню.
Кеды - максимально похожи на классический ДЕ винды, также там качественное масштабирование интерфейса.
Кеды - максимально похожи на классический ДЕ винды, также там качественное масштабирование интерфейса.
Ubuntu
>Пытался недавно Node.js установить для освоения реакта
это что тролинг тупостью?
Потому что не передах мапу коллбэк с аргументом.
Потому что parseInt принимает систему счисления вторым аргументом
document.addEventListener('visibilitychange', ()=>{...})
if (document.hidden){...}
map передант в колбэк три аргумента, в т.ч. индекс элемента и сам массив. parseInt кроме числа принимает разрядность желаемого числа. Вот и получается, что парсишь 10 с разрядностью 0, 1 и 2, соответственно индексам.
Отрезай лишние аргументы кастомным колбэком, потом приходи снова, когда код упадет на парсинге числа 8
Что можно почитать-посмотреть по тому как писать код правильно в плане построения? (типа где хэндлеры стейты и все-такое располагать, что куда выносить) А то я код написать могу, но вот что куда кидать не уверен
Ты куда вообще пишешь?
Какой код, какие стейты, ты о чём?
Нет, а что? для начала вполне годно
Подскажите как безопасно тестить код на nodejs? Видел кучу новостей с взломанными лимбами из npm. Только виртуальную машину юзать? VSCode + ssh file system?
Ищи "state management enterprises"
Друзя, поясните максимально простым языком, вот во втором случае возвращается 10 эт понятно т.к. лог запускается за пределами функции и берет внешнюю переменную 15. Но почему в первом варианте 10?
Запрещать обновлять Npm Пакеты, фризить
у тебя в первом случае var объявляется
var a = 10
Но почему он обновляется и лезет при этом в функцию внутрь?
Имею такую задачу по теме WeakMap, Weak Set. Скажите вкратце в общих чертах, как построить структуру и решить задачу, а то я совсем не догоняю дайте направление пожалуйста, хочу сам решить но хз с чего начать
Создаёшь .npmrc в руте проекта
Добавляешь в него "save-exact = true"
Копируешь проект в виртуал очку с такой же системой, на которой планируешь проект запускать.
Делаешь снапшот виртуал очки.
Там запускаешь npm install.
Дифаешь локфайл.
Дифаешь снапшот виртуал очки.
Шуршишь по всем модулям в node_modules.
???
Бежопашность.
Чё-то какая-то пизданутая задача. обычно это решается хранением айдишников в каком-нибудь сете/хэшмапе и удалением этого айди из коллекции при прочтении.
Аноны, при попытке сделать запрос на сервер через graphql браузер (именно браузер (firefox) т.к. Ошибка на русском) выдает вот такую хуйню. Что он от меня хочет? На msd написано, что нужно добавить хедеры, типо в которых разрешен корс запрос на сервер. Куда их добавлять, в конфиг аполло? Или в чем тут вообще дело? На сервере корс настроен.
>На сервере корс настроен.
Ну значит браузер тебе в штаны насрал, потому что он ненавидит графкуэлодебилов.
>На сервере корс настроен.
Нет, не настроен, ты пиздишь.
Двач насколько это говноалгоритм?
Есть надо на сайте сделать кнопки под таблица для их открытия и закрытия.
1) кидаю кнопкам класс button и id (забиваем в массив выборка по классу)
2) так же класс для таблицы wordslist и id (забиваем в массив)
3) затем массив состояний таблицы открыта закрыта (логич. Переменные)
4) кидаю на все кнопки одну и ту же функцию.
Она возвращает ID элемента
5) в ней же пробегаем все ID и массива buttons если id кликнутого элемента совпал меняем флаг на противоположный
6) смотрим условие если он true отображает таблицу, если false скрываем.
Алсо хотел юзать forEach но он почему то выдаёт ошибку. Кик тик?
Есть надо на сайте сделать кнопки под таблица для их открытия и закрытия.
1) кидаю кнопкам класс button и id (забиваем в массив выборка по классу)
2) так же класс для таблицы wordslist и id (забиваем в массив)
3) затем массив состояний таблицы открыта закрыта (логич. Переменные)
4) кидаю на все кнопки одну и ту же функцию.
Она возвращает ID элемента
5) в ней же пробегаем все ID и массива buttons если id кликнутого элемента совпал меняем флаг на противоположный
6) смотрим условие если он true отображает таблицу, если false скрываем.
Алсо хотел юзать forEach но он почему то выдаёт ошибку. Кик тик?
А да корявый русский.
Там n кнопок
N таблиц
Сервер-сайд рендеринг это клиент-серверная двузвенная архитектура или че?
Это стандартный веб 1.0
Новый фреймворк на подходе, убийца React
https://www.solidjs.com/
https://www.solidjs.com/
Народ як зробити так щоб сума двох методів додалась? Але це організувати в 3 методі ; Щоб я його викликав і там рахувлаалсь сума 2 методів : chyslo1+ chyslo2
Дичь. Массивы, состояния, логические переменные и вообще переменные переменные не нужны.
Вот так убийца! Переиграл и уничтожил ряктовую дешёвку
Ебаные костылики
Задумка хорошая, но по факту основное применение ноды штука чтобы работал вебпак в нем не нуждается.
Погоди а как мне тогда кинуть одну функцию на все кнопки сразу чтобы при нажатии на какую-то конкретную показывалась её таблица?
Ты так и не сказал, на каком фреймворке ты пытаешься это дело проврнуть.
Просто чистый js.
Я кажись немного понял как сейчас избавился от флагаов
можно как то убрать цыкл?
>Больше пары строк кода в посте или на скриншоте ведут в ад.
моча не ругайся я только вкатываюсь, мне нужно отучиться писать говнокод
Тогда event delegation.
forEach (и остальные методы массивов) не работает потому что все что возвращает document.getElementsBy... это не массивы, а псевдомассивы. У них есть .length для for цикла, но обычных методов массивов нет.
https://learn.javascript.ru/dom-navigation#dom-kollektsii
как использовать методы массивов на псевдомассиве:
https://learn.javascript.ru/call-apply-decorators#method-borrowing
Посоветуйте какой нибудь курс, родмап по реакту для джуна, который только начал его ботать
спасибо аноны
Спасибо.
Умен не по годам, что поделать
Аноны. А использовать bootstrap при верстке нынче на хайпе??? Или это уже кринж?
React bootstrap не кринж
Я с реактом Ant Design сейчас пробую, пиздатая штука. Тот бутстрап, который мы заслужили
С запашком миски риса, к сожалению.
Некоторые пропсы имеют другое название, чем у рякта
Абсолютный кринж.
>React bootstrap не кринж
Еще больший кринж
> Ant Design
Кринж от чинг-чонгов.
Для верстки достаточно tailwind подключить, если ты умеешь верстать - то можешь сам с нуля писать.
Что мешает использовать вместе с ряктом?
Name дописать же несложно. Это все равно нужно писать вручную.
Напомните, почему реактодебилы пишут className и htmlFor в 2022, учитывая что jsx вполне себе успешно работает и с for и с class?
>tailwind
Гигакринж.
Предложи аналог с три-шейкингом лучше.
Не ставить говно, которое надо тришейкать. Охуеть, создадут проблем, а потом сами же их и решают.
>выпуки веб-макаки с бандлами по 10 мб
С нуля это конечно хорошо, но хочется больше уделить внимание js( DOM в частности). Типо создать типовую(НЕ ВЫРВИГЛАЗНУЮ ЗАЛУПУ) html разметку инет магаза и больше уделить внимания js, вот и ищу для этих целей фреймворк.
Да возьми любой и не еби мозг. Хоть jquery-ui
Про вебпак слышал? который по 5 минут сжимает блядский сайт
Шиз, с каких пор вебпак что-либо сжимает? Минифицурет минифкатор, а сжимает zlib или аналоги. Олсо, твой вебпак нихуя не умеет тришейкать из коробки, пока ты не насрешь в своем коде #__PURE__'ами или отключишь сайд эффекты в package.json.
Макакен, ставящий соевый эквивалент бутстрапа, что-то там про вебмакак затирает.
В каком месте тэйлвинд это экивавлент бутстрапа? Бутстрап это полноценный js+css фреймворк с компонентами, а тэйлвинд просто библиотека со стилями.
>НЕ ВЫРВИГЛАЗНУЮ ЗАЛУПУ
Тогда бутстрап точно не подойдет, на нем огромная часть говносайтов работает и это пиздец быстро будет бросаться в глаза.
>В каком месте тэйлвинд это экивавлент бутстрапа?
В том, что это типичное блоатваре.
>а тэйлвинд просто библиотека со стилями.
Просто библиотека со стилями, которую ты должен тришейкать при билде, потому что она всякое говно тащит. Просто поставь экстеншн, чтобы работать с тейлвиндоговном. Просто не интерполируй строки классов. Просто пей соевое молоко.
аноны почему когда я скрываю строку таблицы, потом после отображения она выглядит как говно?
алсо на ее поля навешаны те же стили что и на основную таблицу. тогда почему они не работают после отображения я не понимат
алсо на ее поля навешаны те же стили что и на основную таблицу. тогда почему они не работают после отображения я не понимат
>которую ты должен тришейкать при билде
Не должен, если импортировать выборочно.
>Просто поставь экстеншн, чтобы работать с тейлвиндоговном
Нахуя? @include прекрасно работает из коробки в вебшторме и vs code
>Просто не интерполируй строки классов
Не нужно, если импортировать выборочно.
в смысле почему она не во сей ширене таблицы?
Потому что ты не прочитал оппост.
>Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю».
Линтеры как минимум не пропускают, это пердолить их надо.
Ну раз так то да, продолжаем бойлеплейтить в коде дальше, обычно бойлерплейта реакта же недостаточно.
>то я хочу получить
примеры на каждое слово списка. изночально скрытые. при клике отображаются.
>что я для этого делаю
ставлю display=="none" всем строкам с классом example
при клике меняю нужный на display="block"
>что я вместо этого получаю
оно отображается но по ширене одного поля
>при клике меняю нужный на display="block"
display: table-row
https://drafts.csswg.org/css-display/#valdef-display-table-row
пофиксилось
спасибо анончик
Что бы такого не было, надо использовать свойство hidden у элемента, а не стили ему навешивать.
https://developer.mozilla.org/ru/docs/Web/API/HTMLElement/hidden
>Не должен, если импортировать выборочно.
Просто правильно импортируй библиотеку со стилями.
>Нахуя? @include прекрасно работает из коробки в вебшторме и vs code
Он просто почти работает изкаробки в соевых IDE, даже экстеншн не нужно ставить!
>Не нужно, если импортировать выборочно.
Интерполяция строк просто не нужна, чётко и ясно!
а какой фреймворк тогда посоветуете? Коль не затруднит
Реакт.
И вообще с чего ты взял что бутстрап фреймворк?
Так реакт это либа, а не фреймворк.
>Реакт.
А реакт не фреймворк. Next.js - фреймворк
>с чего ты взял что бутстрап фреймворк?
Потому что он себя так позиционирует
Планирую вкатываться в Vue/Nuxt
Какие подводные?
Какие подводные?
мммм бутстрап css фреймворк же. ЧИ НЕ?
Меньше вакансий чем рякт+нехт
Чи не. Добрая половина компонентов обязательно требует js
>Меньше вакансий
Даже хорошо.
Всем привет
Я вообще не особо изучаю жс, просто делаю интерфейс для своего апи на вьюжс. В общем, хочу сделать чтобы у меня показывался нотификейшн, когда юзер пытается сделать действие, которое требует авторизации. Типа "необходимо авторизоваться!". Я нашел библиотеку для этого, она работает нормально, но вот у меня таких действий может быть много на разных страницах, а сообщение одно и то же. И я думаю, что можно было бы сделать функцию, которая показывает нотификейшн в главном компоненте и в остальных компонентах просто её вызывать. Ну и вот, а как её вызывать? Это надо как-то с вьюикс делать? Но я не очень понял, как.
Я вообще не особо изучаю жс, просто делаю интерфейс для своего апи на вьюжс. В общем, хочу сделать чтобы у меня показывался нотификейшн, когда юзер пытается сделать действие, которое требует авторизации. Типа "необходимо авторизоваться!". Я нашел библиотеку для этого, она работает нормально, но вот у меня таких действий может быть много на разных страницах, а сообщение одно и то же. И я думаю, что можно было бы сделать функцию, которая показывает нотификейшн в главном компоненте и в остальных компонентах просто её вызывать. Ну и вот, а как её вызывать? Это надо как-то с вьюикс делать? Но я не очень понял, как.
>Хочу сделать карточку в котором будет целое одно предложение.
>Нашел целую библиотеку
Более 20 лет развития JS, итоги.
>Ну и вот, а как её вызывать?
https://www.google.com/search?q=как+вызвать+функцию+в+javascript
Ну а если без шуток - provide/inject. Vuex тоже подойдет, но там под капотом тот же провайд с инжектом.
час ломаю голову, почему я не могу сетстейт использовать внутри юзэффекта? понимаю что дело в промисе, а что я сделал не так?
Дебс, setState возвращает массив из двух элементов, а не объект.
useState
быстрофикс
бля ору.
спасибо
Не, ну я и другие нотификейшены посылать буду, просто это повторяется много где.
Круто, спасибо.
Что там используется для парсинга формочек с файлами на сервере в нынешнем году? Попробовал formidable, но есть ощущение, что ем говно, multer тоже не продукт первой свежести.
Вот уж действительно 20 лет жс - простые html формочки так и пердолятся через парсинг строк и буфферы.
Вот уж действительно 20 лет жс - простые html формочки так и пердолятся через парсинг строк и буфферы.
>простые html формочки так и пердолятся через парсинг строк и буфферы
Так простые html формочки и есть закодированные строки. Через что ты их собрался парсить?
У меня дохуя серверлесс на нексте и захотел присобачить облачный стор на яндекс.диске. Проблема в том, что я не понимаю процидурку облачной загрузки файлов.
С обычным бэком всё понятно:
1. Читаешь формочку.
2. Сохраняешь файлы во временную папку.
3. Добавляешь пути к файлам в какую-нибудь очередь задач и возвращяешь хттп ответ.
4. Эти временные файлы воротишь как хочешь.
С серверлессом какие-то непонятки:
1. Читаешь формочку.
2. Получаешь ссылку на загрузку от облачного стора.
3. ???
Как я понял, мне нужно читать стрим и пропукивать его по частям на ссылку, но какие заголовки нужно включать по минимуму и как вообще запрос оформлять?
Можете посоветовать.
Хочу сделать свайпер, но столкнулся с проблемой.
Допустим, у меня на элементе стоит листенер, который срабатывает при нажатии и удержании мыши
elem.addEventListener('muosedown', (event1) => {
Тут лежит координата x нажатия
const startX = event1.clientX
Далее запускаю второй листенер перемещения мыши, причем кидаю его на body, чтобы он слушал перемещение по всему документу
body.addEventListener('mousemove', (event2) => {
тут получаю координату х перемещения
const currentX = event2.clientX
Считаю разницу координат
const differenceX = currentX - startX
Далее просто прописываю новые стили и прочую логику.
........
})
})
Все работает, однако при отжатии мыши, вложенный листенер продолжает работать, что, конечно, логично, я же го создал первым ивентом. На ум приходит решение дописать ещё один листенер на body с 'mouseup', который удаляет вложенный листенер перемещения мыши. Для этого нужно в body.removeEventListener('mouseup', func) вместо func указать именную функцию, отрабатывающую на body. Однако у меня это безымянный колбек и я не могу на него сослаться, а если создавать эту функцию до листенера и передавать её потом в листенер, чтобы её потом удалить, в неё нужно будет передавать 2 константы - сам ивент и startX, однако колбеки в листенерах могут принимать только одну переменную - event, если больше или другую деволтную переменную, то он не передает event.
Что делать.
С радостью выслушаю, какой я долбаеб, изобретающий велосипед, или говнокодер, который не знает какого-нибудь метода или выслушаю совсем другие решения для реализации свайпера, спасибо.
готовые свайперы - это, в данном случае, не решения
Хочу сделать свайпер, но столкнулся с проблемой.
Допустим, у меня на элементе стоит листенер, который срабатывает при нажатии и удержании мыши
elem.addEventListener('muosedown', (event1) => {
Тут лежит координата x нажатия
const startX = event1.clientX
Далее запускаю второй листенер перемещения мыши, причем кидаю его на body, чтобы он слушал перемещение по всему документу
body.addEventListener('mousemove', (event2) => {
тут получаю координату х перемещения
const currentX = event2.clientX
Считаю разницу координат
const differenceX = currentX - startX
Далее просто прописываю новые стили и прочую логику.
........
})
})
Все работает, однако при отжатии мыши, вложенный листенер продолжает работать, что, конечно, логично, я же го создал первым ивентом. На ум приходит решение дописать ещё один листенер на body с 'mouseup', который удаляет вложенный листенер перемещения мыши. Для этого нужно в body.removeEventListener('mouseup', func) вместо func указать именную функцию, отрабатывающую на body. Однако у меня это безымянный колбек и я не могу на него сослаться, а если создавать эту функцию до листенера и передавать её потом в листенер, чтобы её потом удалить, в неё нужно будет передавать 2 константы - сам ивент и startX, однако колбеки в листенерах могут принимать только одну переменную - event, если больше или другую деволтную переменную, то он не передает event.
Что делать.
С радостью выслушаю, какой я долбаеб, изобретающий велосипед, или говнокодер, который не знает какого-нибудь метода или выслушаю совсем другие решения для реализации свайпера, спасибо.
готовые свайперы - это, в данном случае, не решения
>говнокодер, который не знает какого-нибудь метода
AbortController. поддерживается пока что не везде, поэтому придется тебе бойлерплейтить через removeEdentListener, дружок
Это самое, я энивей не понял как это делать с провайд/инжект, но оказывается можно просто писать this.$root.method() как раз что надо было.
>С серверлессом какие-то непонятки:
3. Отправляешь сразу файл на облачный стор в виде блоба или стрима. А ты как хотел?стоить будет много
Можешь как вариант попутно заливать этот файл в S3, в качестве временного хранилища.
>this.$root.method()
Удачи потом все это тестами покрывать.
Ща бля ещё тесты для фронта писать не хватало, я и на сервере-то не писал уже начинаю думать, что надо бы, а то бывает ломается че-то, а я не понимаю че
Ну и вообще, в чем проблема? Просто функцию вызываю в главном компоненте, че может пойти не так?
>Просто функцию вызываю в главном компоненте, че может пойти не так?
То, что у тебя в тест рантайме главного компонента нет, всего-то.
Смог сделать это через обявление переменных во вне функции
костыль? костыль.
https://rokashkov.github.io/
Допилил
блть, как же я заебался
Алсо, почему свайп не работает на мобилках?
зачем вообще htmlFor юзать и айди генерировать, если можно просто инпуты в label класть
Количество вкатунов примерно то же.
Пачаны, вопрос больше философский, насколько целесообразно использовать ноду, как язык среду исполнения для написания cli-приложух?
Дополню, что вопрос не столько про возможность реализации чего-то этакого, сколько про то, насколько больно будет поддерживать всю эту срань в условном среднем попенсорс-проекте в сравнении с тем же питонякой или го?
Как правильно реверсить жс? Жадные долбоебы навешали шифрование на ответы апи, потом на морде расшифровивают. Видно, что это aes-cbc, видно как формируется iv, вроде как есть ключ, но как трассировать это, то пиздец лапша и нихуя непонятно.
НИ НУЖНО!!! ТОЛЬКО ВЫИГРАЛИ!!!
>Допилил
Как видишь на мобилках постоянные проблемы с нехваткой горизонтального места. У тебя выбранная картинка, которая должна быть основным элементом компонента, занимает от силы треть места, всё остальное уходит на отступы/кнопки/другие элементы слайдера.
Плюс проблема с кнопками, которые выделяют отдельный элемент, так и не ушла. Что будешь делать при 100+ элементах в слайдере? Кнопки в несколько рядов ставить? Я тебе говорил сделать счётчик, он понятен любому дебилу и работает (почти) вне зависимости от разрешения. И кнопки листания заодно вниз перенезти, один хуй там место свободно.
>блть, как же я заебался
Самое хуёвое, что ты пердолился с этим тру мобайл экспириенсом, а он даже на мобилках не работает. А за пределами мобилок свайпы не нужны.
>Алсо, почему свайп не работает на мобилках?
Смотря что ты имеешь ввиду под мобилками. Мобильные браузеры - отдельный мир, а условная сафари мобайл - русский мир от мира мобильных браузеров. Может ты там слишком дохуя каштома накостылил, что мобильные барузеры даже не понимают, что ты от них хочешь.
Удачи стилизовывать всё это дело.
На питоне с условным click намного проще. На жс есть commander, но ты сам должен пропердоливать тайпскрипт в нём. Но с другой стороны у тайпскрипта типизация намного менее костыльная, чем у питона.
> насколько больно будет поддерживать всю эту срань в условном среднем попенсорс-проекте в сравнении с тем же питонякой или го?
Зависит от твоего знания языков, если ноду в первый раз видишь - то будет очень больно.
Если на декстопе потянуть за пределы слайдера, потом кликнуть на слайдер то он прикрепляется к курсору.
При загрузке страницы есть layout shift
А так очень недурно для вкатуна, молодец
>Как видишь на мобилках постоянные проблемы
Да на это похуй пока, функционал разбираю
>Плюс проблема с кнопками
Просто допилить листенер value у input и листенер на кнопку с накидыванием стилей, это не сложно
>Самое хуёвое, что ты пердолился с этим тру мобайл экспириенсом, а он даже на мобилках не работает.
Ты сейчас описал всё моё вкатунство
>Смотря что ты имеешь ввиду под мобилками
Да просто, к примеру, если откроешь на этой страницы в хроме девтулс и переключишь на кастомное разрешение хуйня, где можно просмотреть страницу под разрешения различных девайсов, хз как это называется, то у тебя курсор заменится на тач с мобилок. Даже там не работает. Хотя по прослушке ничего особенного - 'mousedown', 'mousemove' и 'mouseup'. Я может опять невдупленышь, который не знает говнособытий смартфонов по типу: "Тут не маусмув, тут тачмув, ыыыы"
Я вряд ли где этот свайпер буду юзать, просто знакомился с языком, методами, стилями
>Если на декстопе потянуть за пределы слайдера, потом кликнуть на слайдер то он прикрепляется к курсору
fixed
>При загрузке страницы есть layout shift
fixed если я правильно тебя понял
>молодец
хоть какая-то дополнительная мотивация кроме 300к/наносек, спасибо
А что такое effector?
Хуйня или норм залупа?
Хуйня или норм залупа?
Когда уже круды на жс будут писаться сами по конфигу из 10 строчек, а мой труд понадобится для чего-то менее обоссаного?
Используют многие. Просто очередной стейт-менеджер, коих штук 5 популярных наберется точно, не редаксом и мобиксом едиными.
Аноны, кто-нибудь пользуется nestjs? Как в последней версии импортировать классы с @injectable? Раньше без задней мысли в imports модуля закидываешь и все заебись. А сейчас ошибкой срет, говорит, что так теперь нельзя. А как тогда? Я не бэкэндер нихуя, разбираюсь поскольку постолько.
>Повелись на хайп многие, ломают голову - а как же теперь все переписать обратно
Как поймать пидараса, который ставит эти стили?
Таг внутри говнокомпоненты на реакте, поиск по исходникам не помогает, там ехал враппер через враппер
Таг внутри говнокомпоненты на реакте, поиск по исходникам не помогает, там ехал враппер через враппер
а в чем прекол?
Какой-то код поставил стили напрямую в тэг и это поломало верстку. Код библиотечный и его много, хотелось бы как-то найти откуда ставятся стили
Лицо этого разработчика реакт библиотек представили?
>Удачи стилизовывать всё это дело.
<label>
<span>Пук</span>
<input>
</label>
Problems?
Так как ты будешь стилизовать состояния инпутов?
С помощью псевдоклассов, как еще?
MutationObserver
Почему все фреймворки так ненавидят шаблонизаторы? Я думал, что Реакт плох JSX-ом без нормальных If/Else и ForEach конструкций, но потом взглянул на Flutter и охуел: это же тупо декомпилированный код какой-то. Они там в глаза долбятся пытаясь найти нужную закрывающуюся скобку?
И это сейчас самые популярные фреймворки в мире.
И это сейчас самые популярные фреймворки в мире.
break on attribute change
Расскажи, какой псевдокласс инпута может стилизовать родительский лэйбл?
Так причем тут реактодебилы, если набранные по квотам геи-пиодры из эппла не могут пофиксить баги в своем поделии в отличии от мозилы и гугла?
Когда там в аррле завезет поддержку вебм и авиф?
Если бы у меня ещё сам элемент был. Он где-то внутри компоненты, под тремя слоями говнокода
Какой в пизду родительский лейбел, что ты несешь? Приведи пример
Что скажете про SCSS/SASS. Просто я посмотрел и показалось, что это какая-то избыточная хуйня для тех, кто не может в BEM и --var.
Для 2022 бесполезная хуита, css уже достаточно развит, что бы полностью от него отказаться.
двощик объясни тупой макаке как работает замыкание, а то я смотрю и не въезжаю вообще. что это такое. типа функция внутри функции?
тут в примере челик кидает на кнопки функции которые выводят их значения в консоль. почему без замыкания это не работает?
button.onclick = function () {
console.log(i);
}
я понял что он в последней итерации кидает 5 на все эти назначенные функции. но почему? он же должен за каждый цикл назначить button.onclick ведь button ссылается на button
или это произошло потому что у i глобальная область видимости?
я не понимаю аааааааа
тут в примере челик кидает на кнопки функции которые выводят их значения в консоль. почему без замыкания это не работает?
button.onclick = function () {
console.log(i);
}
я понял что он в последней итерации кидает 5 на все эти назначенные функции. но почему? он же должен за каждый цикл назначить button.onclick ведь button ссылается на button
или это произошло потому что у i глобальная область видимости?
я не понимаю аааааааа
>ведь button ссылается на button
быстрофикс
блин скобки не отображаются ну вы понели
>или это произошло потому что у i глобальная область видимости?
В этом случае - да. Используй const и let.
>В этом случае - да
а какие еще бывают?
Изучаю js, хочу в айти войти. Если занимаюсь 3 часа в будни и пол дня в 2 выходных, сколько времени мне потребуется чтобы иметь достаточный уровень для джуна по нынешним меркам? Щас на стадии основ js, потом думаю в реакт пойти.
Как шифровать запрос-ответ?
>по нынешним меркам
лет пять
Нисколько, путь в айти для тебя закрыт.
>Как шифровать запрос-ответ?
https://developer.mozilla.org/ru/docs/Web/API/Web_Crypto_API
Получаешь ключ от сервера и им шифруешь тело сообщения.
Ссылочку на примеры
json web tokens
Нет какого-то универсального показателя типа "400 часов и готов джун".
IndexedDB - то еще говно.
Крайне ебанутая система создания индексов. В качестве значения для хранилища может выступать любой объект javascript.
В качестве ключа - числа, строки, даты и еще какая-то хуйня.
Так вот, можно создать индекс на поле объекта (которое может иметь любой тип), но запрашивать данные по этому индексу можно только если он имеет тип валидного ключа, лол.
То есть, поле может иметь вообще любой тип, в том числе undefined и null, но методы поиска по индексу принимают только валидные ключи, где не разрешены undefined и null.
По идее, это нужно было решить на этапе ограничения возможных значений для типов полей объекта.
В SQL эти две проблемы решаются нативно. Индекс может иметь любой тип, поддерживаемый СУБД, да причем NULL не считается за отдельный тип и является уникальным при использовании в индексах.
Короче, хуита. Для сложных приложений лучше использовать websql, там должна быть реализация SQLite со всеми вытекающими.
Крайне ебанутая система создания индексов. В качестве значения для хранилища может выступать любой объект javascript.
В качестве ключа - числа, строки, даты и еще какая-то хуйня.
Так вот, можно создать индекс на поле объекта (которое может иметь любой тип), но запрашивать данные по этому индексу можно только если он имеет тип валидного ключа, лол.
То есть, поле может иметь вообще любой тип, в том числе undefined и null, но методы поиска по индексу принимают только валидные ключи, где не разрешены undefined и null.
По идее, это нужно было решить на этапе ограничения возможных значений для типов полей объекта.
В SQL эти две проблемы решаются нативно. Индекс может иметь любой тип, поддерживаемый СУБД, да причем NULL не считается за отдельный тип и является уникальным при использовании в индексах.
Короче, хуита. Для сложных приложений лучше использовать websql, там должна быть реализация SQLite со всеми вытекающими.
>опять нетипизированное говно
И сразу фейл. Пусть нахуй путешествуют с этим калом.
Единственная ниша для динамически типизируемых языков - обучение программированию детей и домохозяек.
Это из какого года пост? Вебскул депрекейтед даже в хроме:
https://bugs.chromium.org/p/chromium/issues/detail?id=695592
ебали на собесе по ООП
взяли на работу а тут ФП
взяли на работу а тут ФП
>ебали на собесе по ООП
Задали пару вопросов по паттернам?
>взяли на работу а тут ФП
процедурная лапша без this?
Двач, обьясни мне простыми словами за контекст
Контекст чего?
Расскажите нам про контекст - вот тебе дословно, спросили позавчера. Могу предположить про this
Могут пройти сразу нахй с такими вопросами.
>Для сложных приложений лучше использовать websql
40-летний дэбил, ты?
Анончик, дай идею что смастерить такого, чтобы не стыдно было показать и возможно даже самому использовать, сам я бич самоучка. Знаю vue, js, tailwind на отличном уровне, вообще любой сложности сайты верстать могу. Но чет у меня с работодателями не ладится, не могу норм работу найти. Думал сделать какой нибудь видеосервис аля второй нетфликс (встал вопрос где брать видосы), может еще что нибудь посоветуешь? Думаю показывать эту работу, чтобы скипать эти конченные собесы, на которых спрашивают зубрежку а не реал навыки
В первую очередь смастерить нормальное резюме
Во вторую подготовиться к собесам
А в третью можно ничего не придумывать, а ходить по собесам. Поделки в последнюю очередь смотрят, если вообще смотрят.
Как от этого говна избавляться? В конструкторе лежат переменный, и чтобы их покать нужно всегда дописывать this.. Я ебал, что делать?
Паттерн "переменная"
Нахуй ты возвращаешь присваивания в тернарниках?
with(this){
console.log(i)
}
Не рекомендуется к использованию.
затычка для скипа одного из решений. Я знаю, что это пиздец, но как тернарном операторе просто проигнорить выражение для true или false?
a = b ? a = a + b : (тут мне нужно ничего не менять)
если туда ничего не писать, то выдаёт ошибку
>как тернарном операторе просто проигнорить выражение для true или false?
Ты не поверишь, но использовать if
a = b ? a + b : а
вкатотуси ебучие...
из одной строчки делать 3-4 не хочеться
спасибо, о великий и могучий Ебун
>из одной строчки делать 3-4 не хочеться
У тебя там не одна строка.
>из одной строчки делать 3-4 не хочеться
Минифкатор один хуй сожмет все в одну строку, не переживай. Даже если не сожмет, читаемость кода повысится в разы
Уже намного лучше, но у меня таких проверочных блоков может быть дохуя в разных методах и мне, получается, придется паттернить переменную перед блоками каждый раз?
Ладно, так пизже согласен
просто не люблю в if прописывать выражение без {}
this.i = i > length ? i % length : length - 1
7i.se/4
Зацените, для джуна норм?
Зацените, для джуна норм?
нет тайпскрипта = не норм.
Мне он не нужен. Тем более не в каждый хелоуворлд его сувать же.
Ну тогда ты тоже не нужен. Оффера не жди.
В моем городе нет ни одной вакансии где требуют тс.
Зачем ты ищешь в 2022 у себя в городе, а не на удаленку?
На удаленку не берут без опыта работы в офисе, в большинстве случаев, насколько я знаю.
Паттерн "функция"
Как можно скачать нод модуль, со всеми его зависимостями локально, при этом так, чтобы точно ничего из самих скриптов не было запущено во время установки, типа всяких постинсталлов? Нужно проверить пакет на наличие скриптов, ворующий файлы, при этом скрипт может выполнится еще на этапе установки. Как получить все исходники всех пакетов исходного пакета максимально безопасно?
Ну и пиши свои вары в глобальном скоупе, потом расскажешь как охуенно это поддерживать.
-->
Здравствуйте, Я РОТ ЕБАЛ NODE.JS.
Эту хуйню создал сотона чтобы люди страдали. Тому мудаку который придумал на нем запускать бэкенд вообще надо яйца открутить.
Ещё большие долбоебы это те кто в 2021-2022 году используют его. А используют потому что их отсохший к хуям мозг уже не может осилить нормальный язык для написания бэкенда.
Почему отсохший? А как ещё сука назвать когда человек импортирует в проект либо проверки числа на четность или инклюд метод для массива. А кто-то блять писал эти либы.
А опенсорс? Это же хуйня блять ебаная, просто очко сотоны. Мне в проект качает ЛОКАЛИЗАЦИИ БЛЯТЬ ДЛЯ ГРЕЧЕСКОГО И ХИНДИ. НАХУЯ?????
Нахуя долбоебы плодят 100 либ с 100 зависимостей из-за чего запуск инстала это скачивание половины гитхаба нахуй.
А ещё больше очко опенсорс после известных событий 2022 года. Угадайте кто запустил на проде проект и получил кирпич вместо данных на харде? Очень блять спасибо, а особенно мне сказали спасибо заказчики у которых там лежали финотчеты и документы. Это хорошо что был бэкап данных документов с сервера. А недавно мне инсталл выдал пикрил.
Я начал переносить наши проекты на другие технологии, в основном проепретарные. И вам советую
Эту хуйню создал сотона чтобы люди страдали. Тому мудаку который придумал на нем запускать бэкенд вообще надо яйца открутить.
Ещё большие долбоебы это те кто в 2021-2022 году используют его. А используют потому что их отсохший к хуям мозг уже не может осилить нормальный язык для написания бэкенда.
Почему отсохший? А как ещё сука назвать когда человек импортирует в проект либо проверки числа на четность или инклюд метод для массива. А кто-то блять писал эти либы.
А опенсорс? Это же хуйня блять ебаная, просто очко сотоны. Мне в проект качает ЛОКАЛИЗАЦИИ БЛЯТЬ ДЛЯ ГРЕЧЕСКОГО И ХИНДИ. НАХУЯ?????
Нахуя долбоебы плодят 100 либ с 100 зависимостей из-за чего запуск инстала это скачивание половины гитхаба нахуй.
А ещё больше очко опенсорс после известных событий 2022 года. Угадайте кто запустил на проде проект и получил кирпич вместо данных на харде? Очень блять спасибо, а особенно мне сказали спасибо заказчики у которых там лежали финотчеты и документы. Это хорошо что был бэкап данных документов с сервера. А недавно мне инсталл выдал пикрил.
Я начал переносить наши проекты на другие технологии, в основном проепретарные. И вам советую
Пофиксил
>A:\
С дискеты пишешь?
>Ещё большие долбоебы это те кто в 2021-2022 году используют его. А используют потому что их отсохший к хуям мозг уже не может осилить нормальный язык для написания бэкенда.
Почему отсохший? А как ещё сука назвать когда человек импортирует в проект либо проверки числа на четность или инклюд метод для массива. А кто-то блять писал эти либы.
Сам-то кто по масти будешь?
>Я начал переносить наши проекты на другие технологии, в основном проепретарные.
Угу, уж поделиям-то майкрософта точно можно доверять, госшаражки на ворованной винде - тому подтверждение.
Бамп
>Сам-то кто по масти будешь?
Вообще шарпбэкендер. Писал сложные фин штуки на миллионы записей
>Вообще шарпбэкендер.
Вот с этого и надо было начинать, мелкомягкозависимый. А то разразился тут маркетингом.
Можете подсказать? Пишу сайт с помощью React для курсовой работы. Для того чтобы убрать ошибки пытался установить пакет, не помогло, удалил пакет, после чего появилась ошибка и я вообще не понимаю как ее убрать.
[1] WARNING in ./node_modules/on-finished/index.js 196:11-33
[1] Module not found: Error: Can't resolve 'async_hooks' in 'D:\React\compege\client\node_modules\on-finished'
Друзья, помогите пожалуйста
[1] WARNING in ./node_modules/on-finished/index.js 196:11-33
[1] Module not found: Error: Can't resolve 'async_hooks' in 'D:\React\compege\client\node_modules\on-finished'
Друзья, помогите пожалуйста
>Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если/когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Добавь количество бомб, а то до конца нельзя точно пройти
Больше вводных.
>Для того чтобы убрать ошибки
Какие?
>пытался установить пакет
какой?
>удалил пакет
как?
>удалил пакет
Вкангую что ты просто удалил из node_modules директорию и серанул в штаны.
Так это специально для этого и делается, чтобы потом рестилизовать проект грамотно
Вынеси логику игры отдельно, а то таймеры смешались с бомбами
Время считать через таймер хуевая затея
Row наверное не нужен, попробуй grid
>status === 2
Заебись все понятно
Cell кажется слишком много знает
Тайпскрипт, тесты, темная тема
Клик обеими кнопками должен еще тоже что то делать
>Так это специально для этого и делается, чтобы потом рестилизовать проект грамотно
Вот только CSS переменные - не просто ссылка на значение, значение этой переменной высчитывается по правилам каскадности.
>Клик обеими кнопками должен еще тоже что то делать
Не должен, так как даже йоба от разработчиков гугла ничего не делает при клике обеими кнопками.
Случайное число нельзя делать через round
Ест такая штука portability
А что-нибудь про сам язык можешь сказать? Я понял только то, что из-за разрабодебилов инструмент говно
Язык где можно вызвать свойство которого вообще нет и оно собирается по определению параша
Как вообще собирается js в один файл, когда у меня в работе сразу несколько, но в html пишу путь только к одному и работает, как вторичные файлы видят html документ к которому надо вносить изменения?
Да ты ахуел мне сайты на английском давать?
Может и не собираются, модули всё же
Я конечно в ахуе с этой боротьбы против российских прогеров, ну самые кровожадные пидорашки же лол, а ведь от санкций и шухера пострадали больше всех мы, а гречка как раз даже не почувствовала, хотя на них вся ответственность и лежит собственно.
Так работают ES6 модули. И их в главном, кстати, надо в правильном порядке импортировать, а то обосраться можно.
Неплохо, сейчас попробовал попереставлять, вроде все нормально, в каких случаях обосраться можно тогда?
>Так работают ES6 модули.
Покажи мне где в спецификации ES6 есть хоть слово про бандлы.
Nice JavaScript software, faggot.
Вам ебланам ещё много лет назад говорили, что на этом кале бекенд писать - преступление против тех, кто будет этот высер потом пытаться поддерживать.
Но нет, наслушались охуительных историй про то, что эту хуйню в Netflix используют уборщица использовала для личного бложика.
Живите теперь в проклятом мире, который сами и создали.
Аноны, есть вопрос по redux-toolkit.
Мне приходиться копировать стейт fav в favCopy чтобы потом безболезнено делать фильтрацию по массиву.
Насколько это правильно? Может есть более правильный способ это делать?
Мне приходиться копировать стейт fav в favCopy чтобы потом безболезнено делать фильтрацию по массиву.
Насколько это правильно? Может есть более правильный способ это делать?
Аноны, хотел попробывать покодить задачки на leetcode.com, кликнул на ответ посмотреть, а там похоже подписка нужна для этого. Можно подобные сайты покидать или с этим объяснить?
Ответы доступны после того, как ты сам решишь задачу.
Нафиг мне ответы после того как я решу задачу?
Хранить не сам элемент массива а его идентификатор/индекс/GUID намного лучше.
Среди прогеров ватных долбоеб не меньше, чем среди гречи.
>на них вся ответственность и лежит собственно.
Грече нужно было с голой грудью бункер штурмовать?
А как можно?
crypto.getRandomValues
> pyscript и что он заменит в будущем js
Скриптоговно заменит сриптоговно!
Только кому оно нужно без экосистемы библиотек и фреимворков?
А для всего серьезного уже есть WASM подключающийся через JS.
Греча как раз ни причём, она просто повторяет линию партии. Поменяется партия - поменяется и линия.
А вот прогеры как раз из касты клерикалов и конкретно в Рашке большая часть несъебавших работают здесь исключительно чтобы чувствовать себя дохуя боярами с долларовой зп. Это впрочем всей рассеянинской илитки касается, не только прогеров.
Чел, ты не задумывался о том что люди не съебывают потому что съебывать сложно?
>WASM
Даже интересно, сколько человек из всего треда смогут на нём исполнить что-нибудь вразумительное?
Те, которые хотят съебаться, но не могут - статистическая погрешность.
Ничто тебе не мешает в любой момент отрезать письку и размахивать радужным флагом возле посольства США или другой страны ООН. Ну или устроить покушение на Саурона, тебе там Арагорн лично руку пожмёт наверно.
Если хочешь съебаться, но так и не смог, то тут только два вывода:
1. Не так уж сильно и хочешь съебаться, может быть даже привык быть орком в Мордоре. Таким уж точно не место в швитом Линдоне.
2. Ты сильно завязан на нынешней власти каким-нибудь манядоговором о невыезде или друг сына друга Саурона. Тут тем более есть прямая выгода для Средиземцев удалять тебе хард и всячески унижать.
Как вы храните jwt токен на стороне клиента?
Никак не храню, у меня в проекте сессия по сертификату.
В этом смысл любого обучения. Это сервисы для решения задач, долюоеб, а ее каталог ответов.
А нахуя нужен реакт, если ты знаешь как работать с DOM-ом в js, юзаешь шаблонизатор и можешь в аякс? Я просто реально не вдупляю, нахуя он нужен... Можете ответить без рофлов.
вангую ответы типа: "чтобы устроиться на работу"
вангую ответы типа: "чтобы устроиться на работу"
Вот когда хотя бы один проект для себя сделаешь на ванилле и поймешь, насколько много тебе приходится писать говнокода, что бы обычную текстовую ноду поменять внутри элемента - поймешь.
Хуже то, что это куча мутирующего императивного кода с сайд-эффектами. На определённой стадии просто перестаёшь понимать даже собственный код, о командной рзработке можно даже не говорить.
Что вертеть юзэффектами за 300к+
Плюс очень сложно писать ванильный код, не изобретя костыльный фреймворк по пути.
Понял, спасибо
Какой пет проект можно написать без знаний бекенда? Нет желания копаться в этом говне, но нужно что-то связанное с api написать.
Любой. Используй в качестве бекенда localStorage и/или indexedDB
Я поставил json-server, сделал просто файлик json с моковыми данными и делаю fetch('localhost:3006/huynya')
двощ я хотел попробовать написать простенькое app для Android на JS просто по фану, но тут https://proglib.io/p/sozdaem-mobilnoe-prilozhenie-dlya-android-na-javascript-s-pomoshchyu-apache-cordova-2021-02-08 пишут что все равно нужен android studio. однако у меня говно-ноутбук на котором эта хрень даже не запускается. есть альтернативы для бичей?
VDS с виндой
pwa
Что твой попсовый контент для "learn2code" вчерашних школьников является высосанным из пальца дерьмом
Ты не туда воюешь
Странно, обычно когда в цсс указываешь !important то это означает чтобы именно эти стили применились.
Но у меня есть глобал ul{color:blue;}и он перекрывает мои импортанты. как это работает
Но у меня есть глобал ul{color:blue;}и он перекрывает мои импортанты. как это работает
Нахуя тебе important если стили и так перекроются при более селективном указании?
Очевидно же твой импортант никак не пересекается с этим правилом.
что значит более селективное указание?
ну как я себе представляю, при указе импортант этот стиль максимально важным становится и именно он будет использоваться
>что значит более селективное указание?
https://developer.mozilla.org/ru/docs/Web/CSS/Specificity
>при указе импортант этот стиль максимально важным становится
Не становится.
Ты не представляй, а показывай разметку со стилями.
Я нашёл ошибку, использовал
<ul></ul>
<ul></ul>
Вместо <ul><li></li></ul>
А то у меня даже инлайновые стили перекрывались, что максимально странно было
>ну как я себе представляю, при указе импортант этот стиль максимально важным становится и именно он будет использоваться
А если у тебя 2 импортанта, то как компилятору понять какой важнее?
Какой компилятор?
наверное тот кто ниже, я хз
>Какой компилятор?
Конечно интерпретатор
За сколько вы вкатились с 0 до первой работки? Хочу сравнить как быстро я прогрессирую.
4 месяца, знал только HTML/CSS
Конпелятор, заебали уже. У хрома нет даже VM https://stackoverflow.com/questions/8630412/does-google-v8-work-in-similar-way-to-java-virtual-machine
там сперва скрипт в интерпретаторе запускается а потом раскочегаривается компилятор и уже компилирует в машинный код, а не в байткод для vm
Что конкретно учил и по каким гайдам?
В лет 6 читал программы на паскале в журнале радио
после школы совсем забыл о компах.
Позже в течении лет 10 насиловал линукс на десктопе, писал лабы на c++ в институте
Когда пришла пора выбирать себе место на кладбище, вместо этого устроился в первую галеру.
Когда эта пора наступает?
Не знаю. Но тут говорят что в 30 уже пора присматривать себе уютный гробик.
А в чем профит (конкретно для фронтенда) в Линусах? Чем Венда плоха?
Тем, что весь софт встаёт на линух в 1 команду и потом нормально работает, а на винде без пердолинга никак.
Взять тот же docker.
А зачем докер верстале на реакте?
Тем, что для запуска тестового бэка один хуй нужно заводить WSL. Линупсы не требуют 2ГБ+ памяти для гуя и докер на нём натив (вместо виртуал очки в виртуал очке на шинде).
Тут конечно зависит от юзкейса, если тебе только пердолить код, то линупс заебись зайдёт. Но если любишь баловаться игрищами и прочим поревом, то даже убунта будет слишком пердольной.
А подсистему Убунту для Видны норм? Командная строка вроде работает как надо. Или лучше через виртуалбокс ставить?
Подсистема и есть WSL. По сути это виртулочка линукса, в которой ты запускаешь докер, запускающий виртуалочки. Оверхед в виде прожирания памяти и проблем, добавляемых этой майкрософт-онли прослойкой, прилагается.
>Или лучше через виртуалбокс ставить?
Виртуалбокс предпочтительней, так как это программа для виртуализации в целом, а не запуска определённой версии линуха на определённой версии виндовса на определённом железе.
Накатить убунту, что ли
Гайз, помогите разобраться с одним моментом. Вот читаю сейчас про области видимости в JS. И там говорится про такие понятия как source reference и target reference к каждой переменной. Может кто-нибудь простыми словами объяснить
1. Где прописываются эти понятия, кто им их присваивает? Что в целом означает этот reference (то есть ссылка на русском)? Ссылка к чему?
2. Как понять переменная source или target?
1. Где прописываются эти понятия, кто им их присваивает? Что в целом означает этот reference (то есть ссылка на русском)? Ссылка к чему?
2. Как понять переменная source или target?
Со шкалки умел делать HTML и немного CSS, к этому пытался в JS по ютабу.
>.ru
Мне раньше казалось, что писать инлайн стили, как напримере того же tailwind, это уёбищно, так как смешиваются обязанности: разметка и стили в одном файле. Но поебавшись с SASS-файлами где тебе нужно вложенностью селекторов зеркалить дерево DOM-элементов, а потом ещё писать селекторы, которые должны более высокой специфичностью переопределять унаследованные, я пришёл к выводу, что инлайн стили это даже более продуктивно и поддерживаемо, чем стили в отдельных файлах. Правильно?
Ты чё пёс я фронтенд-программист!
> А подсистему Убунту для Видны норм?
Говно это. WSL 1 работает с багами, не весь софт встаёт, потому что там ядро кастомное. WSL 2 - тупо виртуалка со всеми вытекающими.
А уж чего стоит производительность файловой системы на подмонтированных NTFS-дисках... Ммм...
>Но поебавшись с SASS-файлами где тебе нужно вложенностью селекторов зеркалить дерево DOM-элементов, а потом ещё писать селекторы, которые должны более высокой специфичностью переопределять унаследованные, я пришёл к выводу, что инлайн стили это даже более продуктивно и поддерживаемо, чем стили в отдельных файлах.
ЦА тейлвинда.
>2 пик
https://ru.bem.info/methodology/quick-start/
Кури БЭМ, дели компоненты ещё мельче, тогда такой ебанины не будет
Ряктодебил, ты обосрался. Открой консоль и посмотри на ворнинги.
> это даже более продуктивно
yes
>поддерживаемо
no
Хуйни то не неси. V8 все компилирует в байткод, маня. Нахцй ты вообще пыиаешь рассказывать то, в чем блядь ре разбираешься.
https://v8.dev/docs/ignition
Там же две сущности интерпретатор и компилятор. Последний в машкоды компилирует. Раньше, совсем недавно, было два компилятора.
А вы все про тормоза из-за интерпретируемости на жс гавкаете. А так промежуточное представление даже в gcc есть, бекенд и фронтенд.
Там и сейчас два компилятора.
Первый компилирует весь код в байткод. После чего его исполняет интерпретатор. Интерпретирует байткод.
Потом при необходимости байткод компилирует оптимизирующий JIT компилятор турбофан.
>Раньше, совсем недавно
Это технологии 2010 года. Раньше исходный код компилировался компилятором Full code gen сначала только top level, а все функции оставались просто сорцом и компилировались при первом запуске. Потом кранкшафтом оптимизировались JIT.
Уже 8 лет все не так. Недавно блядь.
Весь жс код в v8 с самого начала представляет байткод. Более того, ты его даже можешь выгрузит, сохранить в файл, и запускатьне исходник,а байткод. При этом выгрузить его можно в любой момент, даже когда у тебя уже в памяти созданы какие-то объекты и замыкания.
Ну вот. Если бы я не написал неточную информацию, никто бы не узнал как НА САМОМ ДЕЛЕ :3
>там сперва скрипт в интерпретаторе запускается а потом раскочегаривается компилятор и уже компилирует в машинный код, а не в байткод для vm
>Хуйни то не неси. V8 все компилирует в байткод, маня. Нахцй ты вообще пыиаешь рассказывать то, в чем блядь ре разбираешься.
>
>Там же две сущности интерпретатор и компилятор.
>Там и сейчас два компилятора.
>Первый компилирует весь код в байткод. После чего его исполняет интерпретатор. Интерпретирует байткод.
>
ТАК ЧТО ПО ИТОГУ, Я НИХУЯ НЕ ПОНЯЛ. ЧТО ОТВЕЧАТЬ НА СОБЕСАХ????
Все знают как на самом деле. Хабр весь завален русскоязычными статьями про устройство v8 и разбор его байткода. Один ты нихуя не знаешь.
Что привык думать высокими абстракциями и на уровень грязного компилятора опускаться - so 2010
Первый пик период с 2010го по 2015ый года
Второй пик переходный период с легаси на новый пайплайн 2015-2016 года
Третий пик ситуация с 2016го по текущий момент
>весь хабр
можешь не продолжать. Ты только что расписался в том что даун
Нифига. Нужно знать например что в v8 создавать свойства у объектов дороже чем использовать существующие. На это например fastify заточен в отличие от express
А что плохого в том чтобы хабр читать?
мимо
Это пикабу мира прогеров. Куча ебанатов с зашкаливающим чсв но без понимания вещей о которых часами спорят
Зачем ты свое говно пиаришь, ублюдок?
Classifying JS as a compiled language is not concerned with
the distribution model for its binary (or byte-code) executable
representations, but rather in keeping a clear distinction in
our minds about the phase where JS code is processed and
analyzed; this phase observably and indisputedly happens
before the code starts to be executed.
the distribution model for its binary (or byte-code) executable
representations, but rather in keeping a clear distinction in
our minds about the phase where JS code is processed and
analyzed; this phase observably and indisputedly happens
before the code starts to be executed.
Этот жирдяй еще не лопнул от ожирения?
Не дождетесь. Перевыпускает свои книжки сейчас. ^_^
Бля аноны подскажите, получаю в пропс объект group, в нем есть поле isVisible изначально true, я обновляю этот isVisible, он становится false, но компонент все равно видит что он равен true, пока я не обновлю страницу.
Притом в console.log я вывожу этот group и там уже isVisible Обновленный (false) показывается. Что за хуета?
Притом в console.log я вывожу этот group и там уже isVisible Обновленный (false) показывается. Что за хуета?
Ты должен обновлять его в одном из родительских компонентов или использовать useState/useReducer
Ребятушки, я влетел на стажировку оплачиваемую (30к), мне дали ноут и всю хуйню. Сказали в понедельник начнем.
Вот в чём вопрос. Я знаю достаточно мало, прям пиздец мало, и не имею практики. На сколько сильно я буду волком выть от нагрузки, стрессовать и много ли буду тратить времени на все эти дела? Явно 7ми часового рабочего дня не хватит на все.
Суть вопроса: как быстро я начну ныть и меня пидорнут? Готов ко всему в принципе, готов учиться и ебашить, но не знаю что меня ждет.
Вот в чём вопрос. Я знаю достаточно мало, прям пиздец мало, и не имею практики. На сколько сильно я буду волком выть от нагрузки, стрессовать и много ли буду тратить времени на все эти дела? Явно 7ми часового рабочего дня не хватит на все.
Суть вопроса: как быстро я начну ныть и меня пидорнут? Готов ко всему в принципе, готов учиться и ебашить, но не знаю что меня ждет.
>На сколько сильно я буду волком выть от нагрузки
Зависит от конторы
>стрессовать
Зависит от конторы
>много ли буду тратить времени на все эти дела?
Зависит от конторы
>Явно 7ми часового рабочего дня не хватит на все
Зависит от конторы
>как быстро я начну ныть и меня пидорнут?
Зависит от конторы
>не знаю что меня ждет
Зависит от конторы
>useReducer
Мы вам перезвоним
Пропс-дриллер, ты?
При чём тут это, ебанько? Юзредюсер что в начале был неоптимизированным говном, что до сих пор им остаётся.
Как в твоем узколобом сознании связаны срачи в комментариях с качеством публикуемых материалов? Критическое мышление не воспиталось?
Успокойся, иди пропсы передавай ниже по дереву, завтра дяде кабану быстрее сдавать новую фичу надо.
Любой ресурс с кармочками априори говнецо.
Действительно, у тебя хуево с критическим мышлением. Ведь качество публикуемых материалов не страдает от того что любой рандом долбоеб их пилит
Очень часто вижу, как юзают шаблонизатор Pug даже для обычной верстки. В чем профит так делать?
Реально ли встатт на удаленку без опыта?
Аноны, нужен ваш совет.
Выбираю между двумя стульями курсами по фронтенд разработке - первый от geekbrains, второй от сберуниверситета. Если о гикбрейнс множество отзывов, причем как хороших, так и плохих, то о сбере их вообще нет. По вашему, если уж тратить время на курс, то на какой?
Выбираю между двумя стульями курсами по фронтенд разработке - первый от geekbrains, второй от сберуниверситета. Если о гикбрейнс множество отзывов, причем как хороших, так и плохих, то о сбере их вообще нет. По вашему, если уж тратить время на курс, то на какой?
Хуй его знает. Деньги бы не стал тратить на это. На край есть курсы юдеми по 10 баксов
Если после курса не трудоустраивают, но ни на какой.
Здрастия, я ещё не учил типизированный тайп скрипт.
Загуглил упражнения, вышло это
https://typescript-exercises.github.io/
Скажите, пожалуйста, это лёгкие упражнения или сложные? Мне сейчас лёгкие нужны.
Загуглил упражнения, вышло это
https://typescript-exercises.github.io/
Скажите, пожалуйста, это лёгкие упражнения или сложные? Мне сейчас лёгкие нужны.
Ну я как попробовал, теперь слезть не могу, до чего лучше читается разметка.
Если ты дома натренировался как мидл или сеньор.
Достаточно легкие, это в принципе то, с чего и начинают обучение.
Спасибо, тогда круто.
Менее вырвиглазен, чем html.
двощ я к этому времени просмотрел на ютубе выучил если можно так сказать
python
tkinter знаю что это говно в унике пилил на нем всякую расчетную хуйню как на прикле
css
html
django туда же jinja
numpy
sqlite
+ пока начал пилить простенькую хуйню на джанго просмотрел
js
сейчас смотрю ES6
в планах
jquery
react
pandas
kivy
когда уже можно начинать искать работу? немного подзаебало только учить.
>python
>django
так я в курсе что меня сейчас в другой тред отправят
но мне как то front-end больше зашел пока пробывал пилить сайт.
FAQ читал но там как то уж слишком дохуя ветвления
после
>jquery
>react
можно начинать что нибудь искать?
python
tkinter знаю что это говно в унике пилил на нем всякую расчетную хуйню как на прикле
css
html
django туда же jinja
numpy
sqlite
+ пока начал пилить простенькую хуйню на джанго просмотрел
js
сейчас смотрю ES6
в планах
jquery
react
pandas
kivy
когда уже можно начинать искать работу? немного подзаебало только учить.
>python
>django
так я в курсе что меня сейчас в другой тред отправят
но мне как то front-end больше зашел пока пробывал пилить сайт.
FAQ читал но там как то уж слишком дохуя ветвления
после
>jquery
>react
можно начинать что нибудь искать?
это бесплатно, т.е. за счет империума. поэтому хотел бы воспользоваться возможностью.
на гикбрейнс есть условная фраза про трудоустройство, но, судя по отзывам, это маркетинг.
Есть допустим картинка опр размера,и есть намного меньшего.
Реально ли средствами жс можно малую картинку наложить на первую и даигать ее как по полю?
Реально ли средствами жс можно малую картинку наложить на первую и даигать ее как по полю?
canvas
Ты про то обучение, что на госуслугах в качестве посредника? Там обучение фронтенду через сбер вроде. 355 часов и ты научишься делать тудушку на реакте в лучшем случае. Так себе времяпровождение.
да, на госуслугах. там несколько курсов по фронтенду на выбор от:
гикбрейнс/сбер/иннополис/нетология
Вчера случайно узнал о них, вот и подумал, почему бы нет?
Думаешь, не стоит время тратить?
До того, как узнал про курсы на госуслугах, планировал подписку на хекслете брать и по курсу фронтенд разработчика идти.
Я узнал по телевизору. Охуел когда по новостям показывают эмблему жс и питона с призывом всем срочно вкатываться через госуслуги, ибо спецов не хватает. Где и в каком месте их не хватает никто правда не объясняет.
Почему gulp больше не обновляют?
Что лучше использовать module.exports или import-export?
module.exports присваивать в переменную и на неё вешать экспорты.
Лучше в globalThis запихивать всё, намного удобнее и быстрее получается.
Потому что он никому не нужен в 2022, кроме формошлепов, застрявших в первой половине десятых
?
>import-export
this.
CommonJS можно по сути уже считать как deprecated
На верстальщиков спрос выше, чем на фронтенд "разработчиков"
Анончики, а можно ли посчитать соответствие одного массива к другому в процентном соотношении?? ну к примеру массив1[1,2,3,4] соответствует массиву2[1,1,3,1] на 50%. Просто хочу понять это можно сделать с помощью методов или придется через циклы херачить? Есть мысля, что это нужно делать через MAP().
Версталы никому не нужны без знаний вуя, рякта или пхп. Ну а если и нужны - платить будут не шибко много, значительно меньше рякт-формошлепу.
>Просто хочу понять это можно сделать с помощью методов или придется через циклы херачить?
Если перед тобой стоит задача, как это сделать то сразу отвечу - каждый раз через перебор будет медленно. Вот тут есть реализация на плюсах, можешь её за основу взять и вкачестве bitset использовать Map (не путать с Array.prototype.map): https://www.geeksforgeeks.org/count-number-of-common-elements-between-two-arrays-by-using-bitset-and-bitwise-operation/
const arr1 = [1,2,3,4];
const set2 = new Set([1,1,3,1]);
console.log(arr1.reduce((acc, v) => acc + set2.has(v), 0) / arr1.length * 100 + '%')
Джуны хотя бы раз за историю нужны были?
>Просто хочу понять это можно сделать с помощью методов или придется через циклы херачить?
Array.reduce() позволяет реализовывать итерацию любой сложности, так что хуй знает, про какие циклы ты говоришь. Единственный момент, при котором редюс обсирается - ассинхронщина.
>никто не нужен
>кидает вакансии джунов
Ты либо реально тупой, либо забревший ципсошник.
Найди архивные фронтенд/верстка треды на воркаче за 2016 год. Тогда с 1,5 сверстанными макетами вкатывались, причем джунами на жс фреймворки.
Ничто не мешает тебе закатится с 1.5 свертсанными макетами и сейчас. Я вообще закатился на миддл реакт макаку имея 0 опыта в коммерческой разработки, умело насрав в уши на собесе и ответив на абсолютно все вопросы по теории.
>забревший ципсошни
Ебать ты шиз, я же в контексте вкатунов говорил, а не в общем. Даже если все будет совсем плохо, мидлы и синьоры все равно будут нужны.
спасибо БРО ТАНЧИК!
За день ни одного просмотра резюме на HH. Все плохо?
Как заголовок адаптировать?
В том и дело, что сейчас надо срать в уши и наебывать с опытом, а тогда брали конкретно новичков и доучивали походу.
Откликался хоть куда-нибудь?
Привет всем. Подскажите пожалуйста, как отсортировать список типа:
<ul id="todo" class="todo__list">
<li>
<span class="name">Joe</span>
<p>To-do 1</p>
</li>
<li>
<span class="name">John</span>
<p>To-do 2</p>
</li>
<li>
<span class="name">Jordan</span>
<p>To-do 3</p>
</li>
<li>
<span class="name">Jaden</span>
<p>To-do 4</p>
</li>
</ul>
<ul id="todo" class="todo__list">
<li>
<span class="name">Joe</span>
<p>To-do 1</p>
</li>
<li>
<span class="name">John</span>
<p>To-do 2</p>
</li>
<li>
<span class="name">Jordan</span>
<p>To-do 3</p>
</li>
<li>
<span class="name">Jaden</span>
<p>To-do 4</p>
</li>
</ul>
по имени name
Поставь ему размер шрифта не в пикселях.
const ul = document.getElementById('todo');
const lis = [...ul.children];
lis.sort((a,b) => {
const aName = a.querySelector('.name').textContent;
const bName = b.querySelector('.name').textContent;
if (aName < bName){
return -1;
}
if (aName > bName){
return 1;
}
return 0;
});
ul.append(...lis);
Все иди нахуй, дальше буду тебе только за деньги помогать
В том и дело, что нет. Срать в уши надо, что бы продвинутся фактически на уровень выше твоего, для получения оффера аналогичному твоему уровню знаний никому срать никуда не надо.
спасибо, уже решил(я создал кнопку SORT)
document.getElementById('sort').addEventListener('click', function(){
let sorted = [...items].sort(function(a, b) {
if(a.children[0].innerHTML > b.children[0].innerHTML){
return 1;
}
if(a.children[0].innerHTML < b.children[0].innerHTML){
return -1;
}
return 0;
});
list.innerHTML = '';
for (let li of sorted) {
list.appendChild(li);
}
});
а они могут писать, что ищут мидла, но взять вкатуна?
Нет конечно же.
>innerHTML
ну тогда придётся пиздеть, потому что ищут только мидлов
Да, если поймут, что ты в состоянии самостоятельно решать таски но судя по твоим вопросам - ты не в состоянии
>в globalThis запихивать всё
Как там в 2009?
>каждый раз через перебор будет медленно
Лососни тунца, оптимизатор
Что за площадка на первом?
>.reduce((acc, v) => acc + set2.has(v), 0)
Ебать ты типизируешь
Зумеры удивляются касту true в 1, спешите видеть
хабр
Ты не понимаешь, вынос модулей в глобальное пространство - наше будущее
Хуюмеры, по еблету тебе на ревью за такое должны стучать
Сынок, так деды еще в 1970 годах писали. В 2022 каст буля в int используется даже чаще чем каст строки в буль. Хотя кому я пытаюсь что-то доказать, ты же за всю свою жизнь нихуя не сделал кроме передвижения кнопочек жопаскриптом
>жопаскриптом
Ну-ка, расскажешь как правильно?
Нет, в моем регионе 0 вакансий.
Подумой
Так в чем проблема? По твоему писать + +<boolean> дохуя читабельнее или что?
Number(set2.has(v))
Линтер хуйни не посоветует
всё больше сюда писать не буду в это говно токсичное
ПЕРЕКАТ
на мидла с нуля это нонсенс. Мидл предполагает дофига опыта в проде за плечами (от 2 лет)
аноны, пиздeeц
сразy говорю, бyдy попрошайничать. На кота. (Два дня назад yжe писал сюда, один анончик отправил соточкy, и я в бан yлeтeл)
Зовyт Миша. Миxаил Алeксандрович. Молодой eщё, 2 годика.
Корочe, обнарyжили лeйкоз. Как я почитал, мeрзкая xрeнь. В общeм, нyжно пeрeливаниe крови. Донора нашёл, а дeнeг нeмного нe xватило.
1300 осталось найти.
Молю, аноны, помогитe.
55214ᅠ0037923ᅠ2235 (извинитe, что имeнно так написал, боюсь в бан yлeтeть...)
В общeм, eсли комy интeрeсно - в послeдниe дни Миша стал очeнь пассивeн, постоянно лeжал, eдy почти нe eл, только пил. Нy, дyмал я, пройдёт. Забил трeвогy только когда котофeй под сeбя сxодил в тyалeт. Помчался с ним в вeт.клиникy, там осмотрeли, взяли кровь на анализы (пик 1) и чeрeз дeнь обнарyжили лeйкоз. объяснили, что этy xyйню нe вылeчить, но при правильном yxодe котикy можно продлить жизнь. Я готов к этомy и морально, и матeриально, зп y мeня нормальная, но блeать, из-за того, что нe ожидал, что Миша ёбy так даст, дeнeг нeмного нe xватило, а зп только 20-го. а пeрeливаниe нyжно сдeлать как можно быстрee. И по словам доктора, и по видy понятно - постоянно лeжит, сам нe кyшаeт (приxодится со шприца дeтским питаниeм насильно), писяeт под сeбя. Нy и поxyдeл сильно на фонe этой xрeни...
И да, я понимаю, что сeйчас бан выxвачy (и скорee всeго, навсeгда), так что болee вас нe потрeвожy. yмоляю, аноны, xоть копeйкой помогитe пожалyйста.
сразy говорю, бyдy попрошайничать. На кота. (Два дня назад yжe писал сюда, один анончик отправил соточкy, и я в бан yлeтeл)
Зовyт Миша. Миxаил Алeксандрович. Молодой eщё, 2 годика.
Корочe, обнарyжили лeйкоз. Как я почитал, мeрзкая xрeнь. В общeм, нyжно пeрeливаниe крови. Донора нашёл, а дeнeг нeмного нe xватило.
1300 осталось найти.
Молю, аноны, помогитe.
55214ᅠ0037923ᅠ2235 (извинитe, что имeнно так написал, боюсь в бан yлeтeть...)
В общeм, eсли комy интeрeсно - в послeдниe дни Миша стал очeнь пассивeн, постоянно лeжал, eдy почти нe eл, только пил. Нy, дyмал я, пройдёт. Забил трeвогy только когда котофeй под сeбя сxодил в тyалeт. Помчался с ним в вeт.клиникy, там осмотрeли, взяли кровь на анализы (пик 1) и чeрeз дeнь обнарyжили лeйкоз. объяснили, что этy xyйню нe вылeчить, но при правильном yxодe котикy можно продлить жизнь. Я готов к этомy и морально, и матeриально, зп y мeня нормальная, но блeать, из-за того, что нe ожидал, что Миша ёбy так даст, дeнeг нeмного нe xватило, а зп только 20-го. а пeрeливаниe нyжно сдeлать как можно быстрee. И по словам доктора, и по видy понятно - постоянно лeжит, сам нe кyшаeт (приxодится со шприца дeтским питаниeм насильно), писяeт под сeбя. Нy и поxyдeл сильно на фонe этой xрeни...
И да, я понимаю, что сeйчас бан выxвачy (и скорee всeго, навсeгда), так что болee вас нe потрeвожy. yмоляю, аноны, xоть копeйкой помогитe пожалyйста.
Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если/когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript