Этого треда уже нет.
Это копия, сохраненная 7 июля 2022 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
16313000548100.png56 Кб, 1050x1050
JS Thread #234 /js/ 2229318 В конец треда | Веб
Предыдущий тред: >>2220402 (OP) (OP)

Больше пары строк кода в посте или на скриншоте ведут в ад.

Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs

Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.

Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript
2 2229330
>>29318 (OP)
Я перый буду не хуй
3 2229331
>>29330
Перый это первый, а не в перьях
4 2229340
Огласите актуальный стек.
sage 5 2229356
Жабаскрипт позорный.
6 2229447
>>29340
ТС, ангуляр, rxjs
7 2229454

>ангуляр


только если ты джявадибил
8 2229466
>>29340
Деньги сейчас только в реакте. Часто слышу что переписывают приложения с ангуляра на реакт, но ни разу не слышал чтобы наоборот. Но какая разница если вы петуханы все равно не вкатитесь никуда?
9 2229473
>>29466

>Деньги сейчас только в реакте


https://hh.ru/vacancy/50091022
https://hh.ru/vacancy/50093688
10 2229475
>>29466

>все равно не вкатитесь никуда


Почему?
11 2229484
Делаю скрипт для себя на существующий сайт. Есть у меня селекторы элементов, которые могут не появиться, вот мне и приходится делать примерно так:
if (document.querySelector('xxx')) {
document.querySelector('xxx').someFunc();
}
if (document.querySelector('zzz')) {
document.querySelector('zzz').anotherFunc();
}
Селекторы разные, действия и количество действий с ними тоже. Без if-ов при отсутствующем элементе скрипт падает с ошибкой. Как нужно записывать такое, чтобы было правильно-читаемо-красиво? Особенно с учетом того, что эти селекторы пиздец какие длинные.
12 2229533
>>29484
const callIfElemExists = (selector, callback) => {
const elemOrUndef = document.querySelector(selector)
if (elemOrUndef) callback(elemOrUndef)
}

callIfElemExists('my-button', elem => {
elem.doA()
elem.doB()
})

callIfElemExists('my-other-div', elem => {
elem.doSomethingWithOtherDiv()
})
13 2229548
>>29484
>>29533
document.querySelector('xxx')?.someFunc();
document.querySelector('zzz')?.anotherFunc();
Эх блять студенты.
14 2229556
>>29548
>>29484
>>29533
А теперь ответ от синьора:

const selectorMethodNamePairs = [["sel1", "someFun"], ["sel2", "anotherFun"]];

selectorFuncKeyPairs.map(([sel, method])=> document.querySelector(sel)?.[method]).filter(method => method).forEach(method => method());
15 2229566
>>29484
Сохраняй вызов в переменные наркоман.
16 2229567
>>29556
Ты забыл словарик для своих магичесских строк объявить.
17 2229584
Господа, объясните, пожалуйста, как в браузер приходят стили из больших сайтов типа Amazon? Приходит все стили сразу для мобильных, планшетных, дестопных экранов? Или сначала там как-то проверяется какая ширина экрана у устройства пользователя, а затем приходят стили только для ширины экрана этого устройства?
18 2229590
>>29584

>Приходит все стили сразу для мобильных, планшетных, дестопных экранов?


@media запросы в файлах стилей.
19 2229592
React

Существует ли какой-то альтернативный способ рендерить одинаковые компоненты jsx кроме как рендерить массив из них?

var items = [1, 2, 3]
var array_with_jsx =[]

for (i in items){
array_with_jsx(<div>{i}</div>)
}

render()
return(
{array_with_jsxs}
)

Как-то не по-взрослому что либ. Как это ирл осуществляется?
20 2229593
>>29592
items.map((item) => (jsx))
21 2229594
>>29592
return <>
{items.map(item => <div>{item}</div>)}
</>
22 2229604
>>29594
Да, спасибо, как-то совсем на ум не пришло использовать map, и что он лучше выглядит.

Но если jsx элемент громоздкий, мб стоит его классом оформить или вообще разбить реакт на представление и данные?
23 2229606
>>29604
Какой класс, дядя? Ты откуда вообще вылез с этими форами, варами и прочими представлениями и данными? Рякт позволяет оборачивать любой компонент в любой другой компонент, и даже внутри компонента можно оборачивать дочерние компоненты, ничего о них не зная. Композируй как тебе вздумается.
24 2229629
>>29606

>форами, варами


Так я и спрашиваю какая альтернатива есть данному решению с массивом. Задача - вывести N однотипной фигни вроде постов или карточек товаров, или элементов формы.
25 2229630
>>29629
Как ты блять собираешься выводить списки без массивов?
26 2229632
>>29629
Он тебе не про конкретную задачу, а про то что вместо var нужно использовать let и const, а вместо for обычно используют методы массива.
28 2229871
Сегодня узнал что css modules уже несколько лет не поддерживаются разрабом, но мы же ими пользуемся, как это будет работать в будущем?
29 2229912
>>29871
А что там поддерживать? Вебпак внезапно разучится парсить css файлы?
30 2229959
>>29718
Хороший, запоминающийся термин. Долой англицизмы.
изображение.png6 Кб, 523x65
31 2230129
Что с шрифтом, чому он поредел?
32 2230158
Два вопроса по TypeScript

1. Чем type alias отличается от interface?
2. Чем extends отличается от implements?
34 2230185
>>30162
1. То есть главное различие в изменяемости интерфейсов?
2. Получается, implements ничего не меняет и не создает, а просто проверяет уже существующий класс на соответствие интерфейсу?
image.png12 Кб, 472x141
35 2230228
Можно ли привязывать к класснейму элемента условие чтобы blur не срабатывал? Или это не очень и как-то покрасивее можно сделать?
36 2230262
>>30185
интерфейсы с одинаковыми именами объединяются в один, так например ты можешь задать несколько сигнатур у функции

ты не можешь имплементить класс от типа если он создан операцией oбъединения |

ты не можешь экстендить интерфейс от типа если он создан операцией oбъединения |

Импрементим классы от типов и интерфейсов. Экстендим классы от классов. Экстендим интерфейсы от интерфейсов и типов. Типы получаем с помощью операций объединения и пересечения типов и интерфейсов.
37 2230336
>>30262
Еще класс может класс имплементить, потому что тайпскрипт
38 2230348
>>30228

>к класснейму элемента


Нельзя. Вешай обработчик и отменяй всплытие и immidiatePropagation
39 2230468
Сап пр-прач, тут кидали какой-то сайт с бенчмарками js фреймворков, там был рендер большой таблицы, в которой менялись значния и отображалось FPS. Сайт такой темненький, а все фреймворки квадратиками с разной степенью красного и желтого.
Анон, скинь этот сайт еще раз! Заебался уже искать это говно.

Алсо, анон, есть какой-нибудь фреймворк для рендера канваса? Шобы было как современный реактивный фреймворк, но на канвасе. Впринципе я нашел s.js, можно на нём напердолить. Либо на solid-js и /packages/solid/universal. Но выбор-то нужен побольше.
40 2230470
Есть что-то чтобы типа и сайт сделать и приложение?
41 2230472
>>30470
2к22 год. Сайт это и есть приложение.
42 2230478
>>30468
Ах да, на канвасе хочу сделать гуи если чо, а не просто кружочками пукоть.
44 2230492
>>30472
Ну мне надо прям чтобы с маркета, например, скачать
Не просто ж вебвью пихать? Или пихать?
45 2230499
>>30492
Почему нет? Тебя производительность беспокоит или чо?
46 2230517
>>30492
Вообще закатывайся на флаттер, если чо. Оно вроде нормальное, если вебвейв не очень.
47 2230518
>>30517

> если вебвейв не очень.


если вебвейв в твоём случае не очень подходит.
48 2230580
>>30492
PWA можно публиковать в маркете.
16377595896230.gif121 Кб, 320x98
49 2230583
>>30129
Бамп вопросу.
54453.jpg23 Кб, 609x137
50 2230590
Что не так?
51 2230591
>>30590
Ошибка синтаксиса, очевидно же. Гоняешь небось лысого змея?
52 2230592
>>30591
Где тут ошибка синтаксиса?

>Гоняешь небось лысого змея?


Че несешь?
53 2230593
>>30592

>Где тут ошибка синтаксиса?


В списке аргументов.
54 2230594
>>30593
Хуйню несешь.
55 2230596
>>30594
Хуйню как раз ты высрал, в следующий раз бездумно не копируй наполнение видосиков.
56 2230599
>>30596
Я задал вопрос, а вот ты принялся паясничать, так и не сумев ответить по делу.
57 2230602
>>30599
Ты задал очень базовый вопрос. Никто на него не будет отвечать, так как тред посвящён языку программирования, а не написанию вкатунских хэлловорлдов.
58 2230603
>>30583
Зум попробуй. На другом сайте попробуй. Залей на кодпен и здесь опрос устрой
59 2230613
>>30602
Расслабься, чел. К чему так рваться из-за вопросов ньюфагов?
60 2230619
Есть массив репозиториев, у каждого репозитория есть поле language, хочу пробежаться по этому массиву и сделать объект, который посчитает мне языки вот так: {"javascript": 5, "typescript": 3}. Как мне удовлетворить Typescript в данном случае? Я новенький если что, не бейте
61 2230636
>>30619
let languagesCounts: Record<string, number>
62 2230645
>>30636
Ого, спасибо большое! На новый год желаю тебе найти грудастую эльфийку под елкой!
63 2230650
>>30613
Порвался тут только ты от синтаксической ошибки.
>>30619
interface GHLangs {
[lang: string]: number
}
image.png57 Кб, 1533x323
64 2230660
https://habr.com/ru/company/tinkoff/blog/593165/

Ангуляробляди, вы же хуже бездомных собак, нахуй вы живете? Чел с пикрила по делу обоссал очередной громоздкий бойлерплейт с ебическими переусложнениями, на что обоссанцы сразу же на него накинулись. Учите уже наконе нормальные фреймворки, так ведь и будете квадратно-гнездовые формы хуярить, которые все меньше и меньше объема на рынке занимают
65 2230663
>>30660
markelov69, плиз
66 2230665
>>30663

>markelov69, плиз


Кек, ор
67 2230671
>>30663
Был бы я им, хрен бы я этот скрин вбросил, я даже свой гитхаб на двощ на всякий пожарный никогда не вкину
68 2230687
69 2230688
>>30687
то есть \_\
70 2230689
Как звездочки то вставить блядь
71 2230690
Ждуны на ноде нужны? inb4 нигде не нунжы
72 2230691
>>30650

>Порвался тут только ты


Нет, ты.
73 2230698
Посоветуйте что-нибудь вместо styled components для пет говна. Тоже css in js, но с лучшей производительностью.
Linaria?
74 2230716
>>30690
Пидарас? Мы с пацанами сейчас все на Go пишем
75 2230720
>>30716
Goвноед, спок.
76 2230721
>>30716
А как же Nestjs?
мимо
a80bab2cc158ed26c679bb4c365d6470.jpg55 Кб, 471x520
77 2230727
78 2230730
>>30727
Сразу видно что автор мемеса — вротендер. Мужыки крашат сервис при первой же ошибке нахуй, засирают всё логами и потом оживляют его!
79 2230741
>>30660
Зачем обращать ванимание на петухабриков? Зачем вообще читать петухабр? После 2014 он в говно скатился, после 2017 это просто кусок кала состоящий целиком из продажных статей, после 2019 это жидкая дрисня ака пристанище шизофреников, которые всерьез обсуждают лечение ковида витамином Си.
Хз что там с кодом кста, нихуя этот кусок кала не понял и понимать не собираюсь, так можно и ебанутым шизоидом стать.
80 2230762
Киньте, пожалуйста, каких-нибудь годных материалов по GraphQL, а то я его использовал по ютуб-туториалу всего один раз, а на собесе про него будут спрашивать.

Как фронтенд, так и бэкенд-использование.
81 2230763
Насколько нужен ts? Чет пиздец часто вижу в вакансиях, хотя технология явно мусорная, может умрет скоро?
82 2230770
>>30763

>хотя технология явно мусорная


Почему ты так решил?
83 2230781
>>30770
90% ts есть в современном js. Типы/интерфейсы в основном для автокомплита и линтера используются, ввод юзера, ответ сервера все равно по-старинке разбирать нужно.
84 2230789
>>30781

>90% ts есть в современном js


Анус ставишь?
васянские линтеры и уебищные jsdoc юзать будет только отменный изврат
85 2230802
>>30781

>90% ts есть в современном js.


Дивный манямир.

>ввод юзера, ответ сервера все равно по-старинке разбирать нужно.


Тебе и на джаве-хуяве нужно валидировать ответы серверов и вводы юзеров. Причём здесь типизация?
86 2230832
>>30789
>>30802
Кроме системы типов, какие у тс еще остались фичи не попавшие в стандарт жс?

> Тебе и на джаве-хуяве нужно валидировать ответы серверов и вводы юзеров. Причём здесь типизация?


При том, что на джаве ты не занимаешься 90% времени конвертацией джончиков. А на клиенте городить десяток слоев абстракций это дурость.
87 2230835
>>2229279 →
Ну попробуй натянуть useReducer() на вcю свою программу, как раз получишь редух.
Там кстати созателя редуха обоссали на собесе как джуна-вкатыша:
https://www.youtube.com/watch?v=XEt09iK8IXs
image.png154 Кб, 400x250
88 2230838
>>30832
Мы вам перезвоним
89 2230846
>>30832

>При том, что на джаве ты не занимаешься 90% времени конвертацией джончиков.


Вот как раз сервера большую часть времени занимаются перекладыванием джейсонов, аж целые книги написали и паттерны перекладывания придумали для всего этого. Даже всякие postgresql научились перекладывать джейсоны.

>А на клиенте городить десяток слоев абстракций это дурость.


Конечно же для туду-листа никакие абстракции не нужны. Но мы говорим про фронтэнд. Плюс есть сервера на ноде, так что можешь залезать в свою дыру, откуда вылез, пердоля.
90 2230853
>>30846

>Конечно же для туду-листа никакие абстракции не нужны. Но мы говорим про фронтэнд


Вротенд и не должен быть сложнее туду-листа. Нахуй тогда нужон этот ваш вротенд, если там классы через классы через говно кал залупу и тысячи конструкторов в конструкторах, которые мало того не упрощают (для чего и придумали высокоуровневые абстракции вообще-то) так еще и производительность в нулину убивают.

Конечно к тс это не относится, на VSC с IntelliSense заебись писать.
91 2230868
>>30781
TS будет подсказывать где ты ввод пользователя/ответ от сераера верно разобрал и проверил. Не будет ошибок вида "сложил число со строкой" и тп
92 2230870
>>30868

>Не будет ошибок вида "сложил число со строкой" и тп


А такие дегенераты существуеют?
93 2230874
94 2230876
>>30853

>Вротенд и не должен быть сложнее туду-листа.


Он таким вполне себе может быть, правда эта сложность тут же польётся на бэк. Нечем утилизировать мощность сервера — берёшь и ебашишь всякие LiveView. Но вместо тонкого клиента получишь ту же кучу гемороя, но уже на бэке.

>которые мало того не упрощают


В туду листе — да. Но и не тащи их туда.

>так еще и производительность в нулину убивают


Ну ктож виноват что всем (и юзерам и бизнесу) глубоко похую? Никто тебе не мешает и на жопаскрипте написать нормальный по перформансу фронт — это просто никому не нужно, нужны фичи хуяк хуяк продукшон.
Когда юзеры начнут голосовать валютой за перформанс — всё полетит, а пока — самай.
95 2230877
>>30876

>Но и не тащи их туда


Ну

>самай


сасай
96 2230880
>>30870
Так челы вроде тебя и создали такую ауру вокруг фронта, что он превратился во вротенд, где все вкатыши считают что уже даже язык знать не надо, ведь сложнее туду листа ничего писать не придётся — сиди да крась кнопки.
97 2230882
>>30846

> Вот как раз сервера большую часть времени занимаются перекладыванием джейсонов, аж целые книги написали и паттерны перекладывания придумали для всего этого. Даже всякие postgresql научились перекладывать джейсоны.


Если у тебя сервер эту круд обычный. Но похуй, не буду тут спорить.

> Конечно же для туду-листа никакие абстракции не нужны. Но мы говорим про фронтэнд.


Все равно нет смысла. Покажите мне проект с ебанистикой уровня джавамирка на фронте?

>Плюс есть сервера на ноде


Ну охуеть, пусть там остаются, нахуя мне это говно в половину вакух вставили блядь?
98 2230894
>>30876

> В туду листе — да. Но и не тащи их туда.


Все либы которые разбирал с такими усложнениями - просто бессмысленное говнище, просто делаешь нормальную архитектуру и никакая сложности и никакие конструкторы вложенные 12 раз не понадобятся. Ебать кста это мерзко выглядит, надавно разбирал подобный пример, блевал пиздец насколько это ужасно.
Это как ecs и oop в гейдебе. Просто нормально пишешь на ecs и всё нормально сразу становится, без ооп-дрисни на несколько страниц.

> Ну ктож виноват что всем (и юзерам и бизнесу) глубоко похую


Хорошо мне, пишу падсибя!

> Когда юзеры начнут голосовать валютой за перформанс


Они голосуют, просто перформансе исчезающе мало и никто не знает как работать с этим. нужно идти на масссрынок с соответствующими продуктами и соответсвующим маркетингом

>>30880
Ну это же жс, его действительно знать не нужно. Просто пишешь, как срёшь в треде, и всё.
Главное архитектура, функциинальщина и алгоритмы. Вот тут да, подумывать нужно серьезно так, все эти стейты, реактивности, асинхронные вызовы, вебворкеры, обсерверы, эмиттеры ууубляд. Обосраться можно. Но в задачи джуна это не входит, ему дали апи и какие функции он должен высрать на выходе - он пишет под это апи своё говно.
99 2230900
>>30894

>Просто нормально пишешь на ecs и всё нормально сразу становится


И чем же использование ECS в каких нибудь мобильных гиперказуальных залупах/новеллах/итд отличается от такого же оверинжиниринга на фронте? Вротенд и гейдев кстати кое чем похожи — и туда и туда активнее всего идут вкатыши, считающие что

>Ну это же жс, его действительно знать не нужно. Просто пишешь, как срёшь в треде, и всё.


и имеем что имеем.

>просто перформансе исчезающе мало и никто не знает как работать с этим.


С чем работать? Не перерендеривать всю страницу чтобы поменять одно поле? Ну вкатыши "нинужна" действительно не знают, но ты же поддерживаешь такой подход, в чём суть-то?

>нужно идти на масссрынок с соответствующими продуктами и соответсвующим маркетингом


На срынок, фантазёр. Юзеру не похуй на то, что в одном сервисе будет цена на 3$ ниже чем в другом, а не то, что браузер будет рендерить страницу 0.003 секунды вместо 3.

Эта тенденция даже до ААА-йоб в гейдеве дошла — каждый второй релиз такой лютый пиздец, как в браузере открыл игоря, лол. Правда там поднимается шитшторм и проект либо дропают распуская всех на мороз, либо добивают хоть до чего-то вменяемого, а в вебе всем похуй.
fbicon325x325.png1 Кб, 325x325
100 2230904
>>30900

> а не то, что браузер будет рендерить страницу 0.003 секунды вместо 3


Как говорится, миллиард мух ошибаться не могут. А
>>30894

>нужно идти на масссрынок с соответствующими продуктами и соответсвующим маркетингом


никому не помогло.
101 2230908
>>30698
Linaria топ. Еще некоторые перекатились на Stitches.
102 2230911
Открываю статью про Реакт, а там цитата Летова о том, что не было группы которая ему нравилась и он запилил свою
103 2230970
>>30894
Что посоветуешь почитать про построение качественной архитектуры?
104 2230985
>>30762
двачую вопрос
105 2231025
>>30970
бложек и статьи Халила Стемлера.
106 2231041
>>30970
Только clean arch
изображение.png1,1 Мб, 735x600
107 2231063
Нормально ли когда ебешься пару часов, а в комите отправляешь пару строк кода?
108 2231070
>>31041
Он там прочитает как дядя Боб с сынулей создавал аналог википедии и вместо БД хранил данные в текствых файлах и как это круто (создавать что-то с сынулей). А еще прочитает, что ФП нужно для контроля воздействия на переменную при распараллеливании программ.

>>30970
Читай Халила если нужны практические навыки по архитектуре на жс.
109 2231093
>>31070

>Он там прочитает как дядя Боб с сынулей создавал аналог википедии и вместо БД хранил данные в текствых файлах и как это круто (создавать что-то с сынулей). А еще прочитает, что ФП нужно для контроля воздействия на переменную при распараллеливании программ.



Нит. Главное, что он вынесет - это слоеность и dependency rule. Собственно, вокруг этого и строится практически любой архитектурный паттерн.
110 2231128
>>31063
Если код нормальный, то почему нет. Ты же ради того, чтобы все работало, ебешься, а не ради количества строк.
111 2231130
Увеличатся ли шансы найти работу, если я изучу тайпскрипт? Джун без опыта.
112 2231135
image.png518 Кб, 1230x944
113 2231147
>>30900

> И чем же использование ECS в каких нибудь мобильных гиперказуальных залупах/новеллах/итд отличается от такого же оверинжиниринга на фронте?


Так-то даже в казуалках на ecs быстрее писать. Да и вообще гиперказуалки на самой простой реактивности нормас пердюхают.

> считающие что


Чел, все эти вставки на си, математическое обоснование функций, вот это я понимаю сложности. А что в js сложного? 99,999% людей даже реактивность свою не пишут тоже не пишу, я тупой для либы реактивности, там тоже математика нужна

> С чем работать?


С йобами же. Перформенс для чего нужен? Для создания йобы!

> в чём суть-то?


Не знаю, в конкуренции продуктом? В конкуренции кто большую йобу напишет?

> На срынок, фантазёр. Юзеру не похуй на то, что в одном сервисе будет цена на 3$ ниже чем в другом, а не то, что браузер будет рендерить страницу 0.003 секунды вместо 3.


Приложение не то. Хотя всякое возможно.

>>30904

> никому не помогло.


Помогло, чому же. Просто малоизвестны примеры. Фейсбук вроде тоже дрочит на эффективность, но только немношк. Да и гугл таблицы на калвас переписали.

>>30970
Хз, не знаю. Лучше об этом вообще не думать, пока не напишешь десяток-другой приложух и не прочитаешь десяток-другой статей и всякого говна и книг.
В треде про Халила написали, он вроде годно пишет про функциональное программирование и простоту.

> https://khalilstemmler.com/articles/software-design-architecture/feature-driven/


> From "Domain Modeling Made Functional" by Scott Wlaschin - highly recommended reading.


Ух, а какой код-то в пример он привёл, красиво епта! Точно нужно.
114 2231158
>>31130
Уменьшатся.
115 2231163
>>31158
В этом есть правда. Учи не учи тайпскрипт, а ждуна только на говно проекты возьмут, а они как правило не на тайпскрипте...
116 2231176
>>31130
Я блядь в своем поиске работы настолько преисполнился, что я как будто уже сто триллионов лет ищу работу на триллионах проектах, мне этот рынок абсолютно понятен, я уже ничего не ищу, кроме гармонии
117 2231184
Какой js фрейморк подходит для реально сложного ui?
118 2231187
>>31184
Ща прибежит риактер, который не писал ничего сложнее калькулатора займов. Но это было самое сложное приложение за его длинную жизнь 21 год, поэтому он верит...
119 2231190
>>31187
Ты ответь тогда
images.jpeg5 Кб, 167x167
120 2231194
>>31190
Нет...
121 2231204
>>31194
На самом деле в природе чего только не встречается. Ты можешь найти калькулятор на ангуляре и жирную ерп целиком на жиквери
122 2231209
Кстати почему все аккуратные интерфейсы отстались на жиквери юай и доджо, а в моде стало говно с километровыми падингами?
123 2231210

>говно с километровыми падингами


покажи пример
124 2231213
>>31210
МАТЕРИАЛ ДЕЗИГН
125 2231215
>>31209
Дизайнеров в айти набежало не меньше чем фронтендо-макак.
126 2231220
>>31209
Потому что все развивается, а что тебе однажды понравилось, всегда тобой будет считаться единственно нормальным.
127 2231249
>>31220

>развивается


демократизируется ты хотел сказать...
128 2231258
Аноны-фронтендеры, подскажите сколько вы искали свою первую работу на джуна и в каком году это было?

Я изучил JS+ES6, TS, React/Redux, очевидные HTML/CSS, знаю SCSS. В портфолио на гитхабе есть: чятик на TS+React+SCSS,
Таймер на React + SCSS,
также сделал тестовое от Aviasales по приколу (что тут в треде кидали давненько),
3 сверстанных сайтика (которые обновлял по мере увеличения знаний),
есть небольшой сайт - рандомайзер фраз (фишка в том, что фразы можно добавлять самому), но он без авторизации какой-либо на чистом JS (это был мой первый пет-проектик)

Ща вот планирую сделать мувилист на TS+React/Redux с использованием Material UI.

После мувилиста думаете стоит начинать пробовать искать работу? Как думаете сколько это займет или это чистый рандом в большинстве случаев?
129 2231264
>>31258
Искать можно. Ванильный жс, алгоритмы надрочил, попку накачал?
130 2231265
>>31258
Лучше устройся в ИП Златодрищев на полгода. Но только чистым фронтом.
131 2231267
>>31264

> Ванильный жс


Да.

> алгоритмы надрочил


Наверное нет, если не совсем понимаю о чем ты. Решал различные задачки с Codewars, Leetcode, поигрывал в WarriorJS

> попку накачал


и побрил
>>31265
А я собственно и не против, кроме хх, какие еще площадки по поиску работы стоят внимания? (кроме очевидных Linkedin, Хабработа)
132 2231269
>>31267
У тебя нет городских сайтов, газет?
133 2231271
>>31269
Я из ДС, если ты тоже или кто-то еще, то можете подсказать что за городские сайты конкретно стоит мониторить.

Мне также интересно услышать ваш опыт, анончики!
image.png4 Кб, 137x168
134 2231272
>>31267

>Наверное нет, если не совсем понимаю о чем ты. Решал различные задачки с Codewars, Leetcode, поигрывал в WarriorJS


Ну стандарт cs, алгоритмы и структуры данных. Совсем базу надо знать даже фронту.

>и побрил


Я б может пособесил, но под пивас лениво.
135 2231275
>>31272

> Ну стандарт cs, алгоритмы и структуры данных. Совсем базу надо знать даже фронту.


Слушай, раз уж такая тема зашла. Может дашь хорошие источники, где можно об этом почитать? Конечно, есть гугл и я могу всё найти, но часто от анона была хорошая годнота, которая помогала понять всё и довольно быстро.
136 2231278
>>31275
На freecodecamp, есть прям курс для интервью, там все популярные алгоритмы есть.
137 2231279
>>31278
Отлично, спасибо большое!
138 2231295
>>31258

>Как думаете сколько это займет или это чистый рандом в большинстве случаев?


Думаю что займет дохуя, т.к. например меня взяли через 3 месяца поиска, чисто потому, что мой пет-проект не был дефолтным мувисерчером
139 2231300
Две недели искал, бахнув перед собесом стакан водки.
ts-нинужен-кун
140 2231306
>>31300
Я под баклой собесился, за один день 3 собеса прошел, все удачно, лол.
141 2231308
>>31295
>>31300
Ну я смотрю мнению разделяются.

А на какую зп стоит рассчитывать джуну?
Может сначала какую-нибудь стажировку поискать?
142 2231310
>>31308

>Может сначала какую-нибудь стажировку поискать?


Специально выискивать нет, но если есть вариант, то хули нет.

>А на какую зп стоит рассчитывать джуну?


30-70к
143 2231312
>>31258
Сколько по времени это всё учил и как, я имею в виду может на курсы ходил какие - то?
144 2231314
>>31258
Не будь омежкой, завтра с утра уже обновляй резюме и рассылай по всем релевантным вакансиям, даже если там немного не проходишь, т.е. одну технологию не знаешь. Всегда все в процессе можно подтянуть.
Ну а проекты не бросай делать, одно другому не мешает.
145 2231316
>>31310
Понял тебя, спасибо анон!
>>31312
htmlacademy + ютуб + разные статьи/гайды и т.п. для html/css
learnjavascript, freecodecamp и масса всяких источников для JS
Остальное всё это документации и различные статьи
+ конечно практика руками, вопросы "а что если так, а если наоборот", так и учусь.
146 2231317
>>31314
Ты меня мотивируешь, анон. Но у меня стойкое ощущение, что нужно еще подучиться, чтобы прям быть уверенным в своих технологиях + подготовить ответы на вопросы на собес.

А вот еще вопрос возник. Чаще собесы проводят на удаленке или в офисе? Мне бы просто в офисе это всё проходить, т.к. в моём месте обитания вечный балаган.
147 2231320
>>31317
Я себе так мозги еб пару месяцев, но я смотрю и читаю истории тех, кто чуть ли не после 6-часового ролика в ютубе от сраного Минина вкатываются на фронтов и решил чутка поприставать к джунам в одном чатике, как они устроились, чего не хватало по требованиям и т.д. И я решил сам, что пора перестать титьки мять, я обновляю резюме, дописывая, что там освоил, и в гитхабе у меня бардак, там проекты по курсам, собственные проекты, тестовые проекты, но я все это приведу в порядок, но я не откладываю поиск, пока не выучу %хуйнянейм% или пока не оформлю 10 проектов в портфолио лол я что ебач столько пет-проектов делать
148 2231329
>>31320
А что думаешь вот. Я пили небольшое тестовое по Redux и вот тестовое от Aviasales. Стоит их оставлять в гитхабе или нет? У меня в принципе довольно чистый гитхаб, онли мои проектики, но вот есть всякие такие же тестовые задания, где я изучил теорию технологии и пробую её на практике в микро-проектике базовом.
149 2231338
>>31295

>мой пет-проект не был дефолтным мувисерчером


А что за проект у тебя был? Не хочу засирать тудусерчерами гитхубы, хочу сделать что-то более крутое, но фантазий хватает только на интернет магазин.
Мимо
150 2231345
>>31308

>Ну я смотрю мнению разделяются.


Это чистое везение. Есть немало мест, где на твой гитхаб вообще поебать всем. Лучше начинай искать работу прямо сейчас.
151 2231354
>>31338
веб-интерфейс для telegra.ph с поиском статей, отображением, сохранением в закладки, текстовым редактором, постингом статей, регой для авторов и менеджментом статей
152 2231357
>>31354
То есть, генерик круд?
153 2231360
>>31357
ну с текстовым редактором пришлось заебаться конкретно, у меня было желание скопировать ux их редактора
154 2231385
>>31184
Ангуляр, очевидно.
155 2231386
>>31258
Искал меньше трех недель. Правда к тому моменту у меня были знания двух ЯП (шарп и жс) + я напиздел про 4 года опыта. Получил 3 оффера, один на сеньку, два на мидла. Пошел на мидла, так как без коммерческого опыта идти сразу на сеньку как то пиздец стремно было. Ну и не прогадал, через 1.5 года на текущей повысили до сеньки.
156 2231447
Уважаемые знатоки, объясните для чего нужны interface, type, as, enum из typescript. Понял только, что enum это аналог объекта/массива, interface умеет только по красивому экстендить у другого поля по сравнению c type, где это делается немного иначе, но существенных отличий и нормальных примеров найти не могу, с остальными ключевыми словами такая же ситуация.
157 2231453
>>31447

> enum это аналог объекта/массива


Нет, это хуйня, которая может принимать только значения из списка.
158 2231454
Сап анон. Знаю что тред не про трактор, но может тут есть успешные поросята с фронта.
Можно ли съебать к белым людям без профвышки и бэка? Смотрел ваки в релокейт и там все больше фуллстака с нодой или шарпом.
159 2231476
>>31454

> к белым людям


К ниграм с мексами или к арабам с паками?
160 2231485
>>31147

>Так-то даже в казуалках на ecs быстрее писать.


Если там 3 объекта на сцене — нет, блять, не быстрее.

>Да и вообще гиперказуалки на самой простой реактивности нормас пердюхают.


К ecs это как относится?

>тоже не пишу, я тупой для либы реактивности


>там тоже математика нужна


Действительно тупой, лол.

>Фейсбук вроде тоже дрочит на эффективность, но только немношк.


Эффективность фейсбука меряется в конверсии трафика в $, а не скорости открытия страниц. Они скорее будут ебашить 500 а/б тестов одномоментно, чем что-то оптимизировать. У них даже нативные приложения — и то говно. Хуже только у твиттера, там натив хуже веба — но всем ок.
161 2231500
>>31485
Так у твиттера же реакт-нейтив, со всеми вытекающими.
162 2231501
>>31386
А если не секрет - какие задачи были в компании, куда тебя взяли? Просто у меня в голове немного не укладывается, что я вот с нуля тут учился сам собой, вроде придрочился, да. И тут я на собесе важно достаю свой огромный хуй и говорю, что у меня вообще-то дохуя лет опыта и я мидл ебать.
Даже если они поверят, потом на работе я же сразу обосрусь ну или нет, т.к. в действительности опыта нет.

Но про этот я тоже думаю буду пиздеть, т.к. у большинства вроде как если опыта нет, то сразу отсев идёт.
163 2231507
>>31485

> Если там 3 объекта на сцене — нет, блять, не быстрее.


Это не гиперказуалки тогда, а хуйня какая-то.

> К ecs это как относится?


Это к тому как обычно пердолят гиперказуалки.

> Действительно тупой, лол.


Кек, разбери хоть одну либу реактивности и там будет матан, а в некоторых даже интегралы.

> Эффективность фейсбука меряется в конверсии трафика в $, а не скорости открытия страниц


Они отполировали среакт до уровня в котором он достаточно быстр так-то. А мог бы и по 3 секунды открываться.
164 2231537
Почему не дает вызывать click()?
https://jsfiddle.net/q7v0tj3w/
165 2231541
>>31537
Так в JS же onclick юзается, а .click в jQuery.
167 2231549
>>31546
Ясно, parentNode возвращает тип Element, у которого нет метода click, а как превратить Element в HTMLElement?
168 2231555
>>31549
Никак, так как конкретно в твоём случае возвращается SVGElement.
image.png8 Кб, 311x155
169 2231556
>>31555
Всё, не понадобилось превращать, сделал симуляцию так.
image.png41 Кб, 698x620
170 2231579
Аноны,
на VUE есть где-то такйо компонент чтобы создать Customer Journey, как на пик
171 2231586
>>31316
Спсибо за ответ!
172 2231607
173 2231612
>>31579
ой оказывается это не включили в superset.
Ну вот есть echarts :
https://echarts.apache.org/examples/en/#chart-type-treemap
175 2231646
Неужели так трудно отправить ублюдочный JS на свалку и заменить его нормальным языком, хотя бы дартом? Это же не кресты, на котором написаны триллионы строк кода, и взять и переписать все это добро на новом языке не возможно. На JS и так каждый день новый фреймворк выходит, и все переписывается по новой. Когда флеш отключили, ни кто же не помер.
176 2231647
>>31500
Тащемта, где-то пол года назад инспектил их приложение на джейлбрейкнутом айос девайсе — реактнативовских проксей и в иерархии и прочей хуиты не видел, хз как на андроиде.
Да и фронт у них уёбский, нормально юзается почему-то только с мобильного.

>Это не гиперказуалки тогда, а хуйня какая-то.


Дефайн гиперказуалки. С какого количества объектов на сцене начинаются и заканчиваются, кекус.

>Кек, разбери хоть одну либу реактивности и там будет матан, а в некоторых даже интегралы.


Что ты несёшь, поридж? Ебанат? Ебанат.
Пруфай давай свои интегралы.

>Они отполировали среакт до уровня в котором он достаточно быстр так-то.


Поверх кучи костылей они выдавили свою кучу, чтобы максимально понизить порог входа, вместо инвестиции в образование. Получили лагающий интернет от самого фейсбука до ооо "еда и хуета".

>А мог бы и по 3 секунды открываться.


Достойный аргумент.
177 2231648
>>31647
Начиная со второго абзаца это сюды >>31507
178 2231663
>>31646
Чем тебе не нравится жс? Давай конкретику. Если типы хочешь описывать, то есть тайпскрипт, с которым жс обратно совмещен.
179 2231668
>>31646
От IE11 до сих пор избавиться не можем, а ты про JS, лол
180 2231672
>>31646

>Неужели так трудно отправить ублюдочный JS на свалку и заменить его нормальным языком, хотя бы дартом?


Какие проблемы это решит?

>Это же не кресты, на котором написаны триллионы строк кода


напомни, ан чем написаны движки JS?
181 2231678
>>31646

>хотя бы дартом?


Т.е. таким же ублюдочным высером?
Который при этом уже успел обрасти говном из-за легаси, хотя и не взлетел...

Тащемта, тебе завезли васм — бери и пиши на чём хочешь. Хоть на дарте высирай произведения.
182 2231682
>>31447
хелп
183 2231724
>>31646
А что не так с JS?
184 2231728
>>31724
О его не осилил.
185 2231732
>>31682
Я немного выше давал полный список различий типа (алиаса) и интерфейса, скорее всего тебе. Но судя по твоему вопросы ты даже не понимаешь зачем тайпскрипт нужен.

Основное назначение тайпскрипта - это тайпчекинг во время компиляции и статического анализа в IDE
Профиты
1) Уменьшение количества необходимых тестов, а так же тесты ты не напишешь для локального скоупа внутри метотодов. Это необходимо для рефакторинга без головной боли. Да что там говорить тесты чаше оставляют на потом, а рефакторить нужно сегодня, ибо кабан новых задач завез. Да и на тесты нужно много кода, на типизацию значительно меньше доп кода.

2) Архитектура требует инверсии зависимостей (и инекции). Статический анализатор должен видеть что ты суешь в конструктор или метод. Чтобы IDE указывала на несовместимость типов. Так же сборка IoC может основываться на типах (в жс абстрактных классах)
3) Подсказки IDE методов и типов аргументов.

Интерфейс или тип задают ограничение на тип переменной или параметра метода, при компиляции. Во время компиляции из определений выводятся типы и сверяются с тем что фактически передается и присваивается.

Энум нужен чтобы типизировать набор значений переменной именноваными константами. Можно было бы так let a: 1 | 2| 3
но тогда у тебя в годе были бы магические числа
a = 2
c энумом ты пишешь а = MyCoolValues.TWO это повышает документируемость кода и помещает константы в неймспейс.
186 2231733
>>31646

>нормальным языком



Словосочетание, которым детектится законченный долбоёб-дилетант.

Неужели тебе так сложно стать специалистом прежде, чем пытаться высирать свои идиотские мнения?
187 2231754
>>31663
Тайпскрипт - это же просто костыль, приклеенный к JS, заметающий под ковер все его косяки. На нем конечно писать лучше, но прямо приятным языком его не назвать, потому что замечая очередное странное решение тайпскрипта, понимаешь, что это просто было нужно, чтобы не ломать совместимость с JS. Новый язык, который создавался бы без оглядки на JS, был бы намного логичней спректирован.
188 2231756
>>31754

>Новый язык, который создавался бы без оглядки на JS, был бы намного логичней спректирован.


При этом бы ещё веб не сломать...
189 2231761
>>31672

>Какие проблемы это решит?


От крестов тоже все плюются. Придумывают новые языки, java, С#, go и т.д., которые хоть и не убивают кресты, но отбирают у него куски, и многие задачи уже предпочтут решать не на крестах. Хотя казалось бы можно было задать тот же вопрос, какие проблемы все эти языки рашат?

>напомни, ан чем написаны движки JS?


Какое отношение язык движка JS имеет к изначальному вопросу?
190 2231769
Писал и на крестах и на жс. Чем вам современный жс не угодил? Вполне приятно писать.
15985726887110.png155 Кб, 610x606
191 2231771
Народ, сделал вот такую вот фигню, изначально когда писал код закоммитил гитигнор с папкой node modules, в гитлабе папка вроде не отображается, но когда загружаю все это дело с npm обратно в вебшторм, там все файлы находятся в папке node modules. Откуда она вылезает, она же в гитигноре

https://www.npmjs.com/package/average-temperature-calculator
192 2231773
>>31769
Потом окажется что на жс ты писал что-то компактное, что можно в голове удержать целиком или вообще лаба2 Или ты писал это с нуля в одно рыльце...
193 2231774
>>31771
git rm -r --cached node_modules/
git add -A
git commit
git push
194 2231777
>>31761
Ответь на мой вопрос. Какие проблемы решит замена JS на дарт?

>Какое отношение язык движка JS имеет к изначальному вопросу?


Ты пишешь:

>Это же не кресты, на котором написаны триллионы строк кода, и взять и переписать все это добро на новом языке не возможно.


Так вот, все движки, их ABI написаны на крестах. Там сотни тысяч, нет, даже миллионы строк, которые никто не будет переписывать потому, что какой-то инцел-вкатун-шизик с двочей скозал
195 2231784
>>31774
А потом на НПМ новую версию загружать, получается?
196 2231788
>>31773
Я 3й год профессионально реакт сосу. Пока что никакой конкретики не было как раз от недовольных жс.
197 2231798
>>31788
И как это противоречит тому что я сказал? Вариантов полно
Тянешь проект один
Работаешь на одном месте 100 лет
Пишешь простые компактные вещи на реакте как калькуляторы займов, инфографику, календари, крозины товаров. То что сейчас называют микрофронтендом. Может ты как плюсовик видеобработку пишешь на беке, а на фронтенде жиденький проект чтобы окошко с видеопотоком показать.
199 2231808
>>31777
То что JS считают проблемой, доказывает само наличие дарта, кофескрипта, тайпскрипта. На JS писать не хотят, проекты переписывают целиком на TS, тот же angular. И вот дарт провалился, а через год может TS станет не модным и появится какой-нибудь хуйскрипт, и что опять все переписывать будут?
200 2231814
>>31732

>Интерфейс или тип задают ограничение на тип


В чем их существенное отличие? Когда лучше использовать первый, а когда второй?

>c энумом ты пишешь а = MyCoolValues.TWO


Почему нельзя создать объект и запретить изменение two в дескрипторе?
201 2231824
>>31808

>а через год может TS станет не модным


Ну и станет, дальше то что? JS тут причем?

>опять все переписывать будут?


Ты хуйню какую-то несешь. Вот стали бы использовать {{ языкНейм }}через год появился бы Type{{языкНейм}} и все бы на него перекатились. Ты вообще сколько лет в коммерческой разработке, шиз? Иди попей галоперидол и иди в макдак кассиром батрачить за 20к для оплаты платежа по кредиту за курсы скиллбокса.
202 2231825
>>31808

>То что JS считают проблемой


Есть язык, который не считают проблемой?
Из реально используемых в новых проектах.
203 2231830
>>31814

> В чем


В том >>31732

>Почему


Чтобы посмотреть во что компилится используй https://www.typescriptlang.org/play

есть еще const enum который во время компиляции просто превращается в подстановку значений

энум сделан еще затем чтобы соответствовать сишному бекграунду у прогеров. сишка же остается "международным" языком тн лингва-франка
204 2231834
>>31830
В том >>30262

пофиксил
205 2231839
Короче пошел я нахуй отседа. Почему одни должны гуглить изучать, а другие должны с ложечки жрать. Еще и спорят. Но а хули ты споришь, если не низучил проблему в данном контексте и спрашиваешь... Либо спрашивай инфу либо спорь
206 2231850
>>31839
Да при чем тут ложечка, ноль информации в твоих каментах.
Такое ощущение что ты перед кем-то выйобуешься.
Передо мной не нужно, для меня ты никто.
207 2231854
>>31850
Какая может быть информация в каментах? Статью тебе здесь написать? Вот гулил и читал это давно https://medium.com/@martin_hotell/interface-vs-type-alias-in-typescript-2-7-2a8f1777af4c
208 2231866
>>31854
Кто нибудь может объяснить что это? Дизайн вырви глаз, юзабилити никакое. Не понял вообще о чем сайт
209 2231867
Добрый вечер. Кто-нибудь пробовал использовать redux-saga одновременно с redux-toolkit (конкретно с очень удобными слайсами). У меня какая-то хуета получается, в гуглах советуют подключать какие-то созданные на коленке библиотеки, чтобы это все вместо дружило. Или может это вообще изврат и юзают либо redux-toolkit + RTK-query/Thunk либо Redux-saga?
210 2231868
>>31866
Тогда читай официальную доку тупаскрипта, там все есть.
211 2231877
>>31868
Ты какой-то булшит пишешь. По делу есть чо?
213 2231905
>>31887
ОК, еще инстайты есть у тебя?
215 2232014
>>31501
Так у меня опыт то был, но не коммерческий. Про задачи не скажу, так как деанон. Но ничего особенного в них не было + никто не будет тебя гнать, все 3 месяца испытательного мне давали легкие задачи и я знакомился с архитектурой проекта. Боялся только за гит и джиру, но ими пользоваться не сложно, всё понятно и без опыта. Самым сложным оказалось написание юнит и интеграционных тестов, так как до этого их не писал, но облегчает то что уже есть примеры под рукой и можно по аналогии делать, разбираясь по ходу.
Главное разбираться в паттернах и принципах проектирования, это то что отличает мидла от джуна.
216 2232031
>>32014
А сколько платили на испытательном?

Ну тут конечно вряд ли я миддла потяну, т.к. у меня опыт только пет-проектов своих же и чуть-чуть фриланса (самые простые правки сайтов или какой-нибудь легчайший скриптик написать за копейки)
image.png64 Кб, 225x225
217 2232051
Короче хакеры, такая ситуация, устроился недавно в свою первую компанию, тут много всякого аутсорса, сначала делал внутренние проекты, и вот недавно назначили на коммерческий проект с внешним заказчиком. И я уже наверное 3-ю неделю нихуя не делаю, не дают никаких задач, пару раз созванивались с клиентом, чтобы обсуждать какую-то душную хуйню, и всё. Каждый день я спрашиваю, что там с задачами, когда дадут доступ к репозиторю, мне отвечают, что сейчас уточнят, и блядь уже 3 недели. Хули мне делать? Я работаю удаленно, и по сути просто не делаю ничего, сижу в ютубчике, причем я просто морально не могу себе позволить совсем уж забить хуй и пойти поиграть во что-то, в итоге я рпосто сижу, переодически почитываю что-то по кодингу, смотрю утубчик и обновляю почту и посматриваю, есть ли что-то в телеге. У вас такое бывало? Чем-то чревато? В трекере просто выдумываю задачи, руководство вроде бы знает, что я нихуя не делаю, но никакой инфы ни от кого по прежнему нет
218 2232053
>>32051
Когда у меня такое было я просто шел в парк гулять, но это было летом. Зимой хз, можно на горнолыжный склон уебать, например
219 2232055
>>32051

>я просто морально не могу себе позволить совсем уж забить хуй и пойти поиграть во что-то


Слабак.
220 2232056
>>32053
Да тут проблема не в том, каким развлечением себя занять, а типа должен ли я переживать по этому поводу? Или такие ситуации это норм и кодер не виноват?
221 2232061
>>32056
Переживать надо, если у тебя в проекте говнокодие, даже если не ты его высрал. А если манагеры лохи, то что беспокоиться-то
222 2232142
>>29318 (OP)
Читаю туториал мелкомягких по ноде
https://docs.microsoft.com/en-us/learn/modules/node-web-routes/5-exercise-read-write

Не очень понимаю, как точно работает программа, когда запускаются два js файла. Есть какой-то способ для дебага двух файлов одновременно, чтобы не писать сюда тысячу тупых вопросов?
223 2232146
>>32142
Какие блять два файла? Учи модули, чтобы не быть батхёртом.
224 2232158
>>32146

>Какие


Хуие. Разобрался. Вместо того, чтобы запускать файл через консоль, нужно было запустить его через дебаггер.
225 2232167
>>32142
во, хороший способ делать кампаунд в vscode
https://code.visualstudio.com/Docs/editor/debugging#_multitarget-debugging
226 2232169
>>32051
Кодить и оттачивать навыки
227 2232185
>>32031
Столько же сколько и после - 200к до налогов. Испытательный это не про "платим меньше", а про "можем уволить по воле левой пятки". После испытательного, если компания нормальная, уволить очень сложно.
228 2232194
Фронтендеры, вас заставляют верстать на работе?
229 2232196
Сап. Подскажите как правильно посчитать сколько раз нажата input submit кнопка? Редактировать фронт и бэк нельзя. Код не мой. Надо просто запустить какой-нибудь код в начале дня, а в локалсторедже посмотреть результат в конце дня. На пиках пример как эта кнопка сделана и как я пытаюсь считать нажатия. У меня подсчёт нажатий не работает т.к. обновляется страничка и код, который я пишу в консоль забывается. Как сделать подсчёт персистентным на всё сайте? Может какой-нибудь юзерскрипт поможет?
230 2232203
>>32194
Я вообще не представляю, кто должен делать верстку если не фронтэндер? Тем более что верстка делается очень быстро, мне трудно представить себе проект, где кодер и верстальщик это 2 разных человека.
231 2232205
>>32196
С юзерскриптом та же проблема. Он меняет onsubmit функцию, но когда нажимаю кнопку, то страничка всё равно релоудиться до срабатывая этой функции. Что делать?
232 2232213
>>32205
Listener na body v capture phase
233 2232218
>>32205
addEventListener, preventDefault
Screenshot from 2021-12-08 01-58-28.png18 Кб, 593x235
234 2232221
>>32205
>>32196
Заменил onsubmit на onclick и заработало

>>32213
>>32218
Можете объяснить, я что-то плохо сделал?
235 2232222
>>32196
Ты используешь жиквару, у неё нет onsubmit. Для жиквары надо использовать
$(...).on('click', (event => {твой код тут}).
>>32221
Выкидывай нахуй отсюда твои онклики. Используй element.addeventListener('click', (event)=> {})
236 2232229
>>32222

>element.addeventListener('click', (event)=> {})


Ок. Попробую это завтра. Спасибо. А почему онклик плохо?
237 2232233
>>32229

> почему онклик плохо?


Ты задаешь вопрос, на который сам же ответил постом выше >>32205

>Он меняет onsubmit функцию


Т.е. ты таким способом можешь повесить только один абработчик, а через addEventListener - неограниченное.
238 2232243
>>29318 (OP)
Блять как написать функциональные компоненты как в реакте на чистом JS? Очень надо, не хочу на классах писать
239 2232254
>>32243
export function Component({ props, ...attributes }) {
const element = document.createElement("div");

Object.entries(attributes).forEach(([attribute, value]) => {
element[attribute] = value;
})

return element;
}

Props в данном случае - любой аргумент, не являющийся ключом интерфейса корневого элемента.
240 2232258
>>32205

>С юзерскриптом та же проблема



Сохраняй свои клики с помощью GM.setValue
241 2232259
Аноны, мне нужно замутить простой жабаскрипт, который будет ходить на баш-шелл бекенда, и выводить на экран результат выполнения определённых команд.

Скажите, есть что-нибудь подобное в уже готовом виде?
242 2232261
>>31648
Манюнь, в любую нормальную либу vdom зайди, да хоть в среакт тот же, найдешь там и интегралы и различные балансеры, у которых в доках математика.

Ты просто ньюфажина и не в курсе, газани книжки читать.
243 2232264
>>32259

fetch() api
244 2232266
>>32259
Пишешь эндпоинт, который получает джейсон. Парсишь и валидируешь его, а потом отправляешь результат в баш.
Ну а если либа, то npm install @zaebisjs/bash-shell.
image.png7 Кб, 591x389
245 2232267
>>32266

>@zaebisjs/bash-shell



Нету такой.
246 2232343
>>32261

> Манюнь


Я вижу что ты вкатыш, можешь не напоминать.

>в любую нормальную либу vdom зайди


вкатыш увидел МАТАН в описании какого-то алгоритма диффа
@
нихуя не понял — ни что это ни зачем
@
НО ВСЕ СУРЬЁЗНЫЕ ЛИБЫ ТРЕБУЮТ МАТАН СЛЫШАТЕ!1


Давай пруфай обязательность понимания интегралов кекус для реализации рх-а.
247 2232375
Страничка оче медленно загружается. Вроде просто пара вкладок на бутстрапе формы и все.
Реакт, бутстрап, больш ничего нет... в чем трабл?
248 2232406
Аноны, как сделать, чтобы выпадающий список в dropdown-меню не сдвигал вниз следующий элемент, а выпадал поверх него?
249 2232414
>>32406
Мб position: absolute?
250 2232441
>>32414
В таком случае надо оборачивать меню и нижний элемент в еще один div?
Я сейчас пробую так делать и у меня в других местах верстка сдвигается из-за этого.
251 2232443
>>32375
Браузер устал
252 2232450
>>32414
Ну вроде нормальный вариант.
А как теперь сделать, чтобы следующий элемент не прилипал к этому меню, а то margin-top на нем вообще не действует. Надо чтобы было небольшое расстояние между ними.
253 2232451
>>32450
Короче, разобрался.
254 2232477
>>32051
твое время оплачивается? если нет, то стоит беспокоиться. А иначе похуй, че за тупой вопрос?
255 2232484
>>32375
Смотри профайл в DevTools или pagespeed.web.dev
256 2232488
А чо alt вниз, альт вверх в webstorm не работает как в vs code? как двигать строчки туда сюда?
257 2232490
>>32488
Зачем спрашиваю если гуглится за 5 секунд, alt-shift-up/down
изображение2021-12-08165159.png3 Кб, 590x230
258 2232554
>>29318 (OP)
Помогите вкатуну! в ньюфаг-треде глушняк пока и постоянный вайп от зеленых пидоров

Вроде тут где-то ссыль была на сайт с уроками для ньюфагов, где буквально первым же заданием было что-то вроде "введите в окошке print 'hello world' и поздравляем с первым вашим кодом".
259 2232578
>>31646
Пока сёрфинг через браузер актуален, будет актуален и js. Когда лет через 20 будет 3D инет в голограммах на всю комнату, тогда да, js в печь.
260 2232589
Есть таблица, а есть отдельно от нее модалка, в которой я могу добавлять элементы для этой таблицы с помощью api запроса. Добавление в таблицу работает, но таблица сама не ререндерится т.к. не знает что на сервере данные изменились. Как заререндерить эту таблицу?
Я думал над модалкой и таблицей сделать сверху родителя и там создать стейт который кидать, когда элемент добавлен на сервер, но тогда придется все что выше таблицы тоже ререндерить
261 2232590
>>31724

>А что не так с JS?


Ну ты видел тулуп Ивана, а? Видел его, я тебя спрашиваю?
262 2232617
>>32146
А, ну да. Если подключать модулями, такой ебли не будет.
263 2232621
>>32589
В респонсе запроса добавления в таблицу возвращай новый стейт таблицы и обновляй её, используя данные из респонса.
264 2232662
>>32254
И как заставить это реагировать на пропсы? А как композицию компонентов делать?
265 2232663
>>32243
Цель?
266 2232714
>>32663
Хочется...
267 2232730
>>32233

>Ты задаешь вопрос, на который сам же ответил постом выше


С onclick такого не возникает и страничка не релоудиться пока функция не завершается.

>Т.е. ты таким способом можешь повесить только один абработчик, а через addEventListener - неограниченное.


А если мне и не нужны несколько обработчиков, то можно и не менять? А то сейчас всё вроде норм работает. Или какие-нибудь подводные потом могут вылезти?
268 2232806
>>32730

>С onclick такого не возникает и страничка не релоудиться пока функция не завершается.


С addeventlistener тоже, поток блокируется.

>А если мне и не нужны несколько обработчиков, то можно и не менять?


А если разрабам понадобится навесить свой обработчик на Onclick, то твой может сломать логику работы.
269 2232807
>>31258
3 года я неторопливо вкатывался.
сначала учил пхп, потом джаву, потом ноду
А если бы сразу, то за год бы вкатился
циклы Анон 270 2232813
Ку, всем, помогите пожалуйста, что я сделал не так? Выводится вместо адекватного ответа, какой-то бред.

import java.util.Scanner;

public class Main {

public static void main(String[] args) {
System.out.println("Введите значение x, a");
double x = readNum("Enter x: ");
double a = readNum("Enter a: ");

double b;
int chisl = 1;
int znamenat = 1;
for (int i = 1; i <= 32; i++) {
a = (x - 2 i);
chisl
= a;
}
for (int i = 1; i <= 31; i++) {
if (i == 1) {
b = (x - i);
} else{
b = (x - 3 i);
znamenat
= b;
}
final var y = chisl / znamenat;
System.out.println(y);
}
final var y = (((((x - a) x - a) x - a) x - a) x - a) * x - a;
System.out.println(y);
}

private static double readNum(String text) {
System.out.print(text);
Scanner scanner = new Scanner(System.in);
int num = scanner.nextInt();
if (num <= 0) {
System.out.println("Error");
}
return num;
}
}
циклы Анон 270 2232813
Ку, всем, помогите пожалуйста, что я сделал не так? Выводится вместо адекватного ответа, какой-то бред.

import java.util.Scanner;

public class Main {

public static void main(String[] args) {
System.out.println("Введите значение x, a");
double x = readNum("Enter x: ");
double a = readNum("Enter a: ");

double b;
int chisl = 1;
int znamenat = 1;
for (int i = 1; i <= 32; i++) {
a = (x - 2 i);
chisl
= a;
}
for (int i = 1; i <= 31; i++) {
if (i == 1) {
b = (x - i);
} else{
b = (x - 3 i);
znamenat
= b;
}
final var y = chisl / znamenat;
System.out.println(y);
}
final var y = (((((x - a) x - a) x - a) x - a) x - a) * x - a;
System.out.println(y);
}

private static double readNum(String text) {
System.out.print(text);
Scanner scanner = new Scanner(System.in);
int num = scanner.nextInt();
if (num <= 0) {
System.out.println("Error");
}
return num;
}
}
271 2232818
>>32813
Мы, конечно, пишем скрипты на джаве, но это другое.
272 2232819
>>32813
Проблевался с нейминга переменных, перед отправкой куда-то кроме двача ренейм сделай.
273 2232824
>>32819
да для себя сделал,чтобы не путаться,обязательно изменю
274 2232862
>>32813

>что я сделал не так?


Забыл принять галоперидол
275 2232884
>>32662
Может, тебе для начпла программировать научица, если у тебя такие вопросы возникают?
276 2232893
>>32662

>И как заставить это реагировать на пропсы?


Никак, пиши свою реализацию реактивности или адаптируй rxjs/redux под свои нужды.

>А как композицию компонентов делать?


Пишешь компонент и вызываешь его внутри другого компонента.
277 2232898
сап хакеры, снова я, есть вот такой код, как загрузить его на гитлаб, чтобы файлы отображались в основноей папке, без src. При этом в package.json есть строка "build": "copyfiles src/* .dist", которая собирает все файлы из src в dist. Если я просто выкину файлы в основную папку проекта, то build ведь не будет находить папку srс и перестанет работать.

В общем как это делается так, чтобы были загружены все файлы без папки, но при этом все работало нормально?
278 2232899
279 2232902
>>32898

>сап хакеры, снова я, есть вот такой код, как загрузить его на гитлаб, чтобы файлы отображались в основноей папке, без src.


Нахуя?
280 2232904
>>32902
Программист, который мне дает задачи, сказал, что там не должно быть этой папки, так как это имитация сборки приложения
281 2232909
>>32893
В смысле вызывать? Если возвращать строку из компонента, то получится залупа, нельзя будет перерендерить лишь одну часть, только полностью приложение, и все листенеры проебутся ещё
Если возвращать готовые ноды, то куда вставлять ноды-потомки? Append child вставит просто в конец, а надо в конкретное место и чтобы это все нормально перерендеривалось
Реактивность реализовать легко через прокси или defineproperty, проблема с логикой ререндера
Если высрать свой virtual dom, то я хуй знает опять, как определить, где и какое изменение в реальном dom делать
Хочу глубокое понимание как оно там в ваших хуяктах работает
282 2232910
>>32884
Я умею писать в консоли npx create-react-app, этого мало или что
283 2232911
>>32898
Открыл репу, лучше бы не открывал
Что это вообще? Чем ты занимаешься? Зачем тебе скрипт билда который просто блядь копирует файлы из одной папки в другую?
284 2232912
>>32911
Вот как звучит задание :
С помощью библиотеки https://github.com/calvinmetcalf/copyfiles написать npm-скрипт, который копирует содержимое папки src в dist, имитируя сборку приложения
285 2232914
>>32912
Ну и чё ему не нравится
Копирует же
И зачем вообще это всё? Домашка в шкалке или что
286 2232915
>>32914
Вот часть его сообщения: кроме того это уже собранное приложение, там не должно быть папки src

Тип я то откуда знаю должно быть или нет, но мне сказали не должно быть, потому ищу решение. Это начальный этап обучения, чтобы в будущем устроиться джуном к ним в фирму
287 2232919
>>32915
Долбоебизм какой то
Он хочет чтобы ты собрал приложение, удалил исходники и это говно в репозиторий засунул? Ну делай хули, rm rf в помощь
Лучше спроси чё он хочет вообще
По моему он просто тебя троллит чтобы у тебя бомбанул пердак и ему не пришлось бы тебя менторить
288 2232922
>>32919

>По моему он просто тебя троллит чтобы у тебя бомбанул пердак и ему не пришлось бы тебя менторить


Лол, так я не один под его менторством, нахуя ему это?
289 2232925
>>32919

>Лучше спроси чё он хочет вообще


На все вопросы по заданию ответ один - читать умеешь? в задании все описано
290 2232926
>>32922
Ну тем более лол
Он хочет на острие технологий компонентики в реакте писать, а оставшиеся 80% времени на работе смотреть аниме и играть в ММОРПГ, а не менторить сотню трейни
291 2232928
>>32925
Точно хочет тебя слить лал)
Обучение с ментором стоит денег, чел
Хочешь бесплатно - учись сам
Что за галера кстати? Загуглю порофлю
292 2232931
>>32928
Скажу, только если сольют, а пока неохота деанониться, Двач же

И кстати тогда нахуя они сами затеяли менторство, если нихуя не помогают новичкам. Типа сама компания ищет новых специалистов и вся хуйня. какой смысл им это делать, если хотят слить
293 2232934
>>32931
Компания хочет, ментор не хочет, тебе 14 или что)
Менторство это не когда на твои вопросы отвечают иди нахуй, читать умеешь?
294 2232935
>>32909
Если не будешь делать vdom, то соси хуй и перерисовывай каждый изменившийся компонент с нуля.
295 2232937
>>32934
Тогда вызов брошен, хуй я сольюсь!
296 2232938
>>32935
сукпздц(
297 2232962
>>32909

>В смысле вызывать?


В смысле вызываешь функцию Component() внутри другого Component и результат лепишь куда надо.

>и все листенеры проебутся ещё


Ну да, это тебе не реакт, который всё сам автоматически делегирует и демонтирует, тут надо тоже свой бойлеплейт с хэш-таблицами писать.

>Если возвращать строку из компонента


Какую строку? Возвращается дом элемент. А в дом он добавляется по желанию вызывающей функции. Уж в контексте компонента ты же знаешь, куда он вставляется.

>Если возвращать готовые ноды, то куда вставлять ноды-потомки? Append child вставит просто в конец, а надо в конкретное место и чтобы это все нормально перерендеривалось


У дома есть хуева туча методов и представлений для итерации по нему, так что проблемы вставить куда надо не будет.

>Хочу глубокое понимание как оно там в ваших хуяктах работает


1. Открываешь https://babeljs.io/repl
2. Вставляешь свой рякт компонент
3. Смотришь во что он компилируется
4. Заодно посмотри, что вообще вызывается в начале любого рякт-проекта, и все вопросы "как" отпадут
298 2232965
>>32912
Так ты уже это сделал. В репы обычно не пихают результаты билдов. Кому надо - склонирует репу и сбилдит куда надо.
Можешь сбилдить и создать отдельную репу для результатов билда. Гитхабовские сайтики более-менее так и костылируются.
299 2232980
>>32965
>>32965
Ну так сделал, но было сказано не должно быть папки src, вот и разбираюсь.
300 2233035
>>32965
>>32965
Кстати еще, билд копирует файлы из папки src, но не копирует вложенную папку, ее тоже нужно указывать в скрипте значит?
302 2233172
>>33035
Так ты же глоб не указал. Вот уж действительно читай мануал.
303 2233179
>>33172
Да уже разобрался
304 2233185
>>32807

>сначала учил пхп, потом джаву, потом ноду


Долбоеб?
305 2233204
>>33185
Нет. Просто потом я проснулся.
306 2233212
>>33204
И как оно? Слыхал у нодеров очень сладкая попка, слаще только у питонюг
307 2233220
>>33212
Разве в питонисты не идут все подряд? Вангую хуевую выборку.
308 2233265
>>33220
Я про BACKend
То есть именно про заднеприводных
309 2233276
Мой Пэкэдж скачали 32 раза
310 2233281
>>33276
А чо веселишься, там майнер штоле?
15962767284570.jpg66 Кб, 600x600
311 2233284
>>33281
Нет, типа популярен
image.png347 Кб, 2505x1050
312 2233286
>>33276
Oh boi...
313 2233288
>>33286
Покажи свой, епта
image.png81 Кб, 194x259
314 2233289
>>33288
Вот МОЙ
Такое целиком показывать грешно так-то, поэтому пока с цензурой
315 2233290
Почему в vs code такой кривой мерж конфликт обработчик? Если мне нужны из обоих файлов изменения то мне надо выбрать use both или чет такое и он их просто поверх друг друга ставит и надо глазами искать где нужно исправить, а где не нужно. В вебшторме же стрелочками просто прокликиваешь с обоих сторон те вещи которые нужны.
Мне вс код впринципе нравится, но эта хрень с мерж конфликтами вымораживает
316 2233294
>>33290
Я вообще через vimdiff мержу, похуй на такие мелочи.
317 2233341
Подскажите, разбираюсь с JWT. Не могу понять workflow - как в принципе осуществляется работа.
Есть secretJWTKey на сервере, им подписываем токен, и выдаем. Клиент передает этот токен в заоловках, по тем роутам где нужно. В токене айди юзера, как payload. В protected роутах чекаем user id, и условно роль.
Это моё понимание на данный момент. Возникают вопросы - где хранить токен на клиенте. Пишут мол в http only куках. Безопасно ли?
Есть вариант с 2мя токенами, короткий и длинный(по времени). Подписаны разными ключами, короткий обновляется по ходу использования. Но если короткий закончился, а юзер не отослал refresh запрос(не сидел на сайте в момент истечения) то снова авторизовываться? вроде не удобно.
Поделитесь знанием или скинте статью годную, если есть.
318 2233357
>>33341
Идея до безобразия простая - зашифровать в токене данные о пользователе и/или самом токене, а не хранить их в БД.
319 2233361
>>33357
Это как бы ты выдал челу пропуск на иностранном языке, а в пропуске написано - этот чел пидор.
320 2233364
>>33357
Спасибо, это я, кажется, уловил, но еще волнует вопрос безопасности - если храним в куках / localstorage есть риск что их украдут. И смогут воспользоваться - токен то подписан.
321 2233369
Есть ссылка:
<li class="item">
<a>link</a>
</li>
если мне нужно чтобы ссылка была кликабельна и на паддинге тоже, мне padding из итема переносить в ссылку что ли? это будет неудобно так как другие <li> имеют такой же паддинг,но не являются ссылками.
Мб это как-то по нормальному можно сделать?
322 2233374
>>33369

>Мб это как-то по нормальному можно сделать?


::before или ::after с position: absolute и inset: 0 у ссылки, position: relative у li
323 2233380
>>33369
<a>
<li class="item">link</li>
</a>
324 2233390
>>33380
Вкатун, плиз. Иди читай стандарт.
325 2233391
>>33374
Спасибо, попробую
326 2233395
>>33391
content: "" у псведоэлементов не заубдь прописать.
327 2233397
>>33395
Сработало, а насколько законно так relative для хака добавлять на сайте? Они же вроде куда-то параллельно выносятся и потом с этим траблы могут быть?
328 2233399
>>33397

>асколько законно так relative для хака добавлять на сайте


Абсолютно законно. Почти все карточки-ссылки так делаются, например по памяти: деливери клаб, коинмаркеткап и еще дохуя ресурсов.
329 2233401
>>33399
Прикольно, спасибо
330 2233406
>>32806

>А если разрабам понадобится навесить свой обработчик на Onclick, то твой может сломать логику работы.


Убедил. Переделаю. Спасибо
333.png4 Кб, 464x41
331 2233433
В IE пустая страница, в консоли "Синтаксическая ошибка", которая указывает на пикрилейтед.

В чём причина? В промисе или в стрелочной функции или в чём-то ещё?

И как это пофиксить, чтоб работало в IE? Проект на GatsbyJS.
332 2233439
>>33369

>это будет неудобно так как другие <li> имеют такой же паддинг,но не являются ссылками.


Что за хуйню я читаю? Если другие элементы списка могут быть строками, то нахуй тебе заполнять элемент со ссылкой в весь элемент?
333 2233441
>>33433

>И как это пофиксить, чтоб работало в IE?


А зачем? Чел, уже 2021 год, забудь про эти болезненные флешбеки из прошлого.
334 2233445
>>33441

>забудь


Я бы с радостью, если б не кабанидзе.

Я уже второй день с этим ебусь, помогите посоны.
335 2233460
>>33445
Ну пропусти через бабель со всеми полифилами, думаешь много народу помнит за настолько замшелую хуйню.
336 2233461
>>29318 (OP)
Какие библиотеки я обязательно должен знать? Lodash там, что ещё?
337 2233465
>>33461
JQuery еще и желательно Ember
338 2233466
>>33461
isarray, leftpad
339 2233497
Нужен ли js фреймворк для фронта, например, простой одноинстансной crm? Например, для динамической генерации списка товаров. Или все-таки легче использовать фреймворк и какой?
340 2233503
>>33461
react
image.png3 Кб, 236x312
341 2233514
>>33439
Там не строки, но и не ссылки, кнопки там.

>нахуй тебе заполнять элемент со ссылкой в весь элемент?


Ну интуитивно как-то по уебански что ты только направляя на текст имеешь возможнось перейти куда-то
342 2233515
>>33497
Vue, Svelte, Alpline позволяют внедрять js на уже работающий сайт, не переписывая всю систему целиком.
343 2233540
>>33514
Тебе надо класс сделать для ссылко-кнопки, у которой будут стили и размеры кнопки, а поведение ссылки. А не растягивать её на весь родительский элемент. Плюс между кнопками должно быть некое расстояние, чтобы мисклики всяких бумеров и прочих паралитиков не приводили к нежелательному изменению состояния.
344 2233552
>>33515
Сайта пока нет, его фронт нужно написать с минимальными усилием и знанием js (если возможно).
345 2233626
>>33433-кун репортинг ин:

В общем я понял, что бабель не транспайлит сторонние библиотеки в синтаксис, который понимает IEшка. Что делать?
346 2233633
>>33626
Слать кабана на хуй по-хорошему. Ну или импортируй сторонние либы прям в проект.
347 2233664
>>33626
Сделай чтобы транспайлил
348 2233692
>>33552
С минимальным усилием достаточно и шаблонного языка, который у твоему серверному поделию прилагается.
349 2233694
Куда как и зачем съезжает бордер?
Попап имеет position sticky, думаю как-то с этим. Кто-то встречал подобное?
350 2233696
>>33694
Это из-за "transition: .3s ease-out;"
16312857481080.png161 Кб, 804x743
351 2233698
>>33694
>>33696
Ошибка решена изменив left на padding-left.
Ошибка только в гугле была, кстати.
352 2233712
Реально ли без коммерческого опыта попасть на удаленку? В моем регионе нет ни 1 вакансии реакт разраба, а переехать сейчас не вариант.
353 2233742
>>33692
Серверный язык не даёт контроль состояния UI. Если на странице несколько менюшек, полей ввода с проверкой и переключателей, то это всё уже превращается в трудную задачу на голом js.
354 2233745
>>33698
Зумера как же вы заебали! Учитесь использовать деепричастные обороты, не приходя в сознание.
355 2233751
>>33712
Сейм, бамп вопросу.
356 2233809
>>33712
Смотря куда. На маленких проектах твой код никто смотреть не будет, даже напротив, тесты, линтер, итп это твои заботы, а не кабана. Т.е. можно вкатиться даже без собеса.
357 2233829
>>33742
Что ты там собрался контроллировать? Для валидации тебе достаточно по значениям ключей при сабмите пробежаться. А для "переключения" менюшек достаточно классом элемента манипулировать.
358 2233941
>>33829
Удачи тебе писать меню с фильтрами для интернет-магазина на голом js. А хули там, просто классы меняешь и ключи проверяешь.
359 2233965
>>33941

>Удачи тебе писать меню с фильтрами для интернет-магазина на голом js.


Что там писать? Или тебе для проставления инпутов нужно целый фреймворк подключать?

>А хули там, просто классы меняешь и ключи проверяешь.


Реактошвайномакаки совсем обезумели, им теперь для сортировки массивов нужно кучу либ ставить.
360 2234040
>>33626

>бабель не транспайлит сторонние библиотеки в синтаксис, который понимает IEшка. Что делать?


Бабель транспилит все, что ты ему скармиваешь. Очевидно, что ты ему либу не скармливаешь, он её и не транспилит. Скармливает бабелю у тебя 99.(9)% webpack, поэтому тебе в его конфиге нужно в то место, где у тебя /node_modules/ добавить проверку на все модули из node.modules кроме нужного тебе.
361 2234046
>>33712
Попал на реактумакаку с 0 лет реальной коммерческой разработки на фул удаленку 80к/месяц, образование пту + 9 классов. Так что да, очень даже реально.
362 2234050
>>33965
Как собрался реализовывать изменение контента на остальной странице после выбора элемента в меню? По ссылке просто переходить?
363 2234070
>>34050

>Как собрался реализовывать изменение контента на остальной странице после выбора элемента в меню?


По клику на кнопку "искать" ты хотел сказать? Угадай как.
364 2234104
>>34070

>Угадай как.


Я тупой вкатун из курсов скиллбокса. Лучше ты мне расскажи, а то я ничего больше калькулятора на JS не могу сделать
365 2234109
>>34046
Не слушай его, этот мудила ничего сложнее alert("соси хуй") ничего не программировал.
366 2234119
>>33965
Судя по всему у нас тут jquery-макака, которая все проблемы решает применением классов. Ты, дурачок, хотя бы про state и Redux слышал? Сможешь реализовать историю состояний поиска, чтобы можно кнопками вперед/назад в браузере менять?
367 2234130
>>34109
Как узнал?
368 2234229
>>34119

>Судя по всему у нас тут jquery-макака, которая все проблемы решает применением классов.


Хуя как реактошимпанзе бомбануло. Пиздуй писать очередной экшн, экшн сам себя не напишет.

>Ты, дурачок, хотя бы про state и Redux слышал?


Редухомакакен совсем обезумел, ты контекст дискуссии видишь? Или без селектора сразу теряешься в ДОМ дереве?

>Сможешь реализовать историю состояний поиска, чтобы можно кнопками вперед/назад в браузере менять?


Ты умеешь передавать location в конструктор URL и потом читать параметры с него, которые уже запиханы в коллекцию ключ/значение? Нихуя ты софтваре архитектор. Лучше скажи нахуй эта фича нужна, если при правильной разметке форм текстовые поля сохраняют предыдущие данные? Страницы один хуй кэшируются в браузере, так что переход по кнопке вперед/назад будет дёргать состояние страницы с этим урлом. Но ты же пишешь СПА-говнецо, которое срало на разметку, на браузерный кэш, на стили и на встроенные браузерные фичи. Реактомакакены даже специальные пакеты высрали, чтобы формы больше 5 полей у них не тормозили.
369 2234239
>>34229
Пиздец. На зло кондуктору отморожу уши. Просто из-за того, что не хочешь использовать нормальный инструмент, начинаешь поливать всех вокруг струёй жидкого не снимая при этом штанов.

мимо
370 2234266
>>34229
Да ты реально jquery шиз, лол
мимо
371 2234348
>>34229

>Ты умеешь передавать location в конструктор URL и потом читать параметры с него, которые уже запиханы в коллекцию ключ/значение?


А ты сделай, что бы контент страницы менялся после изменения URL

>Лучше скажи нахуй эта фича нужна, если при правильной разметке форм текстовые поля сохраняют предыдущие данные?


Современный веб это не только формы

>Страницы один хуй кэшируются в браузере, так что переход по кнопке вперед/назад будет дёргать состояние страницы с этим урлом.


Ну да, а что если у меня на страницы 20к узлов? Каждый раз пересобирать DOM?

>ты же пишешь СПА-говнецо, которое срало на разметку, на браузерный кэш


SSR решает все эти проблемы

>на стили


Каким образом?
и на встроенные браузерные фичи.
Как бы ты и на твоей любимой жикваре, и на реакте и на ангуляре вполне успешно можешь насрать на стандарт.

>Реактомакакены даже специальные пакеты высрали, чтобы формы больше 5 полей у них не тормозили.


А что высрано стандартом для поддержки компонентного подхода? Веб-компоненты, которые имеют бойлерплейта больше чем классовый компонент на реакте и срут на стили? <template>, который по сути хуй знает зачем создан, как будто я вместо template не могут создать <div hidden> и его клонить.
372 2234357
>>33461
lodash, jquery (я серьезно), axios, уметь настраивать webpack, понимать как работают асинхронный импорт в оном.
373 2234382
>>34357
cпасибо
374 2234407
Redux нужно учить в 2021?
Смотрел недавно интервью с его создателем(Dan Abramov) и он не смог привести хороших причин использовать Redux, кроме того, когда у вас есть команда, которая уже знает Redux.
Таки нужен он или встроенных в React средств хватает?
375 2234424
>>34407

>встроенных в React средств хватает


даже не близко

>Таки нужен он


Да, в большинстве проектов он и используется
376 2234428
>>34407
Достаточно посмотреть пробежаться по вакансиям, где есть реакт, там же есть редакс, а если нет редакса, есть мобикс, а где ни того, ни другого, подразумевается знание по умолчанию, ну типа какой долбач будет учить реакт и не учить стейт менеджер.
Хотя тут один называет всех редаксоблядков говнокодерами, не предлагая альтернативы.
377 2234459
>>34424
>>34428
Чего вам не хватает в хуках?
378 2234476
>>34459
Наверное того, что ты таким образом переписываешь редакс почти 1 в 1?
379 2234488
>>34459
Центрального хранилища, которое хранит текущее состояние бизнеслогики которое можно удобно мониторить?
380 2234500
>>29318 (OP)
Салям, друзья. Норм в настоящее время ограничиться ECMAScript 5.1 ? Или это типа устаревшая версия? Как там по функционалу, по востребованности в индустрии и в целом по актуальности? Фреймворки совместимы?
381 2234506
Какой Профит в json в связке жс и пхп?
382 2234511
>>34500
Нашел на помойке старую книжку фленагана?
383 2234518
>>34459
Не знаю, я вкатун, только-только классы посмотрел, я ими в ванильном жс пользовался, особо ничего нового.
384 2234527
>>34500

>Норм в настоящее время ограничиться ECMAScript 5.1


Нет, не норм. Пили сразу под ESNext, транспилируя все в поддерживаемую целевыми браузерами через Babel. Если ты вкатываешься, то можешь даже не транспилировать, почти все фичи ESNext сразу появляются в актуальной стабильной версии хрома и лисы.
385 2234528
>>34506
Позволяет связать жс и пхп одним языком описания данных
386 2234533
>>34500

>Фреймворки совместимы?


Старые либы вроде jquery могут испытывать проблемы. А так, почти все либы пилятся в отрыве от какого-либо стандарта ES
387 2234534
>>34533
По-моему, речь как раз-таки должна идти о новых либах, которые используют более новые фичи. Старые-то как раз совместимы, разве что речь о каких-то непофиксенных багах.
388 2234537
>>34534
Да, ты прав. Тогда в целом да, сейчас большинство либ пилится под ES5 для поддержки IE11, но их количество существенно сокращается.
389 2234543
>>34528
А польза на практике?
390 2234568
>>34543
Создается продукт или проект, решающий какую-либо коммерческую или некоммерческую задачу
350BA452-9C13-4B76-AC15-D3A5998E9734.jpeg35 Кб, 1012x320
391 2234587
Анонче, помогите пожалуйста довену

Делаю задачу на реакте, в условии сказано, что нужно реализовать компонент, который имеет следующие пропсы (пикрил)

И сразу первый вопрос:
1) Я же должен именно в родительском компоненте в return-e перечислить все эти пропсы?
….
return (
<ChildComponent propsOne={ } propsTwo={ } итд />

2) Значение value записывать в состояние родительского компонента?

3) Все эти функции прописываются в родительском компоненте, а затем в дочернем вызываются при необходимости?

Какие то беды, не уверен, что правильно понимаю построение логики.
Вижу примерно так:
В родительском компоненте в state устанавливаю value, создаю функции под onChange/Cancel/Submit;
В return все передаю в пропсах;
В дочернем компоненте тоже создаю state, скопировав его из родительского (те же значения, что и исходные value);
input принимает value из текущего стейта;
При изменении input вызывается onChange (только не понятно, изменяется ли стейт и какой?)
onSubmit применяет текущее значение введённое в input к элементу на странице, которые связан с ним;
onCancel сбрасывает к дефолтным значениям (то есть один из стейтов не изменяется все это время, и какой это стейт?)

Я пиздец запутался уже, первый раз такое делаю, голова не варит. Если кто то сумел понять, то поправьте, если что то не так. Или опишите, как вы видите и как правильно сделать, пожалуйста
392 2234589
>>34587

>Я же должен именно в родительском компоненте в return-e перечислить все эти пропсы?


yes

>Значение value записывать в состояние родительского компонента?


no

>Все эти функции прописываются в родительском компоненте, а затем в дочернем вызываются при необходимости?


yes
393 2234590
>>34589

>no


ну то есть yes, почему-то прочитал как дочернего компонента.
394 2234595
>>34587

>При изменении input вызывается onChange (только не понятно, изменяется ли стейт и какой?)


Меняет state, отвечающий за текущее значение инпута, очевидно же

>onCancel сбрасывает к дефолтным значениям (то есть один из стейтов не изменяется все это время, и какой это стейт?)


Почему не изменился? Ты когда стейт выше, который отвечает за текущее значение обнулишь, то у тебя изменится значение дочернего компонента. Получается двухсторонняя связь (ребенок изменяет стейт родителя и наобарот)

>Я пиздец запутался уже


Мб жопаскрипт это не твое?
395 2234665
>>29318 (OP)
Будет ли плюсом при трудоустройстве, если у меня будет опыт работы в команде, пускай и самый каличный? Есть вариант немного пошабашить над проектом, скидывать будут в основном всякую рутину и самое простое. Я вот думаю есть ли смысл тратить на это время или лучше дальше пилить тудусерчеры соло.
jfggjgjh.PNG30 Кб, 1807x95
396 2234674
Есть какой-то менее костыльный способ сделать тоже самое или это лучший вариант?
397 2234677
>>34674
Не проще ли скрывать/показывать меню через CSS? Без изменения разметки. Если я правильно понял, что ты хочешь сделать. Просто вешать дополнительно класс menu-active, когда нужно показать меню.
398 2234684
JS-аны, смотрите.
У меня есть промис, который возвращает или объект, или строку "failed". К нему через then идет второй промис аналогичный.
Вопрос: могу ли я избежать ссанины с двумя проверками на "failed"? Использую lodash/fn.
Пока что выглядит так:
thru(promiseA().then(
result => result === "failed"? обработка ошибки : promiseB),
result => result ==="failed" ? обработка ошибки : возврат значения)

Но это очевидное говно, меня за нарушение DRY выебут. Можно ли как-то эту ссанину сократить? не бейте если долбоеб, только перевели на JS, до этого вообще на плюсах работал
399 2234685
>>34684
Вместо того, чтобы возвращать "failed", выбросить исключение, поймать его в .catch() и там обработать?
image.png6 Кб, 293x136
400 2234686
У кого-нибудь было такое, что в вскоде не работает автодополнение у плагина styled components? Подсветка синтаксиса при этом работает. Я думал, что в настройках что-то не так или другие плагины конфликтуют, но я тупо всё отключил и сбросил все настройки и ничего не изменилось.
401 2234691
>>34686
У меня тоже не работает.
402 2234702
>>34686
Так он и не должен работать, ты ж просто шаблонную строку передаёшь.
image.png45 Кб, 595x308
403 2234705
>>34702
Да, но плагин добавляет автодополнение.

https://marketplace.visualstudio.com/items?itemName=jpoissonnier.vscode-styled-components

>Syntax highlighting and IntelliSense for styled-components.



>>34691
Блин, и я только сейчас заметил:

>Styled Components has moved! Make sure you're downloading it from here: https://marketplace.visualstudio.com/items?itemName=styled-components.vscode-styled-components. The jpoissonnier.vscode-styled-components version will recieve no more updates.



Я не ту версию скачал... Та, которая по второй ссылке, работает... Но у неё 300 установок всего против миллиона на версии, которая уже не поддерживается!
404 2234715
Есть тут аноны разбирающиеся в Next? В чем отличие getStaticProps и getServerSideProps по доке не особо понятно?
405 2234742
>>34665
Смысл есть, если тима нормальная, а не 2 протыкласника тоже без опыта. Гит выучишь, аджайл-хуйню, ci/cd, доступ по ssh, потом лиду мозги ебать не будешь.
406 2234781
>>34715
Во время билда статичные страницы высираются в статичные html. Серверсайд на каждом запросе пересобирает странцу.
407 2234813
>>34781
Еще проще говоря static создает кучу html файлов-страниц при билде, а ServerProps каждый раз будет заново фетчить данные и под каждый роут отдавать один html c изменными данными в шаблоне?
Не лучше тогда постоянно использовать ServerProps или тут только вопрос оптимизации?
408 2234821
>>34813

>Не лучше тогда постоянно использовать ServerProps или тут только вопрос оптимизации?


Зависит от ситуации. Статичный html намного проще кэшировать, плюс для заранее сбилденных страничек не нужно делать запросов и ходить в бд/апи сервер.
Тут вопрос в том, знает ли сервер все данные для рендера страницы до запроса или нет.
409 2234868
>>34677
>>34674
А еще лучше не городить непонятные классы, а использовать стандартизированный атрибут hidden для таких вещей
410 2234873
>>34685
Нельзя. Я бы так и сделал, но сигнатура промисов определена сверху и не мной, работаю с чем есть.
411 2234877
>>34684

>перевели на JS


Лол, с плюсов на жс звучит как "перевели в петухи"
412 2234902
>>34684
Какая-то хуерга уровня
HTTP 200 OK
{
"errorCode": 404,
"errorMessage: "Not Found"
}
413 2234916
test
414 2234922
>>34873
Выбрасывай исключение на failed, лови и обрабатывай наверху, не? Алсо, в 2к21 промисы это плохо и неправильно, прочитай про async-await, он удобнее.

Как тебя так жизнь-то помотала, с плюсов на жс? Как впечатления?
415 2235096
>>34922
Как жизнь помотала - крупная зарубежная компания, работал в ней сначала на одном направлении, оно закрылось по достижению целей, предложили в другой отдел перейти. За 2 месяца пришлось выучить JS, React+Redux, TypeScript, Node.js и функционалочку. Работать начал но чувствую себя очень неуверенно.

Ощущения - в легком охуевании. Все непривычно и неудобно. Все сука новое. Раньше работал на MSVC - C++- ООП - Perforce - теперь VSC - JS - функциональное - Git.

Сам JS - прикольный язык, но рили, если писать не в функциональном - там до пизды возможности выстрелить себе в ногу. В C++ с этим как-то проще, как мне кажется, за счет общей простоты языка. зато уж если выстрелить в сях - то отрывает всю ногу нахуй, как вспомню как коллега в union решил хранить shared pointer так вздрогну.
416 2235209
>>35096

>закрылось по достижению целей


лол, а как же
417 2235231
>>35096

>В C++ с этим как-то проще, как мне кажется, за счет общей простоты языка



Не существует ни одного программиста, кто бы знал плюсы целиком, особенно в части метапрограммирования. В то время, как вся спека жс ужимается до двух листов а4.

О какой простоте плюсов ты говоришь.?
418 2235237
>>35231

>вся спека жс ужимается до двух листов а4.


два листа а4 это только ебанутые правила приведения типов
419 2235269
>>35231

>В то время, как вся спека жс ужимается до двух листов а4.


Спека жс всего в 2 раза меньше спеки плюсов. А если к этому накинуть еще HTML и WEB api, то там будет текста больше, чем вся спека плюсов + STL+BOOST+asio и еще парочка десятков популярных либ
420 2235278
>>35231

>вся спека жс ужимается до двух листов а4


Разве ж это говорит о простоте?
421 2235328
>>35231
Ну тут скорее дело в том, что я к ним привык сильно. Я 5 лет на плюсах писал.
422 2235335
>>35096
А че ты выбрал смену языка, а не компании?
Плюсы заебали? Или просто захотел что то поменять?
423 2235391
>>35335
К компании я привязан. Там сложная система.
Если вкратце - я аспер, до 27 если уйду - то пойду в армию. В аспе я по договору с компанией являюсь консультантом от института. По сути работаю на басурман, они платят мне ЗП, но числюсь я сотрудником РАН.
Так и живем.
Ну и знания и навыки лишними не бывают.
424 2235399
>>35391
Как считаешь с точки зрения плюсовика, у плюсов есть перспектива умереть в ближайшие пару десятков лет и уступить первенство главного системного языка C и Rust?
425 2235400
>>35391
С прошедшим днем науки!
426 2235406
>>35399
Да не трясись ты так! Все там будем.
427 2235411
>>35391
А сколько стоит порешать с военкоматом? Тебе ещё небось зарплату урезанную платят, понимая в каком ты положении и пользуюсь тобой
Меньше $4к зп?
428 2235418
>>35399
C - точно нет, он слишком устарел в том плане что ни в функционалку, ни в ООП нормально не может, но свою нишу имеет, будет иметь пока жив UNIX. Rust потыкать не удалось.
Сомневаюсь что он уступит сильно, язык очень много где применяется и там где работает - почти всегда лучше. Плюс залежи легаси на С++.
Если и отомрет - то очень нескоро.
16081154302380.png596 Кб, 918x750
429 2235520
430 2235524
>>35411

>Меньше $4к зп?


Типа где-то больше платят?
431 2235531
>>32343

> врёти брешите не бывает вашего матана в либах, нинужон!1


> это вы все вкатыши, а я знаю!



Шизик отрицающий матан и алгоритмы, ты ли это? Нахуй ты до сих пор в разделе серишь, дегенератище? Тебя недостаточно хуями кормят до сих пор?
432 2235554
>>35418
>>35399
Да никогда плюсы не помрут, лол, о чем речь вообще. На плюсах каждый день пишется кода всё больше и больше и всё это идёт в легаси.

Плюсы помрут если выкатят новую программную архитектуру с новым языком программирования. Но там и пидераст и си вымрёт вместе, будет этакий черный леблядь. Возможно такое и произойдёт. А может и нет.
433 2235588
Анончик, по поводу замыканий. Ведь методы это тоже функции. Значит у них должен быть свой контекст выполнения, верно? Почему тогда колбек функция какого-нибудь метода типа addEventListener'a имеет доступ к переменным родительской функции? Или колбек создается в родительской функции и просто присваивается методу? Чот я запутался.
434 2235592
>>35588

>Почему тогда колбек функция какого-нибудь метода типа addEventListener'a имеет доступ к переменным родительской функции?


Потому что ты в 99% случаев стрелочную анонимку передаёшь в колбэк, которая объявлена в контексте родительской функции.
435 2235596
>>35592
Спасибо.
.jpg137 Кб, 1224x840
436 2235666
Бекендер опять выходит на связь.
В общем. Поясните, что в ваших ЖС считается за правила хорошего кода и как правильно у вас декомпозировать компоненты.
Ну, давайте пример на пикчах.
Вот допустим пикча1. Как бы фронтендер ее разбивал на сущности? Вот лично я тут что вижу:
1. Топ-меню в котором свойства это просто коллекция элементов управления, которые инжектсятся снаружи(кнопка переключения состояния сайд-меню, имя, состояние логина).
2. Сайд-меню контейнер для элементов управления, плюс свойством передается viewModel с состояним показывать или нет и какой элемент сейчас выбран.
3. Лэйаут - еще один контейнер в котором VM - просто говорит какой из компонентов рисовать, самому лейауту опять же похуй
4. Футер, там в зафисимости от того нужно ли какие-то ссылкочки-переходы делать или это статика, если статика - можно сразу модель хуйнуть и захардкодить, если таки там будут какие-то ссылки-переходы, опять же энжектим MV для футера, там набор компонентов и все это вот.

Так вот. А как бы эту же хуйню декомпозировал настоящий JS-ер? А том не кажется что я из-за проф-деформации, когда нужно везде DI и чтоб если что все подменить да замокать можно было - усложняю и так реальный ЖСер делать не будет. По крайней мере когда я гуглил примеры RealWorldApplication - так никто обычно не делал.
1639306790285.PNG22 Кб, 1832x126
437 2235679
Научите плиз писать скрипты для Tampermonkey, чтобы скрывать ненужные элементы на страницах.
Вот например, я хочу скрыть пикрил плашку на ютубе, как это мне сделать?
438 2235684
>>35679
Можешь просто каким-нибудь uBlock клацнуть на эту менюшку и создать правило чтоб скрывалось.
439 2235687
>>35679
через юблок/адблок скрой, либо в css для этого элемента пропиши display none, не знаю, зачем скрипты писать для этого
440 2235765
>>35666
1. Общий лэйаут, в котором хэдер/мейн/футер. Если хэдер или футер становятся слишком комплексными, запихивать их в отдельные компоненты. Эту часть можно считать "глобальным" компонентом, в том смысле что он будет присутствовать на всех страницах.
2. В мейне твоя хуитка с меню и наполнением. Я правда хуй знает что за страсть у пердоликов мейн смещать с центра, чтобы запихнуть меню навигации. Что тебе мешает его показать в начале мейна? Это особенно уёбищно выглядит на главной странице. Приходит такой Васян на твой сайтик и первое, что он видит, так как читает слева-направо сверху-вниз - перечисление всех пунктов меню, которые ни о чём не говорят, так как он даже не знает, нахуй твой сайт нужен.

>Так вот. А как бы эту же хуйню декомпозировал настоящий JS-ер?


Настоящих JSеров не существует, это тебе не кресты. Смысл настоящего жса - говнякать скриптики на сайтики, с чем ты благополучно справляешься.
441 2235810
>>35765
Почему все так любят кланяться крестовикам?
Как так сложилось, что успешный зумерок с мозгами после универа, отработав лет 5 на хороших проектах, получает зарплату больше, чем свитерный плюсовик с 30 годами опыта? Они не чувствуют себя пропущенными? Всю жизнь сосали, а теперь, когда большие деньги пришли в ойти, то и тут они не в лучшей позиции. Поэтому они и греют себя мантрами про швятые кресты и своей элитарностью?
442 2235828
>>35679
не умеешь пользоваться поисковиком гугла или ютуба? там все гайды есть по твоей теме. а вот уже что будет непонятно после поиска, спрашивай здесь.
443 2235856
>>35684
>>35687
Через юблок/адблок не выбирается эта плашка, там как то по хитрому сделано.
>>35828
Я попробовал погуглить, но че то ничего не нашел. Поэтому сюда пришел за советом. Можешь хотя бы направить, в каком направлении искать?
444 2235863
>>35856

> Через юблок/адблок не выбирается эта плашка, там как то по хитрому сделано.


Букально юблоком только что
445 2235865
>>35863
У меня почему то не выбирает. Но я все равно хотел бы сам такие скрипты уметь писать.
Я недавно поставил скрипт, который убирает из ленты ютуба просмотренные видео, очень понравилось. Теперь хочу сам написать скрипт, который удалит плашку и еще ютуб джем из ленты.
446 2235872
>>35856
Интересно, как ты гуглил, что ничего не нашел.
447 2235875
>>35872
Потому что я искал не просто как писать скрипт, а как написать скрипт, скрывающий элементы. Вот про скрытие элементов че то не нашел.
448 2235883
>>35875
Да что ты говоришь...
449 2235888
>>35883
Ну ты более прошаренный в js и более грамотный поисковый запрос написал. Мне как раз это и нужно было, чтобы кто нибудь показал направление.
Я так понимаю, есть какой то метод у каждого элемента, который его скрывает? А как имя этого элемента получить?
image.png96 Кб, 731x922
450 2235970
>>35888
Я просто перевел твой текст отсюда >>35679

>Научите плиз писать скрипты для Tampermonkey, чтобы скрывать ненужные элементы на страницах.


в очевидные запросы

>как писать скрипты tampermonkey


>как скрывать элементы tampermonkey


Никакой магии. Даже нейронка уже может сокращать тексты.

У элемента есть свойство видимости со значениями да/нет. Продолжай гуглить.
451 2236016
>>35970
Вот один из методов, который скрывает просмотренные видео на главной ютуба.
function general()
{
if (window.location.href.indexOf('results?search_query=') <= 0 && window.location.href.indexOf('channel/') <= 0 && window.location.href.indexOf('www.youtube.com/feed/subscriptions') <= 0 && window.location.href.indexOf('www.youtube.com/watch?v=') <= 0 && window.location.href.indexOf('www.youtube.com/feed/history') <= 0 && window.location.href.indexOf('www.youtube.com/user/') <= 0 && window.location.href.indexOf('www.youtube.com/c/') <= 0)
{
$('#overlays.ytd-thumbnail#progress').parent().parent().parent().parent().parent().parent().parent().parent().hide();
}
};

Почему здесь так много parent через точку? Вот это вот parent().parent().parent().parent().parent().parent().parent().parent()
452 2236039
>>36016
Потому что родителей дохуя, очевидно же.
453 2236041
>>36039
А почему дохуя и как он узнал, сколько их?
454 2236044
>>36016
А ты пробовал гуглить "js parent" прежде чем задать вопрос? Вообще если хочешь писать скрипты сам, а не копипастить решения всяких Васянов, то нужно освоить язык JavaScript и его работу с DOM, вся инфа есть в шапке. Потому что элементы на странице вложены друг в друга, как матрешки, и это попытка добраться до внешней, для найденного элемента overlays.ytd-thumbnail#progres, матрешки. Не очень грамотная, наверняка там можно сделать через closest().
455 2236053
>>36044
Не пробовал, т.к. плохо представляю, что гуглить.
То есть это васянство получается. А как правильно? И главный вопрос: как чел нашел вот этот вот '#overlays.ytd-thumbnail#progress'???
456 2236054
>>36041
Посмотрел на ютубе.
457 2236058
>>36053

>А как правильно?


Освоить язык JavaScript и его работу с DOM. А там уже поймёшь, как правильно.
458 2236060
>>36058
А главный вопрос?
459 2236062
>>36016

> $('#overlays.ytd-thumbnail#progress')


Это что-то из jquery?
460 2236067
>>36062
Ну да.
461 2236070
>>36067
И что он запрашивает? Элемент, в котором есть #overlays.ytd-thumbnail и #progress? #progress я вроде понимаю, это прогресс бар на просмотренных видосах, на непросмотренных его нет. А #overlays.ytd-thumbnail что значит?
462 2236071
>>36067
Вкатуну имеет смысл читать про эту хуйню или рякта с редуксом достаточно?
463 2236072
>>36071
Только помни когда была жикверя в моде за .parent().parent().parent().parent().parent().parent() кастрировали
464 2236075
>>36070
$(...) = document.querySelector('#overlays.ytd-thumbnail#progress')
То есть ищет элемент с двумя нахуй айдишками и классом, т.е. хуйню типа
<div id="overlays" id="progress" class="ytd-thumbnail"></div>
>>36071
Если надо будет, освоишь за день максимум. Именно если на работе потребуется знать.
hjgfjfghjhgh.PNG28 Кб, 1415x97
465 2236084
>>34677
Так я же вроде так и делаю или не?
Я хочу чтобы при клике на полоски меню, они менялись на крестик и выезжал навбар, а при повторном клике возвращалось меню и он пропадал.
Пока мне оптимальным кажется пикрил.
>>34868
А как мне без классов застилизовать меню?
Хидден не работает почему-то. Из того что написано в гугле я так понял из-за наличия свойства дисплей. Так что хидден тут не прокатит.
466 2236089
Посоветуйте пожалуйста открытые апишки для обучения, чтобы можно было слать запросы с клиента и их не блочики cors-ом. Типа всяких курсов валют и т.п. Спасибо.
467 2236090
>>36072
А сейчас это типа норм?
468 2236096
>>36090
Сейчас этим г никто не пользуется
469 2236100
>>36089
swapi, pokemon api
470 2236107
>>36084
Нет, не делаешь. Я имел ввиду что-то такое

<div onClick={switchMenu} className={`burger-menu ${menuActive ? 'burger-menu_active' : ''}`}>...</div>

И потом в css показывать меню только, если оно active. Скрыть через display none или мб лучше opacity 0 + pointer-events none. Не знаю, как лучше, я сам вкатышь ещё.
471 2236111
>>36060
Подсмотрел в исходном коде страницы.
472 2236112
>>36107
А, сорри, я продолбал тот момент, что у тебя клик по меню отслеживается. Отдели кнопку от меню.
473 2236122
>>36107
Я что-то не понимаю наверн.

onClick={switchMenu} -> меняет menuActive на true -> класснейм выглядит как burger-menu burger-menu_active.
Итог -> имеем оба значка видимыми.
474 2236127
>>36122
Извини, по двум строкам кода слишком сложно понять, что к чему. Я думал, этот <span> - это то, где будет содержимое меню. Но сейчас я вообще ничего не понимаю.

В любом случае, у тебя код выглядит как-то бредово, что бы он ни делал.
jkhgkhjgkgj.PNG42 Кб, 1651x161
475 2236139
>>36127
Все забей, разобрался.
Оба варианта работают.
Тогда вопрос к мамкиным сеньорам. Какой вариант правильнее?
476 2236143
>>36127
Span чтобы нарисовать среднюю полоску меню. Верхняя и нижняя нарисованы через before after.
477 2236145
>>36107

>или мб лучше opacity 0 + pointer-events none


А по табу они все равно будут выделяться и скринридерами читаться
478 2236158
>>36139

>Какой вариант правильнее?


Второй
479 2236179
Работяги, подскажите, пожалуйста, а собесы чаще проводятся удаленно или в офисе компании? Можно ли выбрать предпочтительный вариант собеседования?
480 2236182
>>36179
Ты совсем глупый? Напиши HR и спроси.
481 2236184
>>36182
Ну я еще не откликался никуда, интересуюсь как у вас было.
482 2236187
>>36100
СПАСИБО
483 2236195
>>36184
Ну у меня удаленно было, но я и трудоустраивался на фулл удаленку в другом городе.
484 2236294
>>36179
Недавно искал работу на js джуна. Прошёл 4 собеса перед тем как нашёл. Из них 1 - в офисе и 3 - удаленно.
Тот собес, который был в офисе, прошёл абсолютно бездарно со стороны компании, я теперь бы вообще на оффлайн собесы не ходил. Думаю, мне сильно повезло нарваться хоть на кого то, кто проводит собесы в офисе сейчас.
485 2236299
>>36294
Не повезло*
486 2236327
Поймал выгорание. Что делать?
15913469176632.jpg69 Кб, 464x640
487 2236328
>>36179
50/50.
Чаще всего удаленно, выглядит это так:
Тебе звонит эйчар, распрашивает про опыт, чем занимался, на чем писал, работал ли. В конце скажет, что уточнит твою кандидатуру с тимлидом, а там как пойдет. Еще предложат пройти тестовое задание, тестовое могут дать и до первого звонка эйчара. Тестовые бывают разные, от обычного лендинга без жса, до свое реализации какого-нибудь метода в жс.
После если ты прошел тестовое и ты понравился эйчар, тебя приглашают в офис или звонит тимлид. Там он уже тебя валит вопросами по жсу, опционально по хттп, фремворку.
Я на свою первую и текущую устроился просто написав лендинг с логикой слайдера, технического интервью не было.
488 2236341
>>36195
>>36294
>>36328
Спасибо вам большое, аноны!
489 2236349
>>36327
Генеральную уборку. Потом съездить к родителям.
490 2236371
>>36327
Брать билеты в Индию к толковому гуру.
Мне отлично помогло.
491 2236395
>>36371

> гуру


Что-то связанное с гурятиной?
492 2236399
>>36395
С выгоревшими только так
493 2236424
>>36395
Ага, Мей-чан дейли лайф ему устроили.
494 2236453
const handleBlur = () => {
if (areOptionsVisible) {
setTimeout(() => {
setAreOptionsVisible(false);
}, 200);
}
};
Подскажите, пожалуйста, мне нужно чистить этот таймер? И если да то как?
image.png217 Кб, 400x600
495 2236456
>>33965
Пчел, не умеешь писать на современном жс - не берись, не твое это
496 2236468
>>36456
Насколько современный? Надеюсь ты хотя бы уже пет на солиджс пилишь, или дальше легасиговна на хуках не продвинулся?
497 2236508
>>36453
Таймаут надо чистить только если ты его установил и тебе его надо отменить. В твоем примере кода ты его устанавливаешь только по условию, а логики отмены у тебя не предусмотрено.
498 2236533
в тайпскрипте есть способ указать тип для всей функции?
кроме как
const f: FunctionType = () => {};
?
499 2236570
Короч, создан NPM проект, чтобы показать, что научился это делать, задание было принято, проект в норме. Следующее задание сделать все при помощи Вебпака. Я создал новый проект на гитлабе, сделал все по красоте, чисто скопировал код из старого проекта, но оформил все зависимости через вебпак. Кидаю ментору, он говорит - это что за проект, нужно было в старом, переделывай.

Так вот, я действительно хуйню творю или он доебывается?
500 2236577
>>36570
Конечно творишь хуйню. С твоим подходом CI заебёшься настраивать, так как нужно постоянно менять адрес репы (а значит и история коммитов будет проёбана). Да и как думаешь ментор будет проверять твой прогресс? Везти список список реп на каждого вкатуна.
501 2236581
>>36533
Что значит для всей? Только тип у параметров и тип возвращаемого
502 2236586
>>36581
Я имею ввиду, что тип если у меня на руках есть тип функции
type FunctionType = (value: number) => string;
например, в каком-нибудь либе этот тип определён

то как мне для моей функции
function f() {}
обозначить что она типа FunctionType?

Чтобы не надо было указывать типы аргументов отдельно.
503 2236602
>>36581
Ну так в туйпскрипте ты можешь тип всей функции указать, даже интерфейсом. Вот только его никак не привязать к функциональным обьявлениям, поэтому приходится говнокодить через функциональные выражения.
504 2236607
ПЕРЕКАТ >>2236606 (OP)
ПЕРЕКАТ >>2236606 (OP)
ПЕРЕКАТ >>2236606 (OP)
ПЕРЕКАТ >>2236606 (OP)
505 2236644
>>36508
Т.е не надо чистить его?
506 2236655
>>36644
Наверное, всё же зависит от того, где его используешь. Если внутри реакт компонента, который может заunmountиться, то, возможно, стоит чистить перед unmountом, чтобы этот таймаут не пытался изменить состояние unmountного компонента.

Но я не знаю, так ли это важно. Просто вроде реакт в таких случаях пишет ворнинг в консоль.

мимо
507 2236668
>>36644
Что тебе конкретно непонятно из фразы - "если ты установил таймаут и тебе его надо отменить раньше, чем он отработал - чисть. если таймер уже отработал - он уже очистился" ?
508 2237138
Test
509 2237952
>>35418

>иметь пока жив UNIX


На самом деле, в плане С тут еще и эмбеддед разный, и МК, и драйвера (под любые ОС и не только), и еще чего хочешь.

Не стал бы складывать С и С++ в одну корзину. Да, иногда применения пересекаются, но довольно редко.

Так что, что С, что С++, как и теперь уже JS, еще долго будут жить. На наш с вами век, скорее всего, точно хватит.
510 2238775
>>29318 (OP)
Сап, учу базис верстки дня 3-4, и хотелось бы поинтересоваться: Джаваскрипт-программер обязан знать как натягивать текстуры в css и прочий кал? Я не угараю по верстке, мне интересно кодить и решать задачки, а не ебаться с обезьяньей работой верстал. Хочу стать, соответственно, джаваскрипт-проггером.
511 2238855
>>38775
Никем ты не станешь. Ты слишком тупой.
512 2246542
И снова я, страдающий с JS после C++.
Задача следующая. Есть объект, реализующий symbol.iterator(). По нему реализовано итерирование через for...of.

Мне сказали сделать через lodash/some.

Проблема:
Лодаш мгновенно шлет меня нахуй с такими предложениями.

Т.е. код вида:
for(const entry of iterator)
if(filterfn(entry))
return true

Работает как часы. А код вида
some(iterator, filterfn)

Нет.
Есть ли способы заставить lodash работать с этим говном, или сказать техлиду что он охуел блять, верните мне С++ суки, я ебал блять, помогите что такой подход невозможен?
Тред утонул или удален.
Это копия, сохраненная 7 июля 2022 года.

Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
« /pr/В начало тредаВеб-версияНастройки
/a//b//mu//s//vg/Все доски