Больше пары строк кода в посте или на скриншоте ведут в Ад.
Для программирования на HTML https://jsfiddle.net/
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: что я хочу получить, что я для этого делаю, что я вместо этого получаю. Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката:
https://pastebin.com/9yRADC0s
А Дэнчик теперь позицию комиссара занял!
На фронте без бека вообще можно что-то сделать?
Чел же объяснил, что заебал всех шутками про angular.js. Ден просто не хочет чтобы комьюнити за рубежом не стало похоже на снг комьюнити, где все токсичные и друг друга хуями кроют по поводу и без. Вот тебе самому приятнее, когда ты задаешь вопрос где нибудь, получать помощь или советы твоему папаше в прошлом, чтоб он слишком не нажирался в ту ночь, когда спустил в твою мамку случайно и появился на свет тупой ты? Я бы вот хотел чтобы был первый вариант, поэтому стараюсь помочь анонам, если точно уверен в своем ответе.
> где все токсичные и друг друга хуями кроют по поводу и бе
Это отличная ситуация, ящитаю. Долбоебов-шизиков которые несут хуйню должны хейтить, иначе они только больше будут хуйни нести.
И это большая проблема для бугра, ящитаю - непринятия заслуженного хейта популярных идей.
>Это отличная ситуация, ящитаю. Долбоебов-шизиков которые несут хуйню должны хейтить, иначе они только больше будут хуйни нести.
Ноуп, это говно полное и причина по которой многие люди не хотят вкладываться в ру комьюнити. Пишешь какую-нибудь йобу, а тебя в ответ хуями кормят — заебись, чо. Хейтить и критиковать много ума не надо, а вот на то что бы запилить пулл-реквест или хоть бы ишью нормально оформить чот немногих хватает.
>комьюнити за рубежом не стало похоже на снг комьюнити, где все токсичные и друг друга хуями кроют по поводу и без
Уже извинился за то, что ты белый угнетатель хуеносец-насильник? А половину зарплаты нигерам-мородерам отдал? Коммюнити у них за рубежом хорошее, охуеть, лол.
> Вот тебе самому приятнее
Мне двач в сотни раз приятнее. Пусть хуесосят за дело, зато отвечают по поводу нормально. А ты на колени перед обумбой вставай, или уволят.
США это не все западное комьюнити, а Дэн вообще в UK живет.
>Пусть хуесосят за дело, зато отвечают по поводу нормально.
Как будто для того чтобы нормально ответить обязательно нужно быть высокомерным мудаком. У того же Дэна или так Кент Си Доддса куча просто охуенного контента, но это не мешает им оставаться клевыми и вежливыми.
Какой есть легкий реактоподобный фреймворк с оптимизацией для больших таблиц? На 30к+ реакт уже тормозит, а мне еще и сортировки прекручивать, но удобство работы понравилось, очень просто верстать все это
Лол, зарубежное коммьюнити вполне себе токсичное.
Только тебя там нахуй прямо не пошлют, а скрутят кармочку на стэковерфлоу например, или вежливо начнут тебя унижать, потому что двуличие там развито колоссально.
Дохуя раз натыкался на токсичное поведение на том же стэкговнофлоу.
Пока я придумал только сделать экшн setItemValue(id, value) и в редьюсере мапать все айтемы и менять value у айтема с таким id. Может что получше есть?
>Какой есть легкий реактоподобный фреймворк с оптимизацией для больших таблиц?
NEEQUACKOI
Дубины кусок, у тебя тормозит дом, а не реакт или иной фреймворк. Для больших таблиц используют кластеризацию/виртуализацию, интерсекшн обсерверы или, на худой конец, пагинацию.
Объяснили уже выше, что причина в DOM. Вся идея, чтобы не выводить 30к элементов в один заход, а добавлять новые элементы по мере прокрутки. Пример с объяснениями есть во fluent ui https://developer.microsoft.com/en-us/fluentui#/controls/web/list
Двачую этого >>1755399, всё правильно говорит
вкатывальщик, учу жс полгода
>паттерна компоновщик
>вкатывальщик, учу жс полгода
Пока ты учишь паттерны, джуны едят твой хлеб.
Паттерны - это не та вещь, которую УЧАТ, к паттернам адаптируются на проекте. В real-life проектах нет ни одного паттерна, который на 100% соблюдался ,s согласно правилам.
Энивей на фронте нет ничего удобоваримее MVVM и MVI.
Пикрелейтед - моя структура приложухи. В роутере-аутлете у меня находиться компонент который рендерит список итемов. В хедере инпут для поиска. Я хочу реализовать фильтр, чтобы выводились те итемы, внутри которых будет найдено введенное через инпут слово. Для этого мне надо как-то значение инпута из хедера передать в компонент, который находится в роутер-аутлете? Как мне это сделать?
Это вообще охуенно, когда можешь с пруфами посылать как угодно далеко, а тебя не удоляют, лул. Хотя уже эта "серая мораль" соглашательства проникла и в ру сегмент.
>>1755313
> Пишешь какую-нибудь йобу, а тебя в ответ хуями кормят — заебись, чо.
Если ты пишешь йобу - тебе отсасывать будет каждый мимокрокодил, чел.
Тащемта в ру вместе с критикой ценятся всякие охуенные идеи наследие союза наверн, отсюда кста дроч на компенлирование, ибо наиболее близко к машине и наиболее быстро.
> Хейтить и критиковать много ума не надо
Надо хотя бы немного. А вот соглашаться и держать улыбку - действительно ума не нужно.
Критика и хейт это разные вещи. Аргументированно критиковать что-то ок, хейтить — нет. Хотя я бы не сказал что миру не хватает критики, скорее наоборот. Как правило что-то обосрать и без меня очередь стоит. А предлагать охуенную идею можно и не в токсичной манере.
>Надо хотя бы немного. А вот соглашаться и держать улыбку - действительно ума не нужно.
Почему-то для многих людей держать улыбку или хотя бы оставаться вежливыми — невыполнимая задача. Особенно в интернете. Так что я бы поспорил еще.
> Аргументированно критиковать что-то ок, хейтить — нет
Так хейтят всегда аргументированно, лол.
> Хотя я бы не сказал что миру не хватает критики, скорее наоборот.
А я бы сказал да. Критики вообще нет, ни самокритики ни критики со стороны. Пиздец ебаный отовсюду слышится.
> Почему-то для многих людей держать улыбку или хотя бы оставаться вежливыми — невыполнимая задача
Потому что говно людям суют. Не суй говно - все будут вежливыми.
> Так что я бы поспорил еще.
Да я не сомневаюсь, ты критику своих идей не приемлешь.
Напишете плагин, чтобы правил разметку на двощах, фильтровал всё матерные и оскорбительные слова. Вырезал их вообще, или менял на более культурные синонимы.
В сервисе лежит BehaviorSubject, в хедере пушишь в него, в компоненте подписываешься и вызываешь нужный сервис с полученным значением.
Вот маленький robust scalable пример
https://stackblitz.com/edit/angular-ivy-myxmeg?file=src%2Fapp%2Fyoba%2Fyoba.component.ts
>Так хейтят всегда аргументированно, лол.
Мне сложно представить чтобы у цивилизованного человека были какие-то причины испытывать именно ненависть к другим людям и писать им об этом. Разве что тяжелое преступление.
>А я бы сказал да. Критики вообще нет, ни самокритики ни критики со стороны. Пиздец ебаный отовсюду слышится.
И что, от того что ты кому-то говна на лопате подкинешь что-то улучшится что ли? В моей вселенной положительное подкрепление работает значительно лучше.
>Потому что говно людям суют. Не суй говно - все будут вежливыми.
Что, вот прям лично к тебе подходят и суют? Или в штаны подкидывают?
>Да я не сомневаюсь, ты критику своих идей не приемлешь.
Ты ничего про меня не знаешь.
> чтобы у цивилизованного человека были какие-то причины испытывать именно ненависть к другим людям и писать им об этом. Разве что тяжелое преступление.
А не тяжелое? А растрата? А если человек верит в срыночек и не хочет госдолг? А если не верит в короновирус и кашляет в автобусе? А если хуесли?
На этом пожалуй можно и закончить. Твои градиенты "серой морали" и моральности хейтспича устанавливают за тебя, рассказывая про очередные отговорки "разве что нацисты, коммунисты, тяжелые преступники, ну и насильники тоже, а он вообще не человек~". Нахуй так жить вообще, лол, ментальное рабство какое-то.
> Ты ничего про меня не знаешь.
А хуле тут знать, у тебя стремление навязать своё мнение антихейтсхуича апелируя к "цивилизованные людиже". Промытая рабская хуйня, не рекомендую, тебя наебали.
>>1755626
> Нет и не может быть по определению.
Нет может.
Если ты не понимаешь, зачем тебе редакс, значит он тебе пока еще не нужен. Это нормально, в маленьких приложениях он реально не нужен. Есть локальный стейт, есть реакт-контекст для всякой мелочи типа цветовой темы.
Рано или поздно ты столкнешься с ситуацией, когда пробрасывать стейт из одного компонента верхнего уровня в пару десятков нижних компонентов станет слишком заебно, тогда подключишь любой стейт-менеджер, редакс, мобикс, вуюэкс, что подойдет.
А на неудобную для тебя часть поста ты решил не отвечать, мм?
Удивительно, конечно — начали с «критика хорошо, советская традиция, новые крутые идеи, ух», но как-то быстро доехали до «я буду публично хейтить кого хочу, а иначе это рабство, а кто этого не понимает промытки». Ну, я могу и на это ответить, мне не сложно. Говорить что угодно о ком угодно я не запрещаю, свобода слова все-таки. Просто не надо удивляться что за такие вещи тебя попросят из комьюнити, уволят или перестанут общаться. У других людей ведь тоже свобода есть, а общаться с токсиками мало кому приятно.
либу еще не придумали которая вставляет автоматом фанки при использовании всяких редюсе\мапе и т.д. в вскоде?
Очень некомфортно, а всшторм не хочу накатывать (хотя фришный есть)
Есть ли какие-то годные ресурсы с примерами использования js для решения простых задач? Типа анимированного меню, переключения табов и т.п. чтобы было небольшими задачами, а не 90 фреймворков и 900 страниц кода. Ощущение что видел что-то подобное на w3, сейчас пошел искать, нихуя не нашел. Мне не столько сами решения нужны, сколько смотреть и обучаться на примерах.
Я особого опыта разработки не имею, уж тем более работы с сервером, но из того, что учил/смотрел, сформировал для себя последовательность. Для того, чтобы получить списки с задачами, нужно:
1. Получить данные всех списков.
2. Получить данные всех задач.
3. В каждый элемент списка, вставить нужную для него задачу, айди которой указан.
Получится пик 2.
Подскажи анон, я правильно рассуждаю? И какие еще известные способы ассоциации данных ты знаешь?
Ему не понятно, что нужно.
Сначала я подумал, что тоже только погода.
Но после >>1756028 кажется, что не только.
Потом я подумал, что он хочет свернуть массив ав один объект. Но по тому же скрину видно, что не хочет.
Хуй знает, что ему надо в общем. Как минимум формулировать вопросы надо научиться.
Я делаю туду лист, использую firebase для хранения данных.
Приложение разделено на две части, слева списки, справа задачи находящиеся в этом списке.
Изначально я делал 2 разных запроса, один чтобы получить все списки слева, второй чтобы получить задачи, в зависимости от активного списка.
Списки слева имеют счетчик, который отображает количество задач находящихся в этом списке. И вот вопрос, как лучше реализовать этот счетчик? Можно сделать запрос к серверу, и вытащить все задачи, у которых указан айди списка, к которому они принадлежат. Но в этом случае, запрос практически полностью дублирует другой запрос, который берет все задачи для отображения, я и думал о том, что может стоит делать запрос сразу к спискам и к задачам, а затем все задачи вставлять в виде массива в каждый список. В таком случае сразу будет известно количество задач - по длине массива. Но тк задачи уже есть, отпадает необходимость делать повторный запрос к серверу для загрузки задач, они уже находятся в массиве, и их можно просто подгрузить из списка и отобразить. Правильно ли я рассуждаю? Таких вопросов много появляется, тяжко без помощи.
Firebase запрещает углубленную модель хранения данных, там все плоско. Единственный выход, о котором они сами заявляют, это хранение данных раздельно, а в дочернем элементе можно оставить айди, на список родителя. Как быть в таком случае? Только делать то, что я выше написал.
Семён семёныч тебе дали возможность все списки списков запихнуть в один документ практически полностью отражающий стейт приложения и какие-то дёргающие друг друга запросы заменить на диффы чтобы ты думал только о своей прогрессивной апплекухе а ты тут называешь это хуевой архитектурой
Все так. Ты просто внешний наблюдатель.
>поисковые запросы через яндекс не в такой пропорции находятся
Потому что ты ищешь не руонли тематику, у тебя 70% контента западные. А в китае - нет.
Ну и алсо, пользуйся яндкесом ежедневно, он тебе тоже начнет выдавать наиболее релевантное твоему запросу.
Фильтрация по автору — прекрасный и удобный шаблон, весьма рекомендую. Я же не в дискуссионном клубе и не собираюсь спорить со статьей. Если я знаю, что человек до этого написал 30 подобных статей — состоящих из набросов, потока сознания и быдлостиля «слышь, говно, ща я тебе объясню», то не вижу смысла читать 31-ю, ожидая что там будет что-то другое.
Собери из существующих, нах тебе пилить?
Единственное что нужно и чего нет у других (ни у кого нет тащемта) - автогидротация. Чтобы оно само определяло когда нужно гидрировать, а когда встраивать компонент. А ты сидел и хуй дрочил.
Вот это будет фреймворк, написал говно, нажал полторы кнопки, запустил сервер и делать нихуя не нужно больше.
Раньше вся асихронная логика была в redux-thunk, но с хуками это выглядит стремно, потому что я не могу внутри хука dispatch( asyncFunction() ) вызвать then на промисе, который возвращает asyncFunction
Как вы работаете с асинхронщиной и useDispatch? Какой пиздатый стандарт?
Немного добавлю — ты можешь это сделать, но это все равно всратый паттерн, хотя бы потому что этот then вызовется, если компоненте уже размонтировался. Пиздато это не класть каждый ебучий запрос в редакс, а использовать одну из миллиона реализаций use-promise. Или написать свою.
Это один из вариантов для небольшого приложения. Собсна тогда и редакс не нужен. Если ты все-таки хочешь использовать редакс как кеш, то можно использовать гибридный подход — сохранять данные в стор, но состояние запроса (isLoading и error) хранить в компоненте. Под это дело тоже можно хук кастомный написать. Например чтобы даже при анмауте компонента он сохранял данные в кеш, но не вызывал onSuccess, чтобы не дергать стейт размонтированного компонента. Тут на самом деле нет устоявшегося подхода, все делают по-разному.
Она назначает childrenContainer родителский узел ul для цели события.
Как тогда следующая строка проверяет наличие или отсутствие детей?
Господа, помогите долбоебу решить задачу и понять как эта хуйня делается.
В этом задании не нужно знать JavaScript на среднем или высоком уровне. Главное — исследовать и понять, как именно меняется язык на странице и нагуглить скрипт в 1-2 строки.
Т.е. нужно тупо сменить язык на одной странице, больше ничего, i18n гуглил, но че то нихуя.
Пока есть чатик на чистом js+firebase и все.
Вообще есть и приложуха погоды и тудулист, но мне кажется это сильно банально и прикладывать не стоит
Хочу хотя бы что-то несложное на реакте добавить. Дайте советов.
>Я полтора года кодил дома сутками
А если бы пошел верстать лендинг, то не быстрее бы всё это изучил? Я без иронии спрашиваю. Сам решил перекатываться из 3D графики во фронтенд, буквально неделю назад, сижу вот с CSS ебусь блядь нахуй тут ничего поинтереснее препроцессоров для этого говна за последние 60 лет не придумали оказывается, сиди вилкой верстай
И есть ли смысл заливать для вида всякие сортировки и алгоритмы поиска пути?
Какие в это плюсы и минусы? Стоит ли так продолжать или лучше прекратить? Какие в это подводные и надводные камни?
По итогу, я окончательно понял, что мне это неинтересно. Сегодня я забил на это дело полностью.
Но два года безуспешных попыток. Господи, я долбоеб.
Айти самая абсурдная сфера, если посмотреть на вкатывальщиков. Сложно представить чувака, которые пытается усердно вкатиться в архитектуру, например, или конструкторское дело, или любую другую инденерную сферу, нсли она ему не интересна. Но в айти аытается кто угодно.
Я правильно понимаю что у ноды импорты свои, а у фронтенда будут свои? Или как-то их можно объединиить?
Только как один из хотя бы пяти пройденных бесплатных сертификатов в резюме
Если там есть какие-то задачи и ты их решил полноценно без шаблона - в репе пиши полноценное описание к проекту с суть и процессом установки (лучше запихни в контейнер), в конце перед лицензией добавь "по программе ффк" и ссылку. если конечно у тебя там что-то серьезнее тудушки или прогноза погоды
>Ангуляр
Всё есть из каробки, даже то что не нужно, ничего ставить не придётся, для всего есть свои беспрактисы, two way data binding
>React
НЕ ФРЕЙМВОРК А БИБЛИОТЕКА!!!! Короче реакт предоставляет тебе минимальный уровень абстракции, компоненты и пропсы, всё остальное дело рук комьюнити. Эврефинг js, one way data binding, реактивное погромирование и всё такое.
Не знаю что там с размерами бандла, наверно реакт легче, но это пока на ты кучу либ не скачаешь. По перфомансу тоже там почти одинаково, чуваки из тинькова мигрировали с реакта на ангуляр и сказали что в их кейсах он работает быстрее.
Вся суть мемеса в том, что любая более менее взлетевшая хуита превращается в жирнофрактальный жирнопрайз с инфоцыганами и библиотеками платных графиков и кнопочек с лицензией на пользующихся пользователей.
Вот у реактоебов на этой почве нервный тик и самоотрицание.
https://www.primefaces.org/primevue/
https://quasar.dev/
https://vuetifyjs.com/
Я пытаюсь сделать функцию, которая вернёт нормальную актуальную дату, типа: 22.07.2020
Стандартные функции, вроде, выводят сначала месяц потом день, мне такое не подходит.
Также, метод getMonth() объекта Date не может красиво вывести месяц с использованием нуля как в примере выше. Приходится придумывать всякую ерунду.
Как сделать это красиво? Может, все-такие есть стандартный метод вывода красивой даты?
Код: https://jsfiddle.net/1gp9kcdw/
Спасибо.
>pustajaStroka1 = "";
>pustajaStroka2 = "";
>(pustajaStroka1 == "") == (pustajaStroka2 == "")
>false
Каково мне, анону, привыкшему к КОНЦЕПТАЛЬНЫМ языкам для 46-хромосомных нормальных людей вроде Си или Лиспа столкнуться с подобным говном? То, что я родился в радиусе трех веков от периода существования этого говно, есть ЛИЧНОЕ ОСКОРБЛЕНИЕ, за которые вы мне ЗАПЛАТИТЕ КРОВЬЮ, и очень дорого!
мимо первым и последний раз в жизни зашел в js-тред с единственной целью вас обоссать
>НЕ ФРЕЙМВОРК А БИБЛИОТЕКА!!!!
Одна из фраз триггеров которая дает мне моральное право валить попугая пришедшего на собес. Не лезьте на собесах на территорию знаний в которой плаваете, нет смысла заучивать фразы. Некоторые ноулайферы выдерживают напор и еще дают сдачу, но в основном с трудом сдерживают слезы когда непринужденно и назаметно заходим на территорию проектирования и инженерии.
сейчас как минимум с джунов спрашивают TS на зубок И алгоритмы.
мимо, я пишу на божественном
https://2ch.hk/pr/res/1713142.html
Столько резюме хороших на hh, у которых по 10 хороших работ на реакте в портфолио
как думаете почему они не могут устроиться
Array.from(Array(n)
Чем
Array(n)
Или
Array.from(n)
Отличается от вышеприведенного говнокода?
Просто ты криворукий.
>>1758055
Array(n) создаст массив размером n, где все слоты будут дырками. Пройтись по такому массиву кроме как циклом ты не можешь.
Array.from(n) Это бессмысленное выражение. Array.from принимает массивоподобный объект. Должно быть кк минимум (Array.from({length:n}))
Array.from(Array(n))
Array.from({length:n})
Array(n).fill()
Эти три конструкции эквивалентны.
>Дебилко
1. У этого вашего JS есть вообще какая-то официальная документация, или искать всю инфу в любом случае придется где попало?
2. Вопрос более практический, как передать в backgroundPosition положения для Y?
mask_anim style backgroundPosition = mousex;
X передается, даже Y считывается если вписать его в позицию для X и передается, но куда блядь этот Y запихать я не пойму, через + пробовал, через запятую пробовал, ему похуй. Картинка ездит на фоне только горизонтально.
А, ну вот даже вам песочница, тут работает по горизонту
http://jsfiddle.net/cs1na9oy/
Про моззилу знал, про второе не знал, про Y не додумался так попробовать, спасибо
у тебя в массиве и методы прототипа пропадут с той же вероятностью чтобы в нем появились внезапно перечисляемые наследуемые свойства. да и не только в массиве. вся es stdlib не имеет наследования больше чем два уровня, и не имеет перечисляемых свойств вообще. если ты не пишешь говнокод, то ничего случится не может. если пишешь, то случится может все что угодно.
>Как вы относитесь к программированию на js без фреймворков
Смотря что за проект. Для небольшого сайта на вордпрессе ванилла js - это просто песня. Мало кода, всё летает. Если же у тебя много интерактива, всякие многостраничные формы, сложные анимации, всё друг от друга зависит - то лучше сразу брать фреймворк.
>>1757397
>Я два года пытался вкатиться в программирование. Два года я насиловал себя попытками освоить всю эту срань
Ты явно что-то неправильно делал. Новички пытаются зазубрить все команды, учатся по занудным учебникам типа https://learn.javascript.ru/, где все рассказывается нудным языком. Естественно, все желание учится после такого пропадет. Программирование не должно быть таким, лучше бы учился по lynda.com, там нормальные, интересные уроки.
>>1757442
>Я правильно понимаю что у ноды импорты свои, а у фронтенда будут свои?
У каждого свои импорты, они друг с другом не пересекаются, да и не нужно это обычно.
как правильно составить цепочку промисов ? есть
fetch("/myApi")
.then(response => response.json())
.then(json => {
if (data.kek != "puk")
return fetch("/setKek=puk").then(() => delay(100).then(() => {
if (data.hui != "pizda")
return fetch("/setHui=pizda")
}))
if (data.hui != "pizda")
return fetch("/setHui=pizda")
})
.then(() => console.log("Great success !"))
function delay(ms) { return new Promise((resolve, reject) => setTimeout(resolve, ms))}
ну тут код короч делает запрос к апи, смотрит равен ли кек значени пук, если не равен отправляет кек=пук, ждет секунду, и если хуй не было раввно значению пизда отправляет хуй=пизда. а если после запроса кек уже пук то он сразу ставит хуй=пизда без паузы
код то работает но мне хочется чтобы проверка хуй!=пизда с установкой значния, в коде обьявлялась один раз а не два
ток без async await синтаксиса пж
Как правильно создать такой шаблон? В переменную записать html строкой ?
Или создавать элементы по очереди через documetn.createElemet()?В данном случае очень громоздко получается.
Или еще как то можно реализовать ?
ну тут се равно async await я понимаю шо удобнее гораздо выходит но по ебаным причинам в данном случае его использовать сложнее чем прост промис
на стаковерфлоу скозали так сделать
fetch("/myApi")
.then(response => response.json())
.then(setIfKekNotPuk)
.then(setIfHuiNotPizda)
.then(() => console.log("Great success !"))
function delay(ms) { return new Promise( resolve => setTimeout(resolve, ms) )}
function setIfKekNotPuk(data) { data.kek != "puk" ? fetch("/setKek=puk").then(delay(100)).then(() => data) : data}
function setIfHuiNotPizda(data) { data.hui != "pizda" ? fetch("/setHui=pizda"): data}
не оч нравится вынос лямбд в функции но обратно то засунуть лехко
Лучше делать отдельную функцию на каждый эндпоинт, ну и мне лично не особо нравятся функции в духе "doIf...", во-первых функция должна какое-то одно действие делать, во-вторых названия жутко всратые. Что именно функция setIfHuiNotPizda должна сетать? If? Потом возвращаемое значение получается непонятное, либо промис, либо дата, потом еще проверяй, что она вернула. Можно легко ошибиться.
Ну а лямбды и надо в отдельные функции выносить.
Operation.loadQuestions() - это запрос на сервер который возвращает questions, там все данные, затем они диспатчат их с помощью ActionCreator.loadQuestions(questions).
Разве ActionCreator.loadQuestions(), который диспатчится в стейт, семантически назван? Operations.loadQuestions - это запрос к серверу, и там действительно происходит загрузка, но диспатч AC.loadQuestions? Может правильнее его было бы назвать setQuestions, т.к. данные уже загружены, и остается их установить в стейт?
С помощью жс. Если чекбокс отмечен, то можно добавить класс модифицируемому объекту, и в стилях задать параметры, которые будут изменены в зависимости от того, есть ли этот класс или нет.
Делать два блока, один из которых будет прятаться если чек - это плохо, тк засоряется разметка.
А говорят вакансий для джунов не бывает. Еще и с ЛЕГЕНДОЙ работать.
Код https://jsfiddle.net/28uo0qyd/
не все так радужно.
я бы запросил около 180к за такую работу
https://hh.ru/vacancy/38202048
>Какой есть легкий реактоподобный фреймворк с оптимизацией для больших таблиц? На 30к+ реакт уже тормозит, а мне еще и сортировки прекручивать, но удобство работы понравилось, очень просто верстать все это
https://www.primefaces.org/primereact/showcase/
пример скинь что ты хочешь то ебана.
просто сделай текст в виде: Привет, ёбаный в рот с вами %username% и сегодня я %var1% расскажу что тут происходит
ну и регуляторами заменяй вставляй в эти псевдопеременные html с текстом
а можешь через eval ебануть просто и все.,
var button = document.createElement("button");
button.innerHTML = "button";
var body = document.getElementsByTagName("body")[0].appendChild(button);
При нажатии на любую ссылку на сайте, будь то кнопка домой или посмотреть истории, моя кнопка исчезает.
Полагаю, при любом клике, весь DOM на странице перезаписывается, обновляется, соответственно в обновленной версии тела, моей кнопки нет, для того чтобы вернуть ее, приходится все время обновлять страницу через F5, чтобы расширение снова добавило ее.
Каким образом можно сохранить кнопку, чтобы она висела всегда?
Я в JS ноль, мне просто нужно автоматизировать рутинные действия.
С чего начинали, какие подводные, какие темы самые важные?
Умею экспресс юзать, дергать монгу, но хз куда двигаться дальше.
Тачпад, экран, сборка, ос. Вероятно бывают хорошо собранные ноуты на винде, может быть есть 1-2 с аналогичным экраном. По тачпаду и ос альтернатив в принципе нет.
>посыланием нахуй с гарантией у дилера?
Это гонево какое-то, у маков международная гарантия, изи чинят что угодно. Мне меняли топкейс целиком на ноуте.
>тачпад не нужен, есть мышка
Мышка не нужна, есть тачпад. Очень весело руку все время переносить с мыши на клавиатуру?
>экран хороший не нужен, достаточно обычного.
Ну вот тебе не нужен, а мне нужен. Я хочу запредельный PPI и максимально гладкий текст, потому что смотрю в него весь день.
>сборка чего? у меня простой acer не ломается уже 6 лет
Ну и что что пластиковый, кряхтит, люфтит и экран шатается? Не сломан же!
Но на сайте есть еще кнопка «отметить все чекбоксы». При нажатии на нее события не срабатывают и чекбоксы не запоминаются.
В консоли [Violation] 'change' handler took 223ms
Я так понимаю, он виснет из-за дохера событий за раз? И почему не обрабатывает после отвисания?
Как исправить? Вижу только переделать обработчики на click, а на кнопку всех выделений вешать отдельный, чтобы вручную отдельно запоминал сразу все чекбоксы страницы. Но это как-то совсем жиденько.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
> The change event is fired for <input>, <select>, and <textarea> elements when an alteration to the element's value is committed by the user
> [Violation] 'change' handler took 223ms
Можешь отметить X чекбоксов и поставить асинхронно отмечать следующие X и потом следующие Х пока не дойдешь до 50. Можешь хуй забить.
>Мышка не нужна, есть тачпад. Очень весело руку все время переносить с мыши на клавиатуру?
Это удобней всего, а яблочники придумали не удобную хуйню, лишь бы отличаться от конкурентов с закосом на телефоны, весело постоянно держать палец в напряженном состоянии и махать рукой туда сюда?
не обманывай себя.
>Ну вот тебе не нужен, а мне нужен. Я хочу запредельный PPI и максимально гладкий текст, потому что смотрю в него весь день.
Видео монтажем занимаешься?
успокойся.
>Ну и что что пластиковый, кряхтит, люфтит и экран шатается? Не сломан же!
ничего не хрустит, обычный ноутбук,ничего не шатается, все работает хорошо, обычный пластик.
Я не очень понимаю в чем смысл дискуссии. Там кто-то спросил в чем фишка маков — я ответил. Ты явно макбука в глаза не видел, но зачем-то влез и начал рассказывать что НИНУЖНА и тебе за шестилетним Асером хорошо. Ну нинужна и нинужна, рад за тебя, а доказать-то ты что хочешь?
В общем, мне кажется эта тема не работает, или я конечно же делаю все не так, проверь у себя если не лень. Вот пример, до которого я додумался.
var button = document.createElement("button");
button.innerHTML = "button";
document.getElementsByClassName("xWeGp")[0].addEventListener ("mouseover", function() {
document.getElementsByClassName("MWDvN nfCOa")[0].appendChild(button);
});
Я поставил слушатель на вот эту иконку, если я навожу на нее мышью, моя кнопка появляется. Так вот, это работает при первой загрузке. Но после нажатия на кнопку домой, слушатель испаряется вместе с кнопкой, сдается мне, что если я подпишусь на изменения DOM или даже URL, моя подписка слетит при очередном рефреше тела страницы.
Если страница перезагрузится, твой тамперманки наверное запустит скрипт снова, не?
Но скорее всего к делу не относится, инста же на реакте? Значит страницу они не перезагружают, а только дом теребонькают. Выходит на дом элементы подписки делать нет смысла, а на глобальные эвенты - есть.
Наверняка они используют клиентский роутер, и скорее всего меняют location. А это значит что ты пидор можно подписаться на https://developer.mozilla.org/en-US/docs/Web/API/Window/popstate_event
Как лень все это проверять то, пиздец.
>Если страница перезагрузится, твой тамперманки наверное запустит скрипт снова, не?
Да, запускает снова и все работает.
Понятно, попробую popstate. Скажи еще один момент, вот этот сработает если инста на реакте? >>1759313 то есть https://developer.mozilla.org/ru/docs/Web/API/MutationObserver или же тоже нет?
Не, минут пять займет. Отправь лучше таблицу почтальоном.
Блять, это же жс, нажми прямо сейчас ф12 и проверь, сколько займет, или на жсфиддл зайди.
Вот, 1000 элементов за полсекунды отрисовывает: https://jsfiddle.net/hdzsbx64/
В тележке опишу задачу детальнее @vijokond
Офк не за сотни нефти, а за какую-то сумму шекелей
Тут вопрос не в сути задачи, а в том к чему приведет ее решение. То ради чего это затевается, стоит всех усилий.
Неужели никому здесь не интересно взяться за задачу сложнее уровня вузовских лаб? Ну или хотя бы уточнить что именно нужно и тогда уже послать к хуям?)
Окей.
Имеется 2 реакт приложения, построенные на одной платформе, далее буду их называть их 1 и 2. Состоят из файликов ...main.js и нескольких ...chunk.js. main.js и один из chunk.js импортируются напрямую из html, остальные chunk.js импортируются скриптом в html. Все .js файлы почти идентичны, за исключением некоторых строк, ну и переменные называются офк везде по-разному.
Суть в том, что приложения способны выдавать 2 разные формы (далее А и Б) исходя из каких-то входных данных, мб timestamp мб еще что-то. Никаких запросов, как это обычно бывает, с получением параметров с сервака и сравнением этих параметров у клиента не летит, т.е. вообще все висит на клиенте без взаимодействия с сервером.
Из того что имеется.
1 приложение сейчас выдает форму Б, при этом подтягивая все имеющиеся файлы chunk.js, но если обрубить подгрузку файлов chunk.js скриптом из html, кроме основных которые прописаны в коде, то приложение начинает выдавать форму А.
2 приложение выдает форму А и даже не пытается подгрузить файлики chunk.js скриптом.
В файликах main.js обоих приложений есть все данные из форм и куски с кодом рендера. Нужно понять как заставить 2 приложение импортировать все chunk.js и выдать форму Б, какие-то проверки мб снести через MITM или еще что-то.
Насколько я знаю, минифицирован же только, это лишь существенно затрудняет процесс разбора, но не делает его невозможным.
1 приложение может прийти и к форме А и к форме Б, разве нельзя найти в коде последнее место, до которого интерпретатор доходит в обоих случаях, скорее всего там и будет необходимое условие, либо еще какая-то конструкция, которая приведет к нему. А если заставить 1 приложение работать как нужно мне, то переложить это на 2 не составит труда. Или я в чем-то не прав?
И зачем для этого ковырять бандл?
Хуйней не занимайся. Никому не иментересно клещами тащить из тебя информацию.
Вангую, что у тебя просто и задачи никакой нет, и ты ее сформулировать даже не можешь, а расчитываешь на приятную беседу, в ходе которой за тебя все сформулируют.
Уже что-то, славно.
Но за копейки подобный реверс-инжиринг вряд ли кто-то возьмется делать.
Опиши бюджет которым располагаешь. И уже после это жди, может и найдется кто.
И лучше продублировать все в одном сообщении. Задачу (описание ее), бюджет, телегу. И само сообщение закинуть в общий тред в зекаче еще.
В языке все интуитивно понятно
stats=false
при отрисовке рисуется отмеченый чекбокс
Долбоеб, открой определение справочника.
Справочник ЯП - это список методов\функций и описание каждой отдельной функции.
Лернжс это набор саттей по определенным темам вопределенном порядке.
Знаешь, что такое набор статей на определенную тему в определенном порядке, мудак? Это учебник или курс.
Код https://pastebin.com/nsPdy92h
Таки удалось деобфусцировать весь js код обоих приложений по мапам и найти параметр, который нужно подменить в бандле и казалось бы все охуенно - подменяй параметр и иди нахуй, но возникла новая проблема. В приложении 2 в коде есть условие:
if (true || etc...) с комментом - remove true ждать апдейта, когда уберут эту заглушку особо нет желания.
В итоге обфускатор снес и условие, и остался только код рендера формы А. В бандле 1 приложения этот участок кода на месте и подмена нужного параметра работает как и ожидалось. Выдернуть кусок из 1 приложения и засунуть во 2 у меня не получается, т.к. во 2 приложении добавился параметр языка, который используется для отрисовки формы, а я вообще не ебу этот ваш реакт чтобы понять как все правильно завернуть.
Анончики, чтобы все завелось, мне нужна помощь с докостыливанием фрагмента кода для бандла 2 приложения, используя 1 бандл и исходники 1 и 2 приложения, либо же инфа о том как обфусцировать измененную кучу .js, полученную при деобфускации, обратно в тот же бандл.
Т.е. процесс развития проходит по принципу - верстка (с различными препроцессорами, бустрапом и т.д.) > js > фреймворки?
Или первая часть это отдельная категория который занимаются только верстальщики? Такая позиция вообще сейчас есть? Просто много слышал о том, что кто-то учит js-фронтэнд особо не вникая в верстку, а я просто не понимаю как это возможно, и опять же в треде писали, мол на верстальщика не иди, а то там и останешься. Хочется поскорее уже приступить к хардкорному задрачиванию кодерской части, но пока решил набить руку на верстках типа пикрила по урокам. сам решил перекатиться в веб из 3д графики, которой занимался больше 7 лет, но заебало отсутствие денег и отношение как к второсортному скоту
Короче говоря, всё правильно делаю или хуйней занимаюсь?
По поводу выбранного направления - пробовал разное, и с неожиданностью для себя вдруг открыл, что мне интересен веб, даже верстка доставляет удовольствие, до этого пробовал анриал на плюсах, и даже, пиздец, ии на пайтоне, на что потратил около 3-4 месяцев, но в этих случаях меня люто убивало отсутствие краткосрочной мотивации, типа пока не взберешься на какую-то высоту, трудно даже вменяемые задачи придумать, которые бы хотелось решить.
1. Сервер возвращает промис, о том, что операция успешна и в этот момент, я могу использовать локальный стейт клиента, то есть по сути окно редактирования просто закроется.
2. Сервер вернул успешный промис, затем я делаю запрос на эту же задачу, и перересовываю клиент с новыми данными полученными с сервера.
Нужно ли обязательно все передавать в функцию через параметры, если это все используется в функции?
Вот например функция 1 используется в функции 2.
функция 2() {
функция 1(param1);
функция 1(param2);
еще какие-то действия;
}
Нужно ли функцию 1 передавать как функция 2(функция 1) ?
Зависит от вакансии, смотри на них внимательно. Я на react-frontend вакансию отзывался, верстки практически нет, все кейсы покрыты ui-kit, у нас ant-d, все время уходит на бизнес-логику
Не задрачивай ее, с флексом разберись, чтобы у тебя вообще проблем с ним не было и этого хватит.
>>1760285
Понял вас, спасибо
нативный JS не нужен.
ES6/асинхронность/базовые вещи с циклами и функциями
этого достаточно что бы получать хотя бы 100-170к.
Хотя кого я обманываю, для 170-300к тоже достаточно но нужен еще хороший английский что бы читать ответы на форумах и копипастить примеры с доки
>Я так делал, потом по необходимости доучивал особенности асинхронности, ивент лупа и т.д.
А какая у тебя была база? Я вот не знаю что мне нужно подучить, пока по совету анонов вышел решил навернуть ES6 for Humans. Самые базовые основы конечно знаю, еще хорошие уроки находил по тому, как разные классные штуки можно прикручивать к сайту, но вот что делать дальше не пойму. Вокруг либо курсы, где ты сначала заплати, а потом мы расскажем о чем он, либо полуторатысячные трактаты о сути мироздания в консоли. Поэтому пока наворачиваю небольшие гайды, где есть хоть какой-то законченный результат с практическим применением от начала до конца.
Например, заходим в доументацию по промисам:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise
Сразу есть - констурктор, статичные методы, методы прототипа, все понятно. А теперь зайдем в доку по документу:
https://developer.mozilla.org/en-US/docs/Web/API/Document
И просто ебаная туча properties, вроде Document.createElement, хотя очевидно, что никакой пропы на Document нет, а есть она только на Document.prototype, например на объекте document (с маленькой буквы), который является инстансом Document класса. Так зачем MDN пишет про какие-то интерфейсы?
>генераторы
Saga, но ничего сложного в них нет
А вот кому во фронте понадобятся прототипы я не ебу. Как и ООП. По крайней мере на реакт
У меня подобие ооп только для классов с апишек, есть базовый класс, в котором описаны методы get/post и так далее, задается базовый урл и настройки, дальше наследование.
Салама-шаланоре, пишу мультплеерную настольную игру (нода, реакт, сокет ио) и возник вопрос: где хранить часто меняющиеся данные (состояние игры, ники итд)? Только БД? Или есть что-то быстрее? К слову, проект только для себя и друзей, поэтому больше 10 пользователей не будет.
Объясние что такое event.preventDefault()? Оно предотвращает всплытие?
в гугле говорят юзайте фф и типо там все норм работает, но хуй там - все равно так же подставляет эту залупу.
как фиксить то такое?
У меня есть скрипт. Могу ли я как-то в своем скрипте, так сказать, присосаться к этом запросу, то есть получить его ответ, не отправляя запрос повторно?
Мне нужно максимально сэкономить на сервере. То есть либо арендовать самый дешевый из подходящих, либо если вдруг что маловероятно буду держать на своем компе, то делать так, чтобы он меньше не нужных вычислений производил и соответственно тратил меньше электричества и не изнашивал комп.
Мне не нужно несколько раз. Сайт чужой, а у меня скрипт для этого сайта со своими свистоперделками.
Мне нужно после того как сайт отправит запрос, у себя в скрипте обработать ответ на этот запрос, не отправляя повторно запрос (т.к. запросов много и они могут долго грузится).
Ну например, сайт запросил список городов и вывел некоторые из них. Мне нужно после этого запроса сайта отработать этот список у себя в скрипте (без повторного запроса из моего скрипта).
данные в каком виде на сервере лежат? сразу на страничках или API?
Если CORSа нет то можешь
а так в своем скрипте ты не сделаешь, можешь в браузере когда находишься на той странице, т.е. открыть Console.log и перехватить запрос который отправляет тот сайт, т.е. в рамках сессии того сайта (в той вкладке)
и если можете подскажите годную книгу, курс по реакту
Я тебя немного расстрою. Если хочешь стать разработчиком, тебе в любом случае придется учить ЖС. Потом по желанию вычишь реакт, вью, ангуляр, все, что хочешь. Но ЖС знать нужно.
Рекомендации по курсам есть в шапке. Любой курс годный, если ты его проходишь, не ебланя.
Вакансию куда здесь постить можно?
В свое время долго учила ванилу. Сейчас мне это сильно помогает, но! Вкатиться я смогла только когда взялась за реакт. Можешь сделать app на реакте - будет работа. Нагуглить, как закодить логику ты всегда успеешь. Конечно, если ты не знаешь основ JS, ты ничего не сделаешь, но пока ты вкатишься в реакт, то JS ты худо бедно начнешь знать. Конечно же, по началу ты будешь херовым разработчиком, но лучше так, чем заебато знать чистый JS и не мочь устроиться на работу, так как никому чистый нахрен не нужен. Грустно, но факт.
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
ПЕРЕКАТ >>1762464 (OP)
Задача была добавить кнопки закрытия для разных окон сообщений(смсок), в итоге решил всё как обычно через костыли.
Пришлось создавать n-ое количество клонов кнопки и каждому элементу присваивать свой клон.
//сделал кнопку
let closeButton = document.createElement(‘button’);
closeButton.className = ‘close’;
closeButton.innerHTML = ‘X’;
//сделал клонов
let closeButton1 = closeButton.cloneNode(true)
let closeButton2 = closeButton.cloneNode(true)
//вставил клонов в нужный нодлист
smski[0].insertAdjacentElement(‘afterbegin’, closeButton)
smski[1].insertAdjacentElement(‘afterbegin’, closeButton1)
smski[2].insertAdjacentElement(‘afterbegin’, closeButton2)
А при создании функции, которая бы генерировала мне нужное количество клонов (на случай, если смсок будет овер9к), вообще столкнулся с проблемой, что в js, как оказалось, крайне сложно создать кучу переменных с аналогичными названиями, пришлось выкруичваться и самый оптимальный путь, к которому я пришел это использовать eval
for (let i = 0; i < smski.length; i++) {
eval(‘closeButton’ + i + ‘=’ + ‘closeButton.cloneNode(true)’)
eval(‘smski[ ‘+ i + ‘].insertAdjacentElement(“afterbegin”, closeButton’ + i + ‘)’)
Окей, кнопки добавил, всё хорошо, начал пилить функционал, простенькая функция, которая закрывает родителя. Но, как оказалось, динамически созданные скриптом элементы не могут быть найдены querySelector’ом, к примеру, т.к. на момент выполнения скрипта в DOM их ещё нет (даже если в коде расположить всё в нужном порядке). Опять пришлось выкручиваться и использовать setTimeout с минимальной задержкой, чтобы сначала элементы записать в DOM, а потом уже, спустя t времени найти их и назначить им функционал.
Вот теперь собственно, в чем вопрос:
1. Как можно быстро и безболезненно добавить одинаковые элементы в несколько мест?
2. Можно ли каким-то благородным способом помимо eval сделать кучу переменных типа peremennay1 = 1, peremennaya2 = 2, peremennaya3 = 3 и т.д…
3. Можно ли как-то динамически созданные элементы добавить с помощью js и без задержек начать их использовать?
Прикрепляю ссылку на код https://jsbin.com/porisukepi/edit?html,css,js,output
Может подкинете хороших идей, как всё это сделать KPACUBO?
Случайно запилил в старый тред, в новом сделал перепост, отвечайте туда >>1764705 →
npx tsc работает стандартно