Этого треда уже нет.
Это копия, сохраненная 15 мая 2021 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
image207 Кб, 1050x1050
JSThread #201 /js/ 1944376 В конец треда | Веб
Предыдущий тред: >>1941748 (OP) (OP)

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

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

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

Руководство для вката: https://developer.mozilla.org
2 1944379
Шёл третий тред, а алгоритмошизики так и не смогли назвать 1(ОДИН) алгоритм и 1(ОДИН) юзкейс, в котором они его использовали.
Или написание кастомных for лупов теперь дохуя алгоритмы?
3 1944386
>>1944368 →
Когда исправишь расскажи что в твоем говнокоде не так было, интересно
4 1944387
>>44379
Манюнь, я понимаю, что в твоем манямирке все окружающие тебя люди это такие же вкатуны как ты, но реальность такова, что есть и те кто уже работает. Так вот, код который я пишу защищен NDA, погугли что это такое. Я не хочу нарушать договоры ради того чтобы доказать что то сычу, сидящему на мамкиной шее. Мог бы конечно придумать что то похожее, сгенерировать набор данных и написать рабочий код, но не думаю, что у тебя хватит денег для оплаты хотя бы 10 минут моего времени.
5 1944390
>>44387

>Так вот, код который я пишу защищен NDA, погугли что это такое.


NDA не распространяется на названия алгоритмов.
6 1944392
Нихуя вы начали на целый тред за пару дней, у вас новые тренды так часто появляются как фреймворки
7 1944393
>>44392

>начали


насрали (быстрофикс)
8 1944395
>>1944368 →
вопрос на засыпку, что сначала выполнится: 32-ая строка или 35-ая?
image543 Кб, 2874x1304
9 1944397
>>44392
просто все любят нюхать газики :3
10 1944398
>>44395
Ну хер его знает, я не такой профи. Наверное да, то, что я его под этим аяксом написал, не знгачит, что он после него выполнится. Но это вроде не должно влиять на проблему, да?
11 1944399
>>44398
Ну так логируй оттуда а не хуй знает чо и когда, может проблема нащупается
12 1944400
>>44390

>названия алгоритмов


Тебе в прошлый раз написали название, долбоеб, ты начал кукарекать о том что в гугле ничего не нашел и требовать примеров.
Самое смешное, что даже увидев пример, твой манямирок взбунтуется и начнет сыпать оправданиями, потому что такие как ты осознают важность изучения алгоритмов только когда к жопе прижмет, т. е. когда встретишься на практике.
13 1944405
>>44400
Алгоритмов названо: 0.
Юзкейсов названо: 0.
14 1944406
>>44395
Всега 35, 32 только после выполнения запроса.
15 1944408
>>44405
Ты ножкой топнуть забыл и угрозу отморозить уши нам на зло.
16 1944411
>>44408
А ты забыл назвать 1(ОДИН) алгоритм и 1(ОДИН) его юзкейс.
17 1944413
>>44399
Ну так у меня даже "Click!" не появляется, то есть вообще кнопка не срабатывает получается.
18 1944421
>>44413
Так ты хэндлер не повесил на кнопку созданую ёбта
19 1944424
>>44413
вешай по нормальному на все в том числе будущие сразу
https://api.jquery.com/on/
$('body').on('click','.deleteTaskButton',function(){...
20 1944429
>>44376 (OP)
тредю зашкварен
21 1944442
Какие каналы на ютубе смотрите когда вас заебало прогать сидя в кресле и вы лежите на диванчике / кровати? Каналы про программирование офкос
22 1944446
>>44442

> Смотреть про погромирование, когда тебя заебало погромирование.



Ничего страшного. С возрастом это пройдет.
23 1944453
>>44446
Что пройдет? Желание расти и развиваться? Обычно это проходит к 80ти
24 1944454
>>44442
Гоша Дударь, ХаудиХо
25 1944456
>>44454
Ну дударь ладно есть что то годно, но вторый который там же хуйня какая то для детей
image32 Кб, 521x485
26 1944457
>>44376 (OP)
Привет.
Пикрил норм книжка, чтобы вкатиться в жс тому, кто уже на другом прогает?
Если нет, посоветуйте что-нибудь для освоения особенностей языка.
27 1944458
>>44457
Норм, иди читай
28 1944460
>>44458
Спасибо
29 1944461
>>44456
Да это мем на уровне "мерцбау масонна" из /mu
30 1944465
>>44442
IT-KAMASUTRA, JavaScript.Ninja, Тимур Шемсединов, freeCodeCamp, Brad Traversy, Dev Ed, Aaron Jack, Kent C. Dodds, Web Dev Simplified, Ben Awad, Shai UI, Chris Hawkes, The Coding Train, Simon Dev, Ania Kubow, DevTips, Frontend Weekend, Фронтенд Юность, Tim Ermilov, Low Level JavaScript, Coding Garden, подкаст «Мысли и методы» Рахима Давлеткалиева, TechLead, S0ER, Senior Software Vlogger, Сергей Немчинский, АйТиБорода, Victoria Borodina, Юрий Дудь, Джастас Уолкер, Адвокат Егоров
31 1944481
>>44421
Почему? У неё же класс такой же. Или вот я не понимаю как оно работает, типа в какой-нибудь ДОМ не попадают элементы и оно их там не видит?
>>44424
А так кликает да. Только теперь у нового элемента data-id андефайнд...
>>44386
...потому что блядь кавычки забыл закрыть в имени класса, в коде, который рендерит карточку после добавления в жс коде.
Так что наверное и так бы сработало.
32 1944484
>>44481

>У неё же класс такой же


Селектор по классу только важен для стилей.
33 1944486
>>44484
Ну типа что значит "не повесил хендлер на созданную кнопку", когда созданная кнопка такая же как и те, что до этого были? Почему хендлер на тех висит а на эту не вешается типа?
34 1944489
>>44486
Потому что она была создана после обвешивания хендлеров.
Посмотри в доме, чем она отличается от присутствующих.
35 1944496
>>44486
$(selector).click() работает так: он ищет все элементы в доме удовлетворяющие селектору и вешает на каждый из них функцию, в новых нодах которые ты добавишь потом естественно хендлера не будет, вызываешь ты его один раз на дом-рэди, либо вешай на создании кнопки на неё хендлер либо используй $().on
36 1944498
>>44481

>data-id андефайнд


смотри что в аякс-респонсе прилетело
Безымянный2.png88 Кб, 924x923
37 1944523
>>44489
>>44496
Ну понятно, спс. А в документации вроде написано, что клик - это синоним он(клик).
>>44498
Да я же и написал сразу, что уже нашел обсер. Сраная кавычка вот тут. Поэтому он так странно и подсвечивался, лел, а я не видел в упор. Но из-за того, что я вместо клика написал "он", я хотя бы это заметил и нашел.
00.PNG73 Кб, 1537x603
38 1944548
В вкатывальщик, который в позапрошлом треде спрашивал насчет уникальных итемов в корзине. Это лучший алгоритм(который я спиздил с ютуба). Или можно было все таки лучше сделать?
39 1944592
Вы блять не понимаете! Мы все живем в симуляции

Выше нас есть симуляции высшего уровня там другие законы

Мы должны создать симуляцию проще нашей насколько хватит вычислительных возможностей
40 1944609
>>44592
Вот ссылка на симуляцию https://2ch.hk/pr/res/1944376.html (М)
41 1944616
>>44548
Зачем функция getHash? Лишнюю строку кода засирает. Тебе здесь filter не нужен, просто в новый чёт спредишь старый стейт и добавляет новый элемент
image.png4 Кб, 318x174
42 1944631
>>44548
Не благодари.
43 1944648
>>44411
У меня нет NDA, так что в общих чертах отвечу. За все время работы был один случай, когда пришлось чуть-чуть вспомнить дискретную математику - это когда я заартачился и написал движок для поиска и визуализации пути, простой как пень., и редактор точек к нему. На все ушло в районе... двух дней что ли, если алгоритмы считать. Вот и прикинь, сколько времен человеку-энтерпрайзу нужны алгоритмы.

мимокрокодил
44 1944674
Вы куда тред дели? Это что за зашквар?
45 1944708
А у вас что, бамплимит в 500 как на нулевой?

>>1944152 →

>У твоего расширения есть репозиторий? Был бы не прочь поконтрибуцировывать код в него.



Да не, это я чисто для себя написал. Благодаря подсказкам ИТТ, работает сейчас всё так, как я хотел бы.

А кстати, интересно вдруг стало. Если я, к примеру, со временем расширю базу и захочу вынести этот json в отдельный файл, то это неполияет на производительность или ещё чего?
46 1944709
>>44708

>неполияет


не повлияет
ниндзяфикс
47 1944730
>>44648
Верстал, плиз. Любой поиск - алгоритм. Любая выборка - алгоритм. Работа с таблицами - алгоритм. Просто работа со списками уже алгоритм.
Можно конечно обмазаться либами, но в интепрайсе ты не можешь либы брать, потому что каждая либа проходит ревью у безопасников.
Алсо, половину этих алгоритмов проходят в 10-11 классе, так шо похуй.

>>44708
Не, во второй версии говна, рандомизация по индексам. Ща сделаю и скину. Хорошо выходит, ух.
48 1944869
>>44730
А когда на толчке сидишь - это тоже алгоритм? И расскажи-ка мне, что ты там в 10 классе проходишь, какую "половину алгоритмов"? Хоть один назовешь или опять сольешься, верстала?
49 1944886
Недавно вкатился в шаражку, пилю фронт, но бека пока нет. А есть части приложения, которые зависят от ответов сервера. Что можно сделать в этом случае? Есть какие-то сервисы, на которых можно было бы настроить обработку запросов? Или ситуация, когда у тебя вообще нет апишки это проблема бекенда и меня ебать не должно?
50 1944896
Посоны, а каким образом можно присвоть результаты map сразу двум свойствам?
то есть допустим у меня
this.options = arr.map(...)
this.options2 = [...this.options]
На мой взгляд выглядит как говно. Можно ли сделать это в одну строку?
51 1944897
>>44886
Поднять серв на ноде и обработать пару роутов пять минут даже для вкатилы
52 1944899
>>44897
Ну 5 минут это долго, думаю секунд 17 должно занять. Ну может 18
53 1944904
>>44896
Зачем? Что мешает просто просто использовать this.options?

В твоем коде ты не «присваиваешь результат map», а делаешь поверхностную копию массива. И это, пожалуй, самый идиоматичный способ ее сделать.
54 1944908
>>44886
Лучше всего будет поднять простенький сервер на ноде, как было сказано выше уже.
Как еще один вариант - написать два менеджера/сервиса запросов. Один для сервера, другой чисто мок-заглушку, который на любые запросы будут асинхронно возвращать какие-то тестовые данные. И переключаться между ними по надобности.

В этом случае, у тебя будет готовый инструмент для тестирования/разработки фронта независимо от того, какой сейчас треш творится на беке. Но это имеет смысл только если ты там собираешься долго работать и тебе вообще не похуй.
55 1944910
>>44908
>>44897
>>44899
Так ладно, это действительно оказалось куда проще чем я думал. Мне просто нужно было не столько асинхронный запрос получить, сколько сделать систему верификации отправленных данных. И на это реально в итоге ушло минут 15
56 1944917
>>44869
Верстал, вот скажи, ты хоть раз отличал json от object? О чем ты вообще споришь-то?
57 1944961
>>44917
Не виляй жопой, верстала, лучше алгоритм называй, всем тредом ждем.
58 1944978
>>44961
Алгоритм токов. Ты изучаешь математику, жс, программирование, книжку логики, немного философии. И потом сможешь json от object отличать.
Иначе ты так и будешь обсираться в каждом треде десяток раз.
59 1944985
>>44978
алгоритмы не нужны
60 1944988
>>44978

>Алгоритм токов


Вихревых?
61 1945069
>>44730

>Верстал, плиз. Любой поиск - алгоритм


Алгоритмы, мальчик мой, это не то же самое, что бизнес-логика. Алгоритм - это какой-нибудь сраный муравьиный поиск, который ты пишешь самостоятельно. Или сортировка. Или еще что-нибудь подобное, требующее знания математики и CS, а не умения код набирать. Всё остальное к алгоритмам в программистском смысле не относится.
62 1945074
>>44910
Ну собственно. Слава ноде и слава жс, которые позволяют это сделать с полпинка.
63 1945075
>>44978
Перетолстил.
64 1945076
Нормально ли юзать local/session storage для обычных сайтов ? И какой обьем приемлем?
65 1945083
>>45076

>Нормально ли юзать local/session storage для обычных сайтов ?


Да. А для каких сайтов он предназначен по-твоему? Каких-то необычных?

>И какой обьем приемлем?


https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria
66 1945087
>>45083
Куки как я понял нинужны?
67 1945096
>>45087
Нужны. LS можно прочитать только через JS, а куки вшиваются в каждый запрос, это важно для SSR, например.

Кроме того, у кук есть атрибуты Secure и HttpOnly которые защищают пользователя от ряда атак.
68 1945140
>>45087

>Куки как я понял нинужны?


Разные задачи.
69 1945158
>>44708

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


Конечно влияет, отдельный файл нужно будет каждый раз парсить, а при добавлении новых элементов - перезаписывать. Если не нужно заморачиваться сортировкой джейсона, то можно ограничиться записыванием нового элемента в конец массива.
Но там должно быть дохуя записей, чтобы влиять на что-то. Для сравнения - `package-lock.json` свежеустановленного Create React App - 700КБ размером и 17к строк. И ничего, всем норм. Он, впрочем, нечасто дёргается, только при установке/удалении пакетов в проекте.
И если у тебя не совсем днищепэка, то ощутимой разницы не будешь чуять, пока пилишь под себя. Проблемы могут начаться, когда подумаешь поднять сервер для своего расширения, но там уже не будет проблемой этот джейсон в бд мигрировать.
70 1945175
>>45069

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


> притом что именно в бизнес-логика чутьболее чем полностью построена на графах


Верстал....

>>45075
Ладно, верстал. Таблетки выпей и лучше станет.
1613645005546.jpg161 Кб, 1024x1024
71 1945181
>>44376 (OP)
Анончики, посоветуйте годноту почитать по nodejs для вкатыша. Хочу понять, как серверная часть работает.
72 1945187
>>45181
Мдн, метанит
73 1945201
>>45175
Таблетки выпей.
74 1945202
>>45181
Наебень какой-нибудь проект, одним из компонентов которого будет сервак на экспрессе. Использовать MDN как справочник можно, как учебник - нет.
75 1945208
>>45181
Приходит запрос, сервер стартует экземляр твоего скрипта. Всё.
Асинхронно чуть сложнее, но суть та же.
76 1945227
Так, подождите... А хули редакс каждый раз сбрасывает стейт к дефолту при перезагрузке странице, либо переходе на другую страницу сайта. Зачем он вообще тогда нужен, лол?
77 1945229
>>45227

>перезагрузке странице, либо переходе на другую страницу сайта


Освой доя начала азы роутинга в спа, если это не спа нахуя тебе редакс?
78 1945230
>>45227
Чтобы удобно шарить общий стейт между компонентами. Юзай redux-persist если тебе сейв в локал сторадж нужен
79 1945232
Я с таким же успехом мог просто сделать на стейтах и локалсторедже. Тупо.
80 1945234
>>45232
Делай
81 1945248
>>45232
Лол, удачи
82 1945252
>>45234
>>45248
Да уже все, дороги назад нет. Просто странно что в 2021 все делается через локалсторедж костыли.
83 1945254
>>45252
В 2021 ничего не делается ни через лс, ни через костыли.
84 1945264
>>45252
А почему ты решил что редакс это делает? И где он должен хранить стейт если не в ls?
85 1945275
>>45252
Делают только те кому нужно, по дефолту ЛС не юзается. В чём твоя проблема? У тебя в спа нет роутинга и из-за этого редакс стейт сбрасывается при переходе на другие страницы? Так установи сраный роутер.
86 1945281
>>45201
Джейсон... Объект...
87 1945291
>>45275
У меня стоит роутер!
Ну условно у меня 3 компонента с разными роутами.
Первый рендерит все карточки товара.
Второй рендерит карточку товара.
Третий - корзина, которая показывает товары, которые были в нее добавлены и рендерит их.
При клике на добавление в корзину -> имя товара, цена и прочее сохраняются в стейт. Но при переходе в корзину он сбрасывается...
88 1945293
>>45291
Значит у тебя страница перезагружается. Роутер поставил, а ссылки из роутера использовать не догадался?
89 1945298
>>45293
А надо как-то иначе?
90 1945299
91 1945322
>>45293
Скрины почему-то не кидаются. Что я не так делаю?
<Router>
<Route path="/" exact component={Home}/>
<Route path="/login" component={Login}/>
<Route path="/registration" component={Registration}/>
<Route path="/cart" component={Cart}/>
</Router>

<a href="/login"">Log in</a>
<a href="/registration">Sign Up</a>
<a href="/cart"">Cart</a>
92 1945327
>>45322
import { Link } from "react-router-dom";
<Link to="/login">Log in</Link>
93 1945338
>>45327
Спасибо. Теперь редакс имеет смысл, лол.
94 1945354
Не понимаю блеадь, как построить приложение с стореоном без всяких преактов и светле? https://github.com/storeon/storeon этот который, от евилмартиенс. Почему https://evilmartians.com/chronicles/storeon-redux-in-173-bytes тут пишут про ререндер от стореона, имеют ввиду либы для реактов и вуй?

Нахуя нужна реактивность, если у меня есть глобалстор? Глобалстор лучше реактивности же. Но если реактивность нинужна, то можно вообще обойтись только шаблонизатором + стореоном? Но ведь стакать вызовы рендера нужно. Или типо это стореон будет делать? Или для этого отдельная либа нужна? Или реактивность нужна чтобы в шаблоны пукать, а стор чтобы переменные хранить?

Блеадь. Что за хуйня.
95 1945417
>>45158
Ясно. Спс. Понял даже больше, чем мне нужно. Спросил потому, что мой код будет инжектится на каждую открываемую страницу в браузере. Файл микроскопический, так что зря я парюсь в общем-то.
96 1945423
Привет, аноны, возник вопрос по тому как взаимодействет фронт с беком, у меня есть задание написать бек для приложения и я знаю что например про определенному урлу оно будет возвращать список, фронт соответсвенно делает запрос, получает список и рендерит страницу, верно? Как после этого работают фильтры и поиск по страницу, есть у меня записи определенные, есть кнопка фильтра, по нажатию на кнопку js должен делать новый запрос к беку и вновь рисовать страницу, верно? Я просто питонист и хочу понять что входит в мою часть работы, а сейчас что-то туплю.
97 1945430
>>45354
Ты не знаешь что такое реактивность
98 1945445
Есть ли в современных фреймворках общепризнанный подход как встраиваться в лайфсайкл чужих компонентов снаружи, не меняя их код? Типа как раньше многие джиквери функции можно было навесить на любую хуйню, только получать не голые дом-ноды, а типизированные компоненты?
В ангуляре можно добавить директиву, и в нее руками передать все что надо, но хотелось бы чтобы работало на все компоненты само.
99 1945457
>>45445

>как встраиваться в лайфсайкл чужих компонентов снаружи


Через внешнее API этого компонента. Если же таких возможностей компонент не предоставляет, то сосешь хуй и пишешь свое.
100 1945459
Почему я не могу залезть в объект, который приходит с сервера в виде жсона?

{
"item1": {
"description": {
"value": "1000"
},
"flag": 1,
"errors": 0
}
}

Вывожу в консоль item1 > объект выводится как показано выше. Если начинаю лезть вовнутрь, начинает на любой глубине выдавать undefined. Если вывожу в консоль любую его вложенность прямо во время фетча типа - .then(data) => console.log(data.item1.description.value), то в консоль доступ к объекту выводится нормально, показывает 1000. Но если я потом его куда-то записываю и хочу получить к нему доступ через записанный объект, точно так же, весь объект внутри undefined. Но при этом сам объект item1 и его структура выводится в консоль, а вот все что внутри недоступно. Что я не так делаю? Что там ломается у жсона при записи в переменную?
101 1945461
Mobx
102 1945464
>>45423
Это зависит от того, как реализован эндпоинт. Самый наотъебись вариант - высирать весь список в джейсон и пусть фронт там сам ебётся с пагинацией и фильтрами.
В более рабочем варианте ты сначала решаешь, будет ли твой эндпоинт реагировать на GET или POST запрос. При гете фильтры парсятся через https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams или эквивалент на питоновском серваке, и ты отправляешь джейсон в ответ. Ну а с постом всё понятно, клиент присылает тебе джейсон, ты его анализируешь и выплёвываешь джейсон в ответ. Собственно твоя работа состоит в написании эндпоинта и что на него должен отправлять фронт, а уж что он там делает с ним после получения ответа - похуй.
103 1945474
>>45457
А если не хочу сосать хуй? Внутри фреймворка то все ивенты в любом случае файрятся даже если на них сами компоненты не подписывались, значит можно же что-то задекорировать так, чтобы они просачивались наружу?
104 1945480
>>45430
А шо это? Это разве не просто что-то вроде обсервера, который сообщает "подписчикам" об изменениях?
105 1945525
Как написать что-то на vue без компонентов? Зачем создавать компоненты?
1582030190080.jpg522 Кб, 1920x1594
106 1945550
Подключив сайн-ап через гугл, я столкнулся с еще одной проблемой - после того как юзер нажимает сайн-ап, вылазит попап окно для аутентификации, а как мне сделать так, чтобы вместо попапа, был редирект на страницу гугла, как это, например, сделано на стаковерфлоу, ну и других сайтах где есть эта фича. Доки читал, но безуспешно, подскажите аутисту.
107 1945560
>>45464
Лол, проиграл с варианта, чтобы отдавать полный список, но да, вроде в голове сложилось что через параметры урла просто отдавать отфильтрованные данные, а уже фронт пусть их втавляет в нужные места, кстати, пагинация на беке делается, тоже важный момент, надо запомнить
108 1945579
>>45550
Создай скрипт открытия новой вкладки, и на новой вкладке твой этот что там у тебя, санйап. Совсем ебанулся с аниме своим?
109 1945583
>>45579
Так нужна не новая вкладка, епт.
110 1945584
>>45464
>>45560
А еще нужно кэширование сделать и алгоритмы формирования json. А авторизацию вынести на сервер. А еще можно через вебсокет. А json через бинарные данные передоват. Да и хранить всё в бинарном формате в бд, через индексы кэша.
А можно просто найти можно проверяй)) бд которая всё это делает безстрочкикода.
111 1945587
>>45583
Ну редирект, разница-то. В доках всё написано, читай еще раз.
112 1945591
>>45459
await наверняка забыл и записываешь в переменную промис, а не то, что пришло из него. Должно быть либо
let responseBody = await fetch('/').then(r => r.json())
либо
fetch('/').then(r => r.json()).then(storeResponseBody)
113 1945597
>>45587
Там написано про редирект, на который юзер переходит после атунтификации. Это не то.
114 1945839
>>44631
Где алгоритмы? Даже нет хотя-бы слов for, hash
Давай алгоритмы
Node js CLI Build Node js Command-line Automation Dev-tools.png1 Кб, 198x49
115 1945859
Хуя бизнесмены.
116 1945888
Сап /pr. Давненько не заходил, но знаю, что тут дадут хороший совет. Тема такая - апликуха на Angular (TS который) - через АПИ фетч данных, в которых есть булевое поле. Эти данные отражаются в таблице, булевое значение которых отражается в виде чек-бокса и должно передаваться POST реквестом (т.е. изменять состояние АПИ) при нажатии на Check-uncheck. Внимание вопрос - как такую хуевину залепить?
1. Нужно ли дробить по компонентам - отдельно таблица, отдельно чек-бокс, который идет полем в этой таблице и который принимает каждую сущность по отдельности? Или все говно слепить в кучу и булевое заменять на чек-бокс?
2. Каким инструментом пользоваться? NgModule? Формы? Вроде бы простая задача, но толковой реализации не могу придумать.
117 1945890
>>45888
добавлю - как форма будет понимать, с какой срочки пришел запрос на Change, если в таблице куча чек-боксов?
118 1945891
>>45890
(change)="onCheck(item)"
119 1945892
>>45891
я получаю массив объектов, у которого по нескольк полей, в том числе булевое, которое в таблице должно показываться как чекбокс. Я знаю, как пользоваться (change), если в случае статического объекта. А тут массив.
120 1945893
>>45892
*ngFor="let item of items"
<input [checked]="item.yoba" (change)="onCheck(item)"
121 1945894
>>45893
https://jsfiddle.net/qz82n9pg/

вот такая шляпа у меня. Последнюю колонку нужно как то заменить на чек-бокс. Твой кусок закоментил, ибо нихуя не работает
122 1945897
>>45591
Да нет, не промис, в том и дело. Причем повторюсь, этот объект даже вывести в лог можно, а вот всё, что внутри него - нельзя
123 1945903
>>45459

>Что я не так делаю?


е понимаешь как работает ассинхронность и чем отличаются моменты когда ты читаешь свой объект внутри обработчика в then, и когда ты его пытаешься прочитать там, куда записал.

>Что там ломается у жсона при записи в переменную?


Ничего нигде не ломается. Ты пишешь код, непонимая, что он делает и как он на самом деле работает. Перестань относится к программированию, как к магии, где успех зависит от того, насколько тебе повезет. Начни пытаться понимать ЧТО ИМЕННО ты делаешь.
124 1945905
Ребятки поясните за styled components, я так понял все стили задаются в самом компоненте, а куда они потом деваются? В css файл или инлайн?
125 1945909
>>45903
Спасибо конечно, но именно это я и пытаюсь сделать
126 1945911
>>45903
Я делаю так, как здесь показано во втором примере. >>45591
Но вообще конечно в дальнейшем буду иметь ввиду, что вместо конкретных практических ответов, нужно читать людям нравоучения, это уж точно приблизит их к пониманию сути предмета
127 1945916
>>45905
От реализации и настроек зависит. Обычно создается css декларация и подключается на страницу и на элементы назначаются сгенерированные названия стилей вроде .aBcd . Эти стили учитывают повторяющиеся декларации в исходниках, потому если ты создаешь овер дохуя элементов с одинаковым набором стилей, на выходе они все будут ссылаться на один и тот же css-класс, дабы не злить Окама. При желание можно перенастроить на инлайновые, но лучше не надо.
128 1945918
>>45911
Чтобы получать конкретные практические ответы, нужно научиться задавать конкретные вопросы, и если они касаются конкретного куска кода, то приводить этот код. А задавая "почему эфемерное у меня не работает", ты получаешь соотвествующий ответ. При чем пользы он несет намного больше, чем твой вопрос. Но даже этого ты понять не способен, или не пытаешься, как и то, то же именно ты делаешь, когда пишешь тот или иной код, вместо попыток удачно составить синтаскически корректное выражение.
129 1945919
>>45911

>Я делаю так, как здесь показано во втором примере


В этом "втором" примере нет никаких "сохранений чего-угодно в переменную" и "работы с этой переменной где-то потом".

У меня к тебе вопрос. Почему у меня нога чешется?
130 1945922
>>45919
>>45918
Ладно
131 1945970
>>45430
Или реактивность в каком-нибудь солиде ограничена областью видимости функции или компонента?

Блядь шож так непонятно всё. Ебала.
132 1945983
>>45922
Но вообще не ладно, понятно что нужно разбираться и я сам прекрасно это понимаю. Просто сразу бы и сказали, что недостаточно исходных данных, а вместо этого начали мне басни читать
133 1945991
>>45903
>>45919
Верстал, ты ебанутый? Нахуй ты пытаешься строить из себя эксперта? Не забывай что ты не знаешь даже что такое ДЖЕЙСОН и объект.

>>45459
Ты должен сначала распарсить json. Гугли как это делается. Json должен иметь корректную структуру. Потом просто делаешь что-то уровня json['item1'][4]['hui'] и получаешь свои данные.
Короче, проверь сначала что ты вообще делаешь и корректнуть структуры.
135 1946072
>>44376 (OP)
такой вопрос написание нейросетки для написания сайта (интернет магазина,визитки,бложика) насколько реально?
фронт энд уже преставил но чуствую с бекэндом ебнусь
16117635680500.mp4306 Кб, mp4,
1280x720, 0:01
136 1946075
>>45997
Заебись, чотко
137 1946079
>>46072

>фронт энд уже преставил но чуствую с бекэндом ебнусь


Берёшь и пишешь парсер тех. заданий для фронта и энда. Не забудь ещё модуль ObkashlivatelVoprosikov написать.
138 1946083
>>46079
ну я так и представлял
парсер-бд синонимов слов-привязваем каждый элемент функционала к определенному слову
было бы неплохо базу данных с тех заданиями существующих или готовых сайтов но не думаю такая существует
classes.png2 Кб, 587x76
139 1946091
У меня есть компонент кнопка, которую я хочу отрендерить с определенными классами в зависимости от условий, чтобы было как прикрилейтед, но так почему-то не работает, что я делаю неправильно? styles это файл из которого я импортирую стили и в нем соответственно есть .class1 {} и .class1.class2 {}
140 1946101
>>46091

>.class1.class2


А так можно?
141 1946111
>>46091
CSS модули что ли? В них нет такого понятия, как ".class1.class2". Называй селектор одним словом и не выёбывайся.
Селектор вида:
class1 {
&.state1 {}
&.state2 {}
}
Выглядит так в коде:
`className={`${styles.class1}` ${props.something ? styles.state1 : styles.state2}}`
142 1946117
>>46111

>&.state1


В scss во вложенных стилях можно же не ставить & все равно вложенность будет учтена, или нет?
143 1946140
>>46117

>В scss во вложенных стилях можно же не ставить & все равно вложенность будет учтена, или нет?


Необязательно, но я его всегда ставлю, так как позволяет взглядом отличить вложенный селектор по потомкам от доп. селекторов на класс.
144 1946143
>>46111
Спасибо анон
vs-code.jpg43 Кб, 764x274
145 1946165
Как в настройках VS Code убрать вот эти всплывающие описания? За это вроде отвечает IntelliSense, но не понимаю, какие галочки убрать в настройках, а убирать их все кажется плохим решением, вдруг перестанет что-то важное показывать.
146 1946169
>>46165
Там VS Code на полэкрана открыт, если че.
IMG0902.jpeg286 Кб, 828x1696
147 1946290
Че за черти? Так вообще кидают приглос?
148 1946316
Ловушки через класс Proxy - это актуальная фича? Или этим щас никто не пользуется?
149 1946330
>>46290
Это HR агент, который хочет получить долю от твоей зп.
150 1946353
>>45991
Он уже все распарсил, долбоеба ты кусок.
Делает он примерно следующее

let a
fetch(url).then(r => a = r.json()).then(r => { a = r; console.log(a) })
console.log(a)

И не понимает (как и ты, который не способен уловить суть типичной проблемы вкатывальщка), почему у него внутри then все работает, а потом внезапно не работает.
151 1946462
Подозреваю, что нужно показать код, но...

Есть отправка формы, после того, как приходит ответ с сервера о том, что значение в форме правильное - форма проверяет ответ, и форма начинает светится зеленым светом.
Компонент весь целиком остается тот же самый, но если после фетча я отправлю полученное с сервера значение еще и в мобХ, при том, что нигде это значение на самой странице еще не используется, вся страница полностью сбрасвает локальные стейты и отображает только то, что записано в глобальном стейте. preventDefault в отправке формы прописан, страница не перезагружается, а только сбрасывает все локальные стейты на изначальное состояние Блядь как же я ненавижу мобх, даже если проблема вообще не в нем это самая пидорестически ебанутая хуета из всего, с чем мне приходилось иметь дело, с абсолютно ублюдской докой и коммьюнити, которая была устаревшей еще в прошлом веке, просто одна громадная куча пидоров человеконенавистников людоедов
Если это не какая-то платиновая классика, то код конечно покажу
152 1946464
Бамп
153 1946468
>>46464
Нахуя ты бампаешь дебил? Тут тебе не Б, никто по всей доске с порванной жопой не бегает, все и так сидят тут. Сейчас еще подумают, что это я бампаю тот кто задал вопрос выше и совсем меня обоссут
154 1946475
>>46462
Все стало гораздо хуже - проблема пропала сама собой, пиздец, надо пробздеться похоже
155 1946510
>>46316
Пользуются. Все охуели от производительности реакта и теперь пишут обсерверы вручную, лишь бы лишних рендеров не было
156 1946511
>>46468
Вот это ты мнительный омежкин
157 1946512
В mobX можно обновлять стейт прямо в сторе? Например есть один observable itemsCount = 4 и другой itemPrice = 500
Например если я хочу обновить total перемножив два предыдущих значения? Такое допускается вообще? Или лучше внизу в самих компонентах это все обрабатывать и экшеном перезаписывать?
158 1946514
>>46512
Вычисляемые поля не нужно хранить
159 1946523
>>46514
Почему? У меня просто это перемноженное значение потом в разных местах может отображаться, и так было бы удобнее
160 1946534
>>46514
Так, я кажется нашел то что мне нужно, называется computed
161 1946782
Почему так нахуй?
162 1946791
>>46782
Комментарии напиши
163 1946793
>>46791
//Почему так нахуй?
164 1946850
>>44917
Что там отличать то, блядь? Любой JSON, который ты встретишь, в рантайме будет иметь строковый тип. Алгоритм - проверить тип у прилетевшей сущности? Дегенерат, блядь.
165 1946866
>>46782
Потому что ты дегенерат, блядь. Что по твоему вернет f.apply(), результат которого передается в setTimeout на втором скрине?
166 1946883
>>46866
Какая разница что оно там вернет если читай документацию пик 3?
167 1946884
>>46462

>Есть отправка формы, после того, как приходит ответ с сервера о том, что значение в форме правильное - форма проверяет ответ, и форма начинает светится зеленым светом.


Что за наркомания? Ссуть клиентской валидации - проводить проверки инпутов, не требующих запроса с сервера.
168 1946896
>>46883
Ну давай тогда рассказывай, какой же код возвращает f.apply().
169 1946900
>>46896
Хули ты доебался? Я вообще-то здесь язык учу. И когда мне в офф. доках пишут что принимается "строка кода для выполнения" то я и рассчитываю на то, что моя строка кода внезапно! выполнится.
170 1946917
>>46900
Так она и выполнилась. Вот только она не строку кода и не функцию вернула.
Кантор кстати не офф. дока.
171 1946925
>>46917

>Вот только она не строку кода и не функцию вернула.


А что?

>Кантор кстати не офф. дока.


Я про мдн.
172 1946933
Могу ли я запихнуть тяжелые вычисления в промис, чтобы они не блочили сайт? Есть ли в этом какие-то подводные?
173 1946942
Спасибо >>45997 анону, но я все еще хочу разобратся в "правильной архитектуре" предложений на ангуляре. Небольшое лирическое отступление - пришел я из мира ООП, где все должно быть инкапсулировано, обособленно и логически выстроено. Из за этого раньше JS даже не трогал - что ни проект, то ленты глины, каких то зависимостей тонны болтаются - это не по мне. Но когда я открыл первый проект с ангуляром на TS, пися начала твердеть от статической типизации и разделении объектов на компоненты и модули. Но это лирика. По сабжу - из моего проекта, который состоит из N компонентов есть "общие" куски данных. Внимание вопрос - как их передавать между другими компонентами?
Я бы на своем, родном .NET даже не думал - вынес бы репозиторий (если БД, в моем случае это сфитченая дата) и в DI добавлял бы в каждый класс, который в нем нуждается.
Как поступить в ангуляр? Я могу пойти по пути наименьшего сопротивление, все свалить вкучу (там таблица, кнопка, диалоговое окно и т.д.) , но жопа чует, что говнокод лепить не кошерно. Теперь к конкретике:
1. Есть таблица, в которой отражаются данные (там же и изменяются)
2. Есть диалоговое окно, которое отражает результирующие данные.
Какую связь построить между этими двумя компонентами?
174 1946945
>>46925
Долбоеб, блядь. Редко такое говорю, но выкатывайся нахуй, не твое.
175 1946952
>>46900
В доках и спеке написано про литерали строку. Сущность, которую оператор typeof при вызове обзовет как 'string'. А не строку кода, дегенерат ебаный.
176 1946954
>>46945
>>46952
Ебать вы тут какие агрессивные все. Вас не ебут что ли?
177 1946955
>>46954
Я один. А хули не поагриться на дегенерата ебаного?
178 1946956
>>46955
Сколько пишешь если пишешь на js?
179 1946958
>>46956
Тебя это ебать не должно.
180 1946963
>>46933
Совсем тяжёлые вычисления надо пихать в воркер, промисы всего-лишь пропукивают свой код между циклами основного потока.
181 1946970
>>46942
Делаешь page component, в него инжектишь стор, говоришь стору «загружай данные». Кладёшь на page table component, суёшь данные из стора в table через input. У table есть output «нажали кнопку 1 (на такой то строке)». В page подписываешь на этот output, показываешь модалочку. Модалочку можно показывать через ngif конеш, но у тебя же АМ, инжектишь модал сервис, открываешь модалочку через него. Контент модалочки это естественно ещё один компонент. Модал сервис дот опен ретурнит модал реф, у него есть какой там стрим с результатом, в page на него подписываешься, снова говоришь стору «что то произошло, выполняй эффекты, обновляйся». Коробочка жужжит, белье с тянок само сваливается.
По итогу таблица умеет только красиво показывать данные, модал контент умеет только красиво показывать данные, стор умеет только получать и отправлять данные, страница сама ничего не умеет кроме лэйаута, но его тоже можно вынести в отдельный компонент, зато управляет всем остальным
Классика крудов
182 1946977
>>46970
Я типо такого делал на реакте, я правда не сильно продвинулся - есть родитель, в него входят разные компоненты. Родитель - хранитель всех "общих" данных. Еще можно было через Redux прокидывать и из него вытягивать.

>ngif


>AM


Это что?
Спасибо за ответ
183 1946981
>>46970

>По итогу таблица умеет только красиво показывать данные


Но нахуя? Содержание таблицы - локальные для этой таблицы данные, стор в частности и страницу в целом ебать не должно, что в ней лежит и как манипулируется.
184 1946995
>>46900
Ты передаешь не строку, а результат вырадения функции, который строкрй не является. Пиздуй в начало учебника к опрелелениям типов данных изучать что такое СТРОКА, ЧИСЛО, БУЛ, ОБЪЕКТ
185 1946997
>>46917

>Кантор кстати не офф. дока



Что такое офф? И где по-твоему оффдока находится?
HTML Standard.png49 Кб, 1234x622
186 1947000
>>46997

>И где по-твоему оффдока находится?


В спеке.
https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
187 1947002
>>47000
А спеку, кто пишет?
188 1947005
>>47002
Мамка твоя Не Кантор.
189 1947007
Аноны, не шарю в джс и вебе, помогите, пожалуйста.

Короче нужно js код с пика 1. Вставить в группу theread-links с пика 2. Как правильно прописать путь от js скрипта, а то у меня не линкуется ничего.
190 1947013
>>47007
Ты хочешь в шаблон элемент вставить или чё?
191 1947015
>>47013
да в шаблон нужно вставить элемент через js. в тэг span thread links как в js Корректно путь к нему указать?
192 1947026
Я отрендерил список элементов в вью из массива объектов через v-for item in items либо в реакте через items.map(item => ...), и мне нужно при нажатии на элемент сменить какое-либо значение в объекте с данными, на основе которых элемент был отрендерен, то есть нужно в массиве с объектами найти нужный элемент, например через find, потом я меняю этот элемент в массиве, и после этого будет ререндер всего списка? Если верну новый массив то будет скорее всего, да? А если я мутирую старый массив через обращение к найденному элемента по индексу (вместо find findIndex)?
193 1947028
>>47026
В реакте нужно ебстись с поиском элемента в массиве, в vue как бы пожно пушить сплайсить т.к там magic
194 1947031
>>46884
Там введение промокодов, я же не могу их в клиент зашить
195 1947035
>>44400
Мля, лол, это ты тот шизик, который назвал несуществующий алгоритм, а потом когда я попросил дать любую ссылку, где он освещается, ты просто ничего не ответил?
Советую принять таблетки, ты наглухо ебанутый шизофреник.

мимо анон, спрашивающий у этого овоща про несуществующий алгоритм и так и не дождавшийся ответа.
196 1947037
>>44453

>Рост и развитие


>просмотр ютубчика


Какие же малолетки дегенераты.
197 1947038
>>44465
Комбо говноеда.
198 1947052
>>47028
Только вот во вью с массивами реактивность хуй пойми как работает
199 1947053
>>47052
Конечно там одна магия
200 1947107
Кто занимался менеджментом памяти в браузере?
Допустим, пустая вкладка у меня в хроме ест 40 мегабайт (смотрю память по shift + esc). Если я создаю массив из миллиона строк, память вкладки прыгает к 200 мб. Если я через консоль чищу этот массив, память быстро возвращается к изначальным 40 мегабайтам.

Но если я заполняю массив не миллионом строк, а миллионом элементов (document.createElement('div'), например), при этом даже не вставляя их в DOM, то после чистки массива память с 450мб падает только до 120. То есть референсы почищены, а утечка памяти в 80 мб откуда-то взялась.

Это какой-то сайд-эффект от создания DOM-элементов?
201 1947108
>>47107
Вообще в хроме вроде есть профайлеры памяти, поищи что-нибудь про них. А нахрена тебе миллион элементов?
202 1947109
>>47108
У меня просто довольно жирное SPA, и я хочу, чтобы даже через несколько часов вкладка не делалась "тяжёлой".
203 1947114
>>47107
Используй профайлер, он и покажет куда 80 мб делись.
204 1947130
>>47109

> попробовал я как-то, значит, загрузить в ethercalc файл на сотню страниц...

205 1947288
>>47007
>>47015
бамп, помогите пожалуйста
206 1947298
>>47288
Твой вопрос сформулирован некорректно. Никто не понимает, чего ты хочешь.
207 1947303
>>47298
Понял. Перформулирую позже и повторю пост.
208 1947330

> думал, что знаю программирование более-менее, начал решать задачку на кодварс


> узнаю про какие-то regular expressions и обтекаю

209 1947340
>>47330
Даже недельный вкатила знает про рег из леарнжс, сочувствую
210 1947343
>>47340

> леарнжс


так это в 3 части написано, чел...
211 1947344
>>47330

>в программировании невозможно знать всё, поэтому вам нужно спокойно относиться к тому что вы чего-то не знаете



Бьёрн Страуструп. Расслабься и кодь на здоровье, пошли нахуй всех душных мудаков которые тебя расстрелять готовы за то что ты забыл как называется какая-нибудь хуйня. Я вот кодингом для удовольствия занимаюсь, не вкатываюсь, нихуя пишу что хочу. Бегаю по вашим тредам то сайты пилю, то прикладное по, что мне надо то и пилю. Книги читаю, но в основном наискосок и точечно по содержанию то что мне нужно знать именно в данный момент. И ты также делай, рекомендую.
212 1947349
>>47344

>в программировании невозможно знать всё,


Не ну не знать как регулярки работают этож пиздец. Хотя для совсем уж вкатуна простительно.
213 1947357
>>47007
Во-первых, что за селектор такой "thread-links" без префикса id или класса? У тебя создан кастомный тег <thread-links>? Что-то сомневаюсь.
Во-вторых, судя по {% шаблонам %}, это не чистый HTML, а какая-нибудь джанга. Если там всё рендерится на сервере, JS тебе для твоей задачи вряд ли нужен.

А вообще, да, сформулируй вопрос получше.
214 1947360
>>47357
Я к сожалению в вебе никогда не писал даже не понял что ты написал. Спасибо, анон, я подумаю и сформулирую вопрос получше
Capture6.PNG1 Кб, 316x41
215 1947361
>>47357
Это готовый код, не я его писал. Там нужно только отредактировать то что находится в самой левой скобке из-за этого элемент один не там находится где должен
216 1947375
Посоны, сейчас надо было сделать кастомный чекбокс и я просто без задней мысли засунул вместо него свгшку. С одной стороны я понимаю что это ебанутое решение, а с другой не могу обосновать почему. Поясните плз. То есть код выглядит примерно так
<ng-container [ngSwitch]="true">
<ng-container ngSwitchCase="state === 'checked'">
<img src="/images/checkbox-checked.svg">
</ng-container>
<ng-container
ngSwitchDefault>
<img src="/images/checkbox.svg">
</ng-container>
</ng-container>
217 1947390
>>47361
В левой скобке находится строка-селектор. Почитай про css-селекторы, что это такое.
Навскидку попробуй: $('#thread-links') или $('.thread-links')
218 1947395
>>47375
Управление с клавиатуры проебано, ControlValueAccesor проебан. Svg через img. Switch(true).

0/10
219 1947397
>>47395

>Svg через img


А чем тебе это то не нравится?
220 1947400
>>47397
+ checkbox-checked-ff0000-30_light-red.svg
221 1947401
>>47390
да я вчера уже пробовал и с решёткой и с точкой не сработало...
222 1947402
>>47344
ну да стараюсь не отчаиваться анончело
223 1947443
>>47390
заработало через # но с контейнером div родительским, а в список включиться на удаётся, но спасибо вам аноны, я более менее освоился почитал про css селекторы, думаю дальше сам уже справлюсь.
224 1947547
Используют ли в продуктовой разработке готовый дизайн(materialize, bootstrap и тд) или пишут чисто свою верстку и стили?
225 1947593
await тормозит только выполнение той функции в которой находится? Повстречав его выполнение кода выпрыгивает из функции и идет дальше по скрипту?
226 1947602
Есть li на 200 элементов, в каждом есть картинка как сделать что бы при клике на картинку открывалась модалка (react-modal)? На каждый li вешать модалку с обработчиком? Бред же
227 1947603
Поясните за axios и redux-thunk. Разве из коробки жс и редакс без них не юзабельны?
228 1947614
>>47593
Выполнение кода никуда не "выпрыгивает", await - это ожидание, и делает он ровно то, что написано - ждет.
229 1947619
>>47602

>На каждый li вешать модалку с обработчиком? Бред же


Почему бред? Модалку конечно нужно в одном месте держать, но обработчик у каждого элемента будет свой, это абсолютно нормально. То есть что-то вроде:
<li>onClick={() => showImageModal(image)}</li>
Где showImageModal - это какая-то функция, приходящая из родителя.
230 1947620
>>47547
Если придумаешь причину, по которой готовое тебе не подходит, то пиши свое. Иначе бери готовое.
231 1947625
>>47614
https://jsfiddle.net/ctygwLnd/1/

Ждет только внутри асинк функции, то что следом после нее сразу начигает выпрлняться, и только потом то что внутрии функции после аваита.
232 1947635
>>47602
Что если делегировать событие на ul и по клику обрабатывать на какую лишку был клик ?
233 1947663
>>47620
Окей. А если берут готовое - часто приходится редачить компоненты готовые? Или могут использовать прям предложенные стили из фрейма?
234 1947685
>>47547
Если это какой-то админский ресурс, то берут готовое решение, если для массового пользователя, то чаще свои компоненты пилят, иногда на основе тех же material, bootstrap и т.д.
235 1947692
>>47685
Ну проект внутренний, для сотрудников, скажем так. Админка тоже нужна будет, поэтому я думаю не париться и взять какой нить react-admin или аналогичное что то на vue.
236 1947707
>>47625

>Ждет только внутри асинк функции, то что следом после нее сразу начигает выпрлняться


>внутри асинк функции


>асинк


Значение-то знаешь?
237 1947708
>>47663
Теье самому насколько приятно на суржике разговаривать?
238 1947710
>>47663

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


Примерно между "никогда" и "очень часто". Чтобы точнее сказать, нужно дождаться провидца, который по постам тебе нагадает, насколько часто надо будет.
239 1947735
>>47692
Самая мякотка начинается когда делаешь на готовом, а потом говорят "хорошо получилось, сычушь, пора бы и кастомный интерфейс запилить"
240 1947749
Правильно я понимаю что мне в работе фронтовиком и половины контента с лёрнжаваскрипт не пригодится? На каком этапе можно начинать учить react? И поясните какие новшества привносит ts и на каком этапе стоит учить и его.
sage 241 1947773
>>47749
После того, как сделаешь свой мини реакт.
242 1947782
>>47773
А что не интерпретатор сразу? Каким хуем я должен создавать свой реакт не зная нихуя о реакте?
243 1947817
>>47602
Для такого случая как раз делегацию событий придумали, но Абрамов посчитал, что это слишком сложно для макак. Так что будешь костылить колбэк в родительском компоненте, который пропсом передаётся потомку, а тот уже через обработчик событий подставляет нужные аргументы в колбэк.
sage 244 1947848
>>47749
Пригодится 80% всего что там написано. Не пригодятся только некоторые моменты, например которые описаны в конце первой главы, в разделе разное.

Вот https://ru.code-basics.com/languages/javascript в принципе список той базы, плюс там же можно ее практиковать. Рякт учить только базы(2 главы кантора - должен знать основы(1 глава), и ДОМ события(2я глава)). После прыгаешь на рякт, когда на рякте напишешь апишку, уже можно щупать ТС и перепиливать апи на тс.
245 1947857
Хьюстон, we have a problem. После получения response от httpclient (anglular) и не могу пушить данные в другой компонент, пишет undefined. Я догадываюсь, что данные пушатся до их получения, как тогда делать типо функции then?
246 1947960
>>47857

>Я догадываюсь


Сначала проверь, потом читай rxjs
rxjsпочитал.jpg50 Кб, 844x292
247 1947987
>>47960

>rxjs


Почитал, проверяй
248 1947998
>>47603
Юзабельны. Axios и redux-thunk это не необходимая часть редакса. Redux-thunk это типа такой middleware прослойка позволяющая использовать axios с async await в экшенах.
249 1948001
>>47707
асин хронно
250 1948021
>>47987
Какие же линуксоиды реддитобляди жсеры тупые пиздос.
251 1948051
mobx
252 1948075
>>48051
redux
253 1948085
Ребятки решил понюхать этот ваш styled components, прикольно только вот вопрос норм ли юзать паралельно ванильные стили в виде scss файла?
254 1948099
255 1948106
Что-то я в смятении. На работе дают такие задания, от которых хочется просто встать и уйти. Например, надо перевести одну гигантскую страницу из джанго-шаблонов на реакт. Самой этой страницы в рабочем состоянии нет, в джанго-шаблоне несколько десятков переменных, некоторые из них откровенно "волшебные". В итоге я просидел неделю - и даже не понял в точности, ЧТО я должен повторить на реакте.
Стаж в JS десять лет, к слову.
256 1948107
>>48085
Зачем?
257 1948114
Ребят, а есть смысл нанимать ментора чтоб помог отшлифовать знания по реакту учитывая что я знаю базу и продвинутые темы настолько это возможно будучи новичком?
258 1948122
>>48114
Нет
image.png201 Кб, 444x516
259 1948123
>>46462
Пиздос я 2 дня не могу понять что за хуйня происходит и только сейчас до меня дошло. У меня некоторые компоненты лежат внутри одного и того же файла. Но я сделал тупейшую глупость и держал инициализацию дочерних компонентов внутри родительских. И разумеется когда у родителя обновлялся стейт, сбрасывались стейты и дочерних, потому что они не просто обновлялись, а сам компонент пересоздавался заново. Какая беспросветная тупость с моей стороны. Но как я рад что смог найти причину проблемы
260 1948208
>>47987
А как же белые жизни?
261 1948219
>>48208
Расист угнетатель насильник. Все с тобой понятно. Мы вам не перезвоним
262 1948233
>>47987
Неужели не понятно, что пендосы сейчас находятся в положении послемайданных хохлов, которые вынуждены клясться в лояльности Правому сектору/BLM просто чтобы не быть уничтоженными.

Посмотри на их команду. Видишь там хоть одного негра? И я не вижу. Это же явное сборище трампистов-ватников, морды их просят люстрационного сапога.
https://rxjs-dev.firebaseapp.com/team?group=Core Team
263 1948235
>>48233

>клясться в лояльности Правому сектору


Хуя промытая жертва телевизора. Кроме чустников правого сектора хоть кто-то вообще знает в Украине о его существовании?
264 1948238
>>48235

>Хуя промытая жертва телевизора.


Я перебрался в РФ в 2019-м году, до этого почти десять лет жил под Киевом. Правый сектор после майдана использовался именно для запугивания пересичных хохлов, на Донбассе они почти не воевали.
265 1948243
>>48238
p.s. Но суть не в них, конечно. Суть в том, что сейчас в США есть "движения", которым нельзя сопротивляться никак. БЛМщиков с нелицеприятной стороны даже обсуждать на кухне довольно опасно.
266 1948255
Братцы, помогите плиз перенести этот простейший скрипт для Excel в JS для GoggleSheets, суммирующий числа в строке, игнорируя буквы и т.д.:

Function fff(dan As Range) As Variant
Dim i
Dim pri
For i = 1 To Len(dan)
If Mid(dan, i, 1) Like "[0-9]" Then pri = Mid(dan, i, 1) Else pri = " "
fff = fff & pri
Next
fff = Application.Trim(fff)
fff = Application.Substitute(fff, " ", "+")
fff = Evaluate(fff)
End Function
267 1948261
>>48243

>нелицеприятной


Значение знаешь?
268 1948269
>>48255

> JS для GoggleSheets, суммирующий числа в строке, игнорируя буквы


Всё что могу тебе бесплатно сделать.

> 'sdf23f123d23das'.match(/\d/g).reduce((a, e) => +a + +e)

269 1948272
>>48255
ты напиши это в псевдокоде лучше, тут мало кто бейсик знает или что это такое
270 1948275
>>48269
неплохо, кстати
271 1948288
>>48269
Спасибо! А что с этим делать?
272 1948310
>>44376 (OP)
А где тестовые задания на миддла достать, кто знает может? Хочу попрактиковаться и поднять ЧСВ прежде чем претендовать на 250+к в ДС. Сам миддл в одной известной галере, с impostor syndrome, потому что пишу копируя код из старых проектов или стэковерфлоу.
273 1948325
>>48106

>просидел неделю - и даже не понял в точности, ЧТО я должен повторить на реакте


Опиши всю свою боль тех.лиду, пусть ставит задачи точнее. Это же очевидно, не?

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


-регулярно пересматриваешь резюме
-регулярно откликаешься на интересные предложения, может что и выгорит
Ключевое слово - РЕГУЛЯРНО.
274 1948345
>>48325

>Стаж в JS десять лет


Зачем помогать долбоёбу?
275 1948348
>>44387

>не думаю, что у тебя хватит денег для оплаты хотя бы 10 минут моего времени


Ты уже их потратил, отвечая на этот пост.

>Мог бы конечно придумать что то похожее, сгенерировать набор данных и написать рабочий код


Да, мог бы реально блеснуть знаниями, вместо маняфантазий о собственной охуенности, но, сам видишь, на что ты реально потратил 10 минут.
276 1948354
>>48310

>А где тестовые задания на миддла достать


хуй знает, интернет еще не изобрели, поспрашивай у знакомых мож кто нить переписывал на листочек с собесов
277 1948355
>>48345
Просто реально такое бывает когда сидишь долго на одном месте и привык действовать по определенным шаблонам. Что нам кажется очевидным, для других порой откровение. Я проходил через такое.
278 1948356
нао чтобы str заканчивался на ending

function solution(str, ending){
let regExp = new RegExp(ending + '$');
return regExp.test(str);
}

solution('abcde', 'cde') //true
solution('abcde', 'abc') //false

> SyntaxError: Invalid regular expression: /:-($/: Unterminated group



что ему надо блять
279 1948360
Алгоритмы не нужны для 99,999% макак. Что нужно из хард скилов большинству макакичей для непрерывного росту и преуспеяния на поприще погромоуирования, но на что большинство срало с самой высокой пальмы
1) Фаулер, дядя Боб, Эванс и др
2) Тестиравование
3) Девопус, но тилько для самообслуживания
280 1948363
>>48356
endsWith
откуда вы лезете блять?
281 1948365
>>48354

>поспрашивай у знакомых


Вот я и спрашиваю, здесь же все мои друзья.

>мож кто нить переписывал на листочек с собесов


Скиньте, если удалось сфоткать.
282 1948367
>>48355
Т.е. ты тоже долбоёб. Вот вы и встретились.
283 1948371
>>48363
спс

> откуда вы лезете блять?


я чё должен наизусть все методы знать?
284 1948373
Братцы, как перечисление поставить в формуле?
=SUBSTITUTE(D24 ; 2,4 ; 5)
Хочу цифры 2 и 4 заменить на 5
285 1948379
>>48373
const oldValue = element.value;
const newValue = 5;
if (oldValue === 2) {
element.value = newValue
}
if (oldValue === 4) {
element.value = newValue
}
286 1948383
>>48379
Спасибо, брат. Но я думал, как перечисление без скрипта впихнуть. Пойду экселевиков искать в /s/ наверно.
287 1948385
>>48383
Нагуглил:
=SUBSTITUTE(SUBSTITUTE(D24 ; 2; 5); 4; 5)
288 1948400
Нужно заполнять некую веб-форму на чужом сайте.
Как это сделать своим скриптом?

Например, скрипт рисует всплывающее окно с textarea, куда я вставляю блок текста, нажимаю кнопку, скрипт парсит текст, заполняет нужные поля поля оригинальной формы, и отправляет её.

Как организовать такое?
Сам скрипт я написать могу, естественно.

А можно ли такое делать с помощью какого-либо веб-клиента, чтобы полностью автоматизировать заполнение? Капчи там нет.
289 1948409
Бля бывают моменты когда нихуя не выходит и хочется дропнуть и ит это ни твое. Потом часа 2 отдыха и проблема рашается, это вообще нормально?
290 1948415
>>48409
Да, это нормально.
Это защитная реакция от перегрузки.
291 1948425
>>48415
А как лучше отдохнуть?
292 1948430
>>48425
Поиграть в футбик с кентами
Посмотреть аниме
293 1948451
>>48409
Нет. Устаешь, разумеется. Но от усталости раздражения и неприязни к области и тем более к изучению не возникает. Если теья что-то провоцирует на эмоцию триггерющую "дропнуть обучение" это звоночек.

Любознательность и пытливость не может исчезать в областях, к которым ты лежишь, а не силишься.
294 1948455
>>48425
Поспать.
Погулять на свежем воздухе.
Отвлечься на что-то другое.

>>48400
Вопрос снимается.
Там реально пиздецовый html, вместо кнопок - таблицы в дивах (лол), и прочая жесть. Это что-то типа Java Server Faces или какая-то подобная лютая хуйня, с кучей скрытых зависимостей и неявных скриптовых привязок. Т.е. разбираться в этой хуите слишком долго и дорого.
295 1948457
>>48451

>это звоночек


Ай, не пизди, да.
Это именно нормальная реакция на усталость.

Таких реакций не возникает только на любимую девушку, и то временно.
296 1948475
>>48457
Ты сам подтвердил мои слова,подчеркуюнув разницу между ЛЮБИМЫМ и НЕ ЛЮБИМЫМ делом. О чем я писал.

Если ты устаешь от дела так, что оно тетя раздралает, значит ты это дело не любишь.
297 1948507
>>48475
Ты либо троллишь, либо дурачок.
Какой вариант тебе нравится больше?
Мне не нравится ни один, поэтому, писать тебе я больше не буду.
298 1948533
Очень интересно конечно слушать истории про ЛЮБИМОЕ дело в контексте ЖС треда.
299 1948536
>>48533
А что не так?
300 1948539
>>48536
Пиздуй ковырять легаси на жиквери, а если от этого у тебя не горят глаза, то ты просто не настоящий программист.
301 1948540
>>44376 (OP)
Хочу написать расширение под хром, которым можно будет скрывать комментарии от всяких долбаёбов на ютубе. Выборочно. Что бы нажал на кнопку напротив коммента и в других видео эти дегенераты потом не отсвечивали ни под какими видео. Из всего, что я нашёл был только плагин вообще отрубающий комментарии под видео полностью, без возможности включить их обратно, только если удалить плагин полностью.

Но в кодинге я полный ноль, лет 10 пытался осилить, но было скучно. Посоветуйте с чего начать, плиз.
302 1948544
Что делать если нужно чекнуть разрешение экрана средствами ЖС во многих компонентах? Где можно чекнуть его один раз и раздать всем? Так вообще стоит делать или пусть каждый компонент сам чекает разрешение? Такие вещи стоит в стор пихать?
303 1948545
>>48539
Такие проекты - редкость.
304 1948547
>>48540
В шапке ссылка на гайд. Я и сам думаю начать вкатываться в практику с расширений
305 1948559
>>48371

>я чё должен наизусть все методы знать?


1. С опытом да, ты будешь знать большинство методов, по крайней мере факт что они есть.
2. Ты должен понимать, что нужно сначала посмотреть нет ли случайно такого метода уже в стандартной библиотеке/ramda.js, а потом уже хуярить свои костыли. На это уйдет всего пара минут.
306 1948563
>>48533
А что удивительного? На ДЖС куча модного, трендового, интересного.

При желании, и джиквери легаси можно превратить в интересный таск по организации кода и логики. Ты ведь понимаешь, что проблема не в самом джиквери, библиотечка то норм, проблема в индусском подходе к программированию.
307 1948564
>>48559

>нужно сначала посмотреть нет ли случайно такого метода уже в стандартной библиотеке


Для такого и существуют все эти оверфловы и чатики, если конечно ты не предлагаешь ПРОСТ взять и всю доку выучить нахуй целиком
308 1948566
>>48564
Да все эти строчки регулярно крутятся и всё помнится, какие оверфловы. Если ты такой склерозник, то ставишь точку после строки и смотришь варианты иде какие есть подходящие по смыслу.
309 1948567
>>48564
Ну я про это и говорю, вопрос чела про string ending это первая ссылка в гугле, а он костыли уже начал писать.

Тут даже гуглить не надо, достаточно в редакторе написать строчку, поставить точку и увидеть все методы которые можно вызвать, пикрелейтед.
310 1948590
>>48540
Это зависит от того, пихает ли гугол айдишники, привязанные к аккаунтам, в посты или нет. Скорее всего нет и ты только сможешь скрывать по постам, типа как на дваче. Можно конечно парсить имена и скрывать их, или там по файлу в аватарке скрывать, или по определённым ключевым словам, но в целом это не будет работать 100%.

>Но в кодинге я полный ноль, лет 10 пытался осилить, но было скучно. Посоветуйте с чего начать, плиз.


В шапке на mdn есть гайд для вкатышей, там как раз разжёвывают html/css/js, как раз то что тебе нужно для реализации кнопки скрывания.
311 1948591
>>48544
Тебе разрешение экрана нужно или вьюпорта?
312 1948593
>>48591
Окна браузера в общем. То, что чекается к примеру
window.matchMedia("(max-width: 800)").matches
Просто не знаю, это нормально такое к примеру раздавать через стейт менеджер? Куда это можно засунуть, прямо в стор?
313 1948602
>>48593
Зачем тебе пихать это в стор, если данные уже хранятся в глобальном объекте?
314 1948607
>>48559
Если честно у меня на кодварсе тема такая с регулярными выражениями, нахождение подстрок, поэтому надо было через велосипед делать. От того, что я тупа метод найду, больше понимать не стану, а цель именно такая
315 1948609
Если я еще хоть один раз увижу for вместо map/reduce...
316 1948611
>>48590
Проверил через f12 - нашёл только ссылку на канал комментатора. Сойдёт?
photo2020-12-1018-28-42.jpg117 Кб, 1080x1080
317 1948615
Бандиты, выручите плиз

Есть табличка:
| плата за час | <input type=text> объем | 1 день | неделя |
сообственно нужно на jquery по вводу в input брать значение из предыдущего <td> умножать на введенную в инпут цифру и выводить в следующий <td>

Если кто поможет написать за спасибо - с меня спасибо.
318 1948624
>>48602
Это хороший вопрос для размышления. Я об этом не думал. Я подумаю
319 1948626
>>48615
Никто не будет тебе ничего писать задаром. Алсо подобную хуйню можно и самому разобраться за вечер как сделатью
320 1948627
>>48626
Блядь я в питон тредах народу ебаные сотни раз писал задаром и не пиздел, а куда не ткнусь - что к вам-жс-пидорасам, что к свифтоебам - так элементарную дрисню на 3 строчки все ленятся помочь написать
Хуею просто. А сколько б ты за эту хуйню попросил? 0.2 биткоинов хватит?
321 1948629
>>48627
и да, ясен хуй что я не зная жса вообще, за вечер и сам напишу, но сука если тебе вломы подсказать околопсевдокодом как эту хуйню по-человечески высрать
input.onkeypress {
$current_td = selector(:nth-child())
price = selector(:nth-child(-1).value()
1day = selector(:nth-child(+1)).value(price*24)
}

то ну пиздец ты конь конечно
322 1948637
Нихуя не пойму если дергаю из стейта 3 поля 3 раза ререндер происходит если 4 то 4, какого хуя?
323 1948653
>>48627
Чел тут ценятся вопросы про теорию, общие вопросы.
Нигде тебе не будут отвечать кучей строк кода, что бы решить твою проблемку, тут у каждого второго куча таких личных вопросов. Напомню - у профессионалов ценится самостоятельное умение находить ответ на вопрос, гуглить.
Будь сильнее и умнее.
324 1948663
>>48611
Достаточно уникально.
Базовые классы выглядели бы так: https://codepen.io/Jumpy_Bunny/pen/XWNeJLv
Как из расширения получить доступ к дому - это уже надо доку к апи расширений читать.
Но условно секция с камментами - один родительский элемент с кучей дочерних элементов. Цель расширения - прикрепить кнопку "Скрыть" к каждому комменту. В зависимости от реализации скорее всего придётся рекурсивно пробегаться по элементам, чтобы кнопки налепить, так как на трубе есть вложенность.
При клике по кнопке "Скрыть" должно появлятся поле для ввода текста с указанием причины и при подтверждении ссылка на канал, тело поста и причина скармливаются в инстанс BlockedUser, который идёт аргументом в UserBlockController.addUser().
Самая ёбля будет со сравнением списка комментариев со встроенным списком. Так как труба грузит их клиентскоим скриптом, как таковых "стадий" в загрузке нет, так что скорее все придётся пердолиться с Proxy/таймерами/листенерами, иначе работа скрипта будет выглядеть как:
- Комментарии загружаются.
- Потом некоторые из них пропадают.
Плюс ещё при прогрузке новых комментариев тоже нужно запускать проверку.
325 1948681
Может ли styled components вызывать лишние рендеры?
326 1948721
>>48681
Вряд ли. Но производительность все равно сажает знатно.
327 1948767
>>48663
Нахуя нужны классы, если можно написать 3 функции?
328 1948787
>>48767
Так классы и есть функции.
js function.png1 Кб, 191x65
329 1948788
330 1948792
>>48787
Под функциями я подразумеваю функции в классическом понимании, а не "методы" с implicit переданным this. Подноготную JS и сахарок я знаю.
331 1948799
>>48792
Так в классическом понимании функций в жс нет, только объекты. Больше ничего.
Есть еще примитивы, но их можно тоже рассматривать в качестве синглтон объектов, потому как они боксятся, а сделаны разумеется для производительности. (тем более что сейчас ничего не мешает у примитивных добавить в цепочку прототипов прокси объект, отлавливащий сообщения, типа присваивания, и реалиховать поведение прототипов как полноценных объектов, но это ни к чему. проще воспринимать их как синглтоны. когда надо, любой примитив можно обернуть в полноценный независимый объект).
Так. Короче только объекты.
Все объекты делятся на callable и non-callable. Callable это функции, в понимании большинства. Но по факту это все те же объекты, со всеми свойствами что и у других.
Все объекты могут принимать всего несколько типов сообщений - get, set и call. При чем call может принимать только callable объект. при попытке послать call сообщение не-callable объекту будет исключение.
Сообщение get содержит один параметр, сообщение set два. Сообщение call параметром содержит кортеж аргументов, а так контекст this.
Если в объекте (а так же в цепочке прототипов) не назначены слушатели для get и set с определенными параметрами, ищутся слоты с такими именами в объекте и по цепочке. Если находится возвращается то, что в них лежит. Если в них лежит callable объект и ему посылают сообщние call сразу как получили его из слота, то у него будет перегружен контекст (this) на объект из чьего слота его получили. Если только этот объект не был сконструирован стрелочным синтаксисом, иначе контекст перегрузить нельзя. Если после получение callable объекта из слота его сразу не вызвать, а например положить ссылку на него в переменную, то контекст будет сброшен на тот, который был установлен у него в момент его создания (и это не обязательно будет тот же объект из чьего слота его получили).
У callable объектов есть scope (область видимости) и контекст (this) в момент посылки им сообщения call (вызова). scope средствами языка перегрузить нельзя, но некоторые окружения позволяют (например в ноде есть модеуль vm), this перегружается у callable объектов сконструированных не-стрелочным синтаксисом
Классов нет. Есть конструкторы. Любой конструктор принимает новый созданный объект, которому выставлен определенный прототип (другой объект). Оператор instanceof (someObject instanceof SomeClassName) проверяет лишь есть ли в цепочке прототипов у someObject объект который лежит у SomeClassConstructor в слоте с именем prototype. На сам конструктор ему поебать. Чтобы сменить класс, достаточно сменить цепочку прототипов. Даже если объект был сконструированным определенным конструктором.
Так же у объектов есть параметр ограничения доступа, контролирующие его расширяемость или изменяемость (sealed, extensible, frozen). У слотов объекта есть параметры configurable, enumerable, writable. Параметры слотов объекта не влияют на объекты, что в них лежат. Они лишь контролируют доступ к самим слотам.
Все. Никаких классов. Никаких интерфейсов. Как отдельных сущностей. По факту все есть объект и все строит из них.
наследование реализуется выстраиванием цепочки прототипов. Инкапсуляция только на уровне scope'в (читай замыканий).
В остальном все меняется и все динамично, если только специально все не зафризить в момент конструирования. Но обычно этим никто не заморачивается по причине оверхеда и бессмысленности. Разве только фанатики по иммутабельности, н это все из разряда те, кому надо чтобы им по рукам бил компилятор\рантайм\дядя петя. Все "привычные" понятия тянуться в язык для еще более простого вкатывания тех, кто приходит из других языков. Так уж сложилось, что есть куча литературы по привычному, статически классовому ООП, но очень мало по мессадж-пассинг\прототайп-базед\мета-программинг. Все эти притянутые понятия выливают в синтаксический сахар, который не делает ничего полезного, а даже наоборот, еще больше вносит путаницы и от того непонимамания многих вещей в языке. При этом часто этот синтаксический сахар дэже урезан и вспомнинают об этом лишь после (как например проебались с полями в конструкции class и тянут ее теперь только в proposol'ах будущих версий).
JS истинно объектный язык. В современный язык притащили много вкусных вещей для метапрограммирования. Нову примитивную сущность Symbol, и Proxy-объекты. С помощью которых можно еще больше и сильнее перегружать и менять поведение в динамике.
Другое дело, что почти никто не умеет этим пользоваться и не понимает, что такое объектное программирование на самом деле.
Им нужно не объектное, а статически типизированное. А какие именно структуры будут скрываться за этими типами, не собо важно. Важно что это просто структуры и функции, строго привязанные к ним, или иногда менее строго. То, что в Java\C++ это больше структурное программирование, нежели объектное. Объектное программирование не может существовать без динамической среды. Это противоречит самому понятию объекта. А динамическое программирование это слишком сложна и непанятна. И как бы не старались с пеной у рта фанатики кричать про низкий порог входа - низкий он именно что для входа, а не для всего остального. Модификация программ в рантайме всегда было уделом креативно мыслящих людей. Для большинства это слишком сложный уровень высокой абстракции.
331 1948799
>>48792
Так в классическом понимании функций в жс нет, только объекты. Больше ничего.
Есть еще примитивы, но их можно тоже рассматривать в качестве синглтон объектов, потому как они боксятся, а сделаны разумеется для производительности. (тем более что сейчас ничего не мешает у примитивных добавить в цепочку прототипов прокси объект, отлавливащий сообщения, типа присваивания, и реалиховать поведение прототипов как полноценных объектов, но это ни к чему. проще воспринимать их как синглтоны. когда надо, любой примитив можно обернуть в полноценный независимый объект).
Так. Короче только объекты.
Все объекты делятся на callable и non-callable. Callable это функции, в понимании большинства. Но по факту это все те же объекты, со всеми свойствами что и у других.
Все объекты могут принимать всего несколько типов сообщений - get, set и call. При чем call может принимать только callable объект. при попытке послать call сообщение не-callable объекту будет исключение.
Сообщение get содержит один параметр, сообщение set два. Сообщение call параметром содержит кортеж аргументов, а так контекст this.
Если в объекте (а так же в цепочке прототипов) не назначены слушатели для get и set с определенными параметрами, ищутся слоты с такими именами в объекте и по цепочке. Если находится возвращается то, что в них лежит. Если в них лежит callable объект и ему посылают сообщние call сразу как получили его из слота, то у него будет перегружен контекст (this) на объект из чьего слота его получили. Если только этот объект не был сконструирован стрелочным синтаксисом, иначе контекст перегрузить нельзя. Если после получение callable объекта из слота его сразу не вызвать, а например положить ссылку на него в переменную, то контекст будет сброшен на тот, который был установлен у него в момент его создания (и это не обязательно будет тот же объект из чьего слота его получили).
У callable объектов есть scope (область видимости) и контекст (this) в момент посылки им сообщения call (вызова). scope средствами языка перегрузить нельзя, но некоторые окружения позволяют (например в ноде есть модеуль vm), this перегружается у callable объектов сконструированных не-стрелочным синтаксисом
Классов нет. Есть конструкторы. Любой конструктор принимает новый созданный объект, которому выставлен определенный прототип (другой объект). Оператор instanceof (someObject instanceof SomeClassName) проверяет лишь есть ли в цепочке прототипов у someObject объект который лежит у SomeClassConstructor в слоте с именем prototype. На сам конструктор ему поебать. Чтобы сменить класс, достаточно сменить цепочку прототипов. Даже если объект был сконструированным определенным конструктором.
Так же у объектов есть параметр ограничения доступа, контролирующие его расширяемость или изменяемость (sealed, extensible, frozen). У слотов объекта есть параметры configurable, enumerable, writable. Параметры слотов объекта не влияют на объекты, что в них лежат. Они лишь контролируют доступ к самим слотам.
Все. Никаких классов. Никаких интерфейсов. Как отдельных сущностей. По факту все есть объект и все строит из них.
наследование реализуется выстраиванием цепочки прототипов. Инкапсуляция только на уровне scope'в (читай замыканий).
В остальном все меняется и все динамично, если только специально все не зафризить в момент конструирования. Но обычно этим никто не заморачивается по причине оверхеда и бессмысленности. Разве только фанатики по иммутабельности, н это все из разряда те, кому надо чтобы им по рукам бил компилятор\рантайм\дядя петя. Все "привычные" понятия тянуться в язык для еще более простого вкатывания тех, кто приходит из других языков. Так уж сложилось, что есть куча литературы по привычному, статически классовому ООП, но очень мало по мессадж-пассинг\прототайп-базед\мета-программинг. Все эти притянутые понятия выливают в синтаксический сахар, который не делает ничего полезного, а даже наоборот, еще больше вносит путаницы и от того непонимамания многих вещей в языке. При этом часто этот синтаксический сахар дэже урезан и вспомнинают об этом лишь после (как например проебались с полями в конструкции class и тянут ее теперь только в proposol'ах будущих версий).
JS истинно объектный язык. В современный язык притащили много вкусных вещей для метапрограммирования. Нову примитивную сущность Symbol, и Proxy-объекты. С помощью которых можно еще больше и сильнее перегружать и менять поведение в динамике.
Другое дело, что почти никто не умеет этим пользоваться и не понимает, что такое объектное программирование на самом деле.
Им нужно не объектное, а статически типизированное. А какие именно структуры будут скрываться за этими типами, не собо важно. Важно что это просто структуры и функции, строго привязанные к ним, или иногда менее строго. То, что в Java\C++ это больше структурное программирование, нежели объектное. Объектное программирование не может существовать без динамической среды. Это противоречит самому понятию объекта. А динамическое программирование это слишком сложна и непанятна. И как бы не старались с пеной у рта фанатики кричать про низкий порог входа - низкий он именно что для входа, а не для всего остального. Модификация программ в рантайме всегда было уделом креативно мыслящих людей. Для большинства это слишком сложный уровень высокой абстракции.
332 1948827
>>48721

>производительность все равно сажает знатно


Пруфы?
333 1948846
>>48799
JS такой язык, что чем меньше фич ты из него используешь, тем поддерживаемый код получается. Главная сила языка это функции (можешь называть их callable объектами) и возможность использовать их как значения, что вкупе с замыканиями позволяет писать очень гибкий код всего лишь несколькими средствами. Объекты должны рассматриваться только как хешы "ключ-значение", без каких-либо методов с this'ами внутри. Symbol, Proxy и другие фичи это излишние лоулвльные абстракции.

Писать продакшн код в подобном "динамическом" стиле с переопределением прототипов никто не даст, потому что это неподдерживаемая хуйня. Абстрагирование от лоулвла языка как раз для того и делается, чтобы код был более надежным и легкочитаемым. Кроме того, предметная область JS просто слишком высокоуровнева, нет смысла дрочить метапрограмминг для обработки клика по кнопке или редьюса стейта.

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

Вон редакс уже "сложный", зачем понимать разделение на экшны и редьюсеры, если можно просто в мувисерчере переменные присвоить как в МобХ, и норм.
334 1948849
>>48846

>вкупе с замыканиями


С захватом переменных хотел сказать?

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


Конкретно в ситуации с ютубокомментами скорее всего придётся дрочиться с метапрограммированием, так как желательно неугодные посты скрывать до добавления в дом, ну или хотя бы до рендера. И кнопки соответственно не добавлять в неугодные посты.
335 1948854
аноны, есть ли способ отключить срабатывание эвентов для функции? например, мне нужно на html плеере вызвать .play(), при этом не стригерив эвент
336 1948881
>>48624
>>48544
В общем тут дело в чем, реакт ведь не будет сам по себе обновлять компонент при ресайзе, что-то должно вызывать ререндер. В моем случае я вешаю эвентлистенер, и когда происходит ресайз, вызывается функция, которая чекает текущее разрешение, и соответственно от этого обновляет стейт и в компоненте происходят условные рендеры. Так вот, дело в том, что такой эвентлистенер вешается сейчас отдельно в каждом компоненте. Можно ли к примеру такой эвентлистенер создать где-то для всех компонентов сразу? Можно ли создать эвентлистенер в сторе и там же держать какую-то переменную, которая говорит, какой шириниы сейчас вьюпорт, типа 1024-1980, и все компоненты будут просто брать только это значение из одного места. Или это может како-то плохо работать?
337 1948884
>>48827
Я тестировал, даже issue им писал. По сравнению с тупой сменой класса в sc идет интерполяция здорового шаблона (многократная если активно используешь хелпер css), вычисление какие классы надо добавить и удалить, генерация стилей с префиксами и вставка в style. Пока я не оптимизировал интерполяцию у меня SSR занимал 200 мс где-то, что, конечно, вообще ни в какие ворота.
338 1948885
Внутри компонента создаю функцию renderPosts которая мапит массив обьектов и передает их в другой компонент, далее renderPosts вызываетс в рендере, это норм? Или нихуя?
339 1949075
вкатился к вам из джаба треда.
Планирую написать несколько пет проектов потренировать бэкэнд
Джабоскрипт год назад пробовал, реакт пробовал, верстку изучил, вебпак чуть чуть трогал.. Но потом забил на это дело а несколько месяцев назад решил вкатиться в джабу серьезно.
Писать фронтэнд сейчас лень (может потом ближе к отправке резюме подниму тему и освежу память), я сейчас хочу написать несколько пет проекктов по джабе и около нее (может даже без гитхаба) чтоб потренировать спринг секьюрити, спринг дату и прочее говно. Можно конечно использовать постман, но мне хочется с UI. Так вот, вопрос, где бы мне надыбать готового фронтенда с версткой?
С нормальной версткой - хорошо.
С готовыми реакт - компонентами еще лучше, асинхронные запросы, стейт и прочее говно.

Есть ли какие-то ресурсы подобные на уме? Помню давным давно когда только вкатывался подписался на хтмл академи (фу, знаю), у них там рассылочка была с макетами фотошопными. Но мне макеты нахуй не нужны. Мне бы верстку хотя бы.
340 1949078
>>48846
двощую
image.png10 Кб, 446x393
341 1949087
>>49075

>Пет проект


>потренировать секьюрити


>нужна нормальная верстка

342 1949092
>>49087
такую я и сам напишу. мне бы что-то типа интернет магазина или бложика.
Хочу опробывать спринг дату, спринг бут, спринг секьюрити, монго, тдд и прочее говно в бою
343 1949095
>>48884

> вставка в style


В SC используется CSSOM. Но вообще, да, SC на перфомит, поэтому мы переехали на линарию.
344 1949107
>>48799
Низкий поклон, анон, красиво всё сказал. Редко встретишь таких коллег, для многих прокси это некая магия.
345 1949116
346 1949119
>>44376 (OP)
Где пастебин в шапке ,суки
348 1949131
Аноны, я бекенд-макака, ща в своем пет-проекте валандаю клиентский JS, нативный. Пишу на классах, собираю в кучу вэбпаком. Без реакт/вью/ангулар.
Но что меня вымораживает - это именно постоянная связка объектов с объектами DOM. Особенно это геморойно при AJAXе на клиент, и всякие анимации. Создание новых элементов и вставка их в страницу. Выглядит это все косорыло. Хотя я стараюсь по максимуму не тыкаться в DOM, у каждого класса своя привязка к "элементам странички". И из других объектам я к этим "элементам страничики" стараюсь обращаться с помощью объектов которые ими управляют.
Хотелось бы посмотреть JS код хорошо сделанной какой нибудь сложной формы, где много логики, анимаций и AJAX. Что бы пример был , что бы я со своим поделием сравнил.
349 1949141
>>49131

>Создание новых элементов и вставка их в страницу. Выглядит это все косорыло.


Думаешь просто так всякие рякты взлетели, которые по сути ещё и шаблонизацию в клиентский код занесли?

>И из других объектам я к этим "элементам страничики" стараюсь обращаться с помощью объектов которые ими управляют.


То есть ты добавляешь прокладку из объектов к объектам? ООП головного мозга как есть.

>Хотелось бы посмотреть JS код хорошо сделанной какой нибудь сложной формы, где много логики, анимаций и AJAX. Что бы пример был , что бы я со своим поделием сравнил.


Какая нахуй анимация в жс, тем более в формах? ЖС максимум что может сделать - переключить классы в элементе в зависимости от событий, а свистелки и перделки задаются стилями.
350 1949188
>>49087
сверстал, как боженька
351 1949223
>>49141

> ЖС максимум что может сделать - переключить классы в элементе в зависимости от событий, а свистелки и перделки задаются стилями.


Жс может в CSSOM и Houdini API.
352 1949278
>>47998
А в чем смысл асинк эвэйта в экшенах? Если у меня триггер редакса происходит в кастомной асинк функции, после получения результата от сервера? Или для того что бы не писать эту кастомную функцию?
353 1949323
>>49223

>Жс может в CSSOM и Houdini API.


Которые выполняются на мейнтреде.
354 1949326
я буду так счастлив когда меня на работу возьмут
355 1949330
Есть ли смысл юзать react-window или пилить infinity scroll?
356 1949336
Я сделал функцию перевода с морзе через свитч, комментарии на кодварсе обидно читать
357 1949341
>>49336
>>49336

> перевода с морзе через свитч


नई दिल्ली में मौसम कैसा है?
358 1949361
>>49341
мне похую я тесты тупо прошёл и сё, а что за MORSE_CODE[x] ? Не гуглится нихуя
359 1949370
>>49141

>То есть ты добавляешь прокладку из объектов к объектам? ООП головного мозга как есть.


Проиграл с дурачины, у которого очевидный, правильный и очень удобный паттерн "я не дергаю элементы на страницы напрямую каждый раз, а прокладываю между ними и остальным кодом стабильный интерфейс, скрывающий детали имплементации" превратился в "ООП головного мозга". Причем триггер произошел именно на слово "объекты", если бы там была "прокладка из функций", то ты бы наверное от счастья описялся, хотя никакой реальной разницы между двумя реализациями не было бы, интерфейс есть интерфейс.
мимо
360 1949371
>>49361
а отбой там в условии оказывается написано что добавили таблицу с морзе
361 1949380
>>49075
что тебе мешает взять любую популярную реакт/вью либу, сделать пару-тройку форм для твоих кейсов, и кидать условным аксиосом запросы?
362 1949395
Поясните за реакт, есть массив обьектов если я полностью заменю этот массив новым это не гуд тк все компоненты которые пользуются обьектами из этого массива перерендерятся? Т.е нужно искать нужный элемент в миссиве и мутировать его?
363 1949404
>>49395
Так рендеров вообще не будет
364 1949405
Поясните за реакт. В рабство наниматься не собираюсь, нужно для собственного проекта. Какие у него пререквизиты и насколько сильно нужно задрачивать жс с вёрсткой? Есть ли там что-то, что помогает или упрощает последнюю?
365 1949407
>>49395

>если я полностью заменю этот массив новым это не гуд тк все компоненты которые пользуются обьектами из этого массива перерендерятся


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

>Т.е нужно искать нужный элемент в миссиве и мутировать его?


Реакт о твоем мутировании нихуя не узнает и ничего поменять не сможет.
366 1949410
>>49405
Просто бери готовый фреймворк(next какой-нибудь) и иди по гайдам. Без опыта на пустом реакте ты не напишешь ровным счетом нихуя, кроме совсем простейшей хуйни, которую в сто раз легче было бы сделать через обычные серверные html-шаблоны любого бэкенд-фреймворка(джанго, рельсы, ларавель) с минимум жопоскрипта.
367 1949412
>>49404
>>49407

>Реакт о твоем мутировании нихуя не узнае


Придурки ебаные я стейт через action creator или setState(если без редакса) меняю
368 1949416
>>49410
Как показывает рынок - реакт одно из самых удачных решений для подобного. Я лучше посижу подольше но сделаю один раз хорошо ибо если потом всё выгорит то тратить деньги и переписывать всё на что-то более существенное будет глупо.
369 1949421
>>49416

>сделаю один раз хорошо


Это не про реакт, у которого устоявшейся инфраструктуры нет от слова совсем, только монструозное bloatware уровня material-ui или react-select, где список одних параметров компонента занимает половину файла, либо низкоуровневые "собирай и ебись сам" конструкторы. Первый и не только первый самостоятельно написанный проект на реакте ты 100% выкинешь и будешь переписывать с нуля.
370 1949422
>>49370

>"я не дергаю элементы на страницы напрямую каждый раз


Чтобы поменять отображаемое значение на странице, тебе в любом случае придётся дёргать дом, хоть ты там десятью декораторами обмажься. А проводить вычисления за пределами дома ты и без прокладок можешь.

>а прокладываю между ними и остальным кодом стабильный интерфейс,


Не поверишь, но с домом ты уже общаешься через интерфейсы. Или интерфейсы не те?

>скрывающий детали имплементации"


Что ты там собрался скрывать на клиентской стороне, дебил? Любой идиот сможет посмотреть сырцы твоего говнокода, скрыватель хуев.

>превратился в "ООП головного мозга"


Так это и есть ООП головного мозга, так как ты тащишь свои привычки из другого языка.

>если бы там была "прокладка из функций"


Вот именно, что её бы не было.
371 1949426
>>49421
Откуда тогда такая популярность раз он столь плох?
372 1949428
>>49421
Какое отношение ui-элементы имеют к инфраструктуре? Все приличные ребят один хуй свои ui-киты пилят.
373 1949431
>>49405

>Какие у него пререквизиты


https://kentcdodds.com/blog/javascript-to-know-for-react

>Есть ли там что-то, что помогает или упрощает последнюю?


Нет, Реакт не делает абсолютно ничего чтобы упростить верстку, он исключительно про иерархию UI и передачу данных. Более того — либа для работы с DOM отделена от собсна Реакта.
374 1949437
>>49422
Пчел, ты даже не знаешь, что такое "скрывать детали имплементации" и думаешь, что это означает "прятать сурс-код от конечного пользователя", нахуя вообще в дикуссию влез? Вся суть ФП-шизиков, год поработал, а мнение имеет.
375 1949441
>>49426
Почему плох? Реакт заебись, проблема именно в инфраструктуре, а точнее в ее отсутствии, из-за чего перед вкатывальщиком стоит альтернатива либо хуярить свои велосипеды, которые потом за три жизни не разгребешь, либо тащить в проект 60кб минифированного кода для того чтобы добавить инпут с дропдауном.
>>49428

>какое отношение ui-элементы имеют к разработке UI


Ну я даже не знаю...
376 1949448
mobx
377 1949459
>>47026

>и мне нужно при нажатии на элемент сменить какое-либо значение в объекте с данными


Во вью достаточно повешать @click="handle(item)"

>>47052
Какая магия? У них в доках везде написано что на все объекты рекурсивно вешается реактивность, твой массив становится реактивным, и каждый объект в нём становится реактивным, и если в объекте есть еще объекты то и они становятся реактивными.
378 1949461
>>49426
Он не плох. Просто сильно хитровыебанный местами. Нужно или привыкнуть или поискать что-то более понятное для тебя лично.
379 1949496
>>48884
Как оптимизировал?
380 1949501
>>49095

>SC на перфомит, поэтому мы переехали на линарию


А надо было сразу на sass.
381 1949509
>>49501
Зачем возвращаться на устаревшие технологии?
382 1949511
>>49441
У реакта наоборот самая развитая инфраструктура. Ты скорее всего диванный, писавший на вью и ангуляре, но имеющий мнение о реакте.

>тащить в проект 60кб минифированного кода для того чтобы добавить инпут с дропдауном


Ну точно диванный.
383 1949512
>>49509
Так пихать стили в жс это как раз уровень какого-нибудь жиквери.
384 1949514
>>49448
redux
385 1949515
>>49512
Нет, это наоборот вершина развития инструментов стилизации на данный момент. Писать на sass — это возврат в 2014 год.
386 1949519
>>49515
Нет это не вершина. Вершина развития - это вставлять SQL код в render функцию!
387 1949532
>>49511

>У реакта наоборот самая развитая инфраструктура


У реакта(и у жса в целом) нет даже элементарных вещей, нужных 99% приложений, уровня неймд роутинга("бест практика" - это хуярить сырые строки в 10 местах, <Link to={`/users/${id}`}/>) или базового API клиента с тестовым интерфейсом(см. сосущий даже у фетча аксиос с раздутым конфигом и ебанутой системой интерсепторов, выкидывающий по умолчанию не-200 ответы вместе с сырыми эксепшенами или совсем охуевшие монстры вроде react-query, мешающие в одну кучу объявление эндпоинтов, получение данных, кеширование данных, рендеринг данных, и прибитые гвоздями к реактовскому API). А это самый низ приложения, когда идешь выше, то там вообще пиздец, что ни возьми: от форм до кастомных компонентов, все будет громоздким, неповоротливым, некомбинируемым и сделанным по принципу "захуярим сюда весь функционал, который в голову придет, и просто добавим 100 опций в конфиг".
388 1949537
>>49515
Вершина развития стилизации - это как раз sass, у которого новая система модулей дает в рот даже самому жсу шел 2021 год, а жсеры до сих пор без плагина бабеля не могли установить рут сурса приложения и пользовались релативными импортами, кому расскажи - не поверят, а переменные, миксины и возможность без заебов складывать пиксели с хуикселями вообще ебут любые жсокостыли не разгибая уже сколько лет. Выглядит он так же в сто раз лучше, обратно совместим с сырым кссом, в консоли браузера ты сразу видишь ровно то же самое, что написал в коде, а не пропущенное через мясорубку жса месиво, так еще и работает быстрее, что при компиляции, что в браузере.
389 1949539
В чем отличие мидла от синьора?
390 1949549
>>49537
Двачую, во вью можно писать sass под компонентами (из коробки scoped и css modules) и дальше крутишь как хочешь
391 1949554
>>49539
мидл делает хорошо там, где сказали, синьор знает, где надо сделать хорошо
392 1949566
Господа! А есть ли какой-нибудь хороший ресурс, на котором уже есть какие-нибудь часто встречающиеся куски js-кода (аналог css tricks), дабы не изобретать велосипед там, где не надо?
393 1949567
>>49537
В styled-components есть всё то же, но при этом в разработке они намного удобнее. Импорты давно есть в ts, переменные и миксины удобнее в styled-components, выглядят styled-components в сто раз лучше, и в консоли там всё нормально выглядит. Работает sass быстрее насколько, на тысячную секунды? Если взять linaria, то sass ни насколько не быстрее.

>>49549
В реакте то же самое со стайледами.
394 1949571
>>44376 (OP)
Как же заебали пиздатые окна про куки, которые невозможно закрыть, блядь!
Кто эту хуйню выдумал? Нахуй вообще нужны эти окна ебучие, на пол экрана?
И почему их закрыть, блядь, нельзя, или свернуть, а надо обязательно принять эти грёбанные куки?
Почему эти div'ы пиздатые, приходится вырезать вручную, из HTML-кода страниц?
Не хочу я ебучие куки ваши, пошли нахуй,
я хочу сайт посетить и контент прочитать, за которым пришёл из поиска!!!
Но нет, сукаблядь, вылазит окно на пол экрана. Прими ебучую куку!
Я уже заебался Ctrl+Shift+Delete нажимать и вычищать нахуй это говно из браузера.
Срут куками мне в хранилище локальное, а потом всё виснет,
и синий экран смерти при гуглеже вылазит, в самый неподходящий момент.
Конечно, блядь, гиг оперативки жрут куки, нахуй мне в броузере не упавшие.
Пошли нахуй со своими куками, и окна уберите эти уёбищные, заебали блядь.
Веб-макаки мамкой с папкой, до конца недопиленные.
Копипастят хуйню, а потом на сайты лепят, чтобы поскорей,
и такие уёбищные страницы получаются,
что хоть сиди и адблоком, вручню, всё это говно вырезай...
395 1949572
>>49571
Можешь съебать в китайский интернет тогда, там ЕвроСоюз (Германия) практически не имеет влияния, и соответственно никакого GDPR. Ещё каких-то макак обвиняет, лол.
396 1949573
>>49572
Не, ну это ж пиздец просто. Смотри какое окно вылазит, здесь: https://superuser.com/
397 1949574
>>49572

>Можешь съебать в китайский интернет тогда, там ЕвроСоюз (Германия) практически не имеет влияния


Я лучше в LAN буду сидеть, здесь на весь ЕвроСоюз мы тоже срали все, с высокой колокольни. У нас тут ваще, отдельная сеть, независимая, бгггг.
398 1949577
>>49574
Независимая до тех пор, пока пыневики глаз на неё не положат.
399 1949587
>>49532
Тогда во вью ситуация ещё хуже, а в ангуляре такие же громоздкие как в реакте модули, просто их не надо отдельно устанавливать.
400 1949636
>>49577
Анус пускай свой положат. LAN можно строить даже поверх Интернета. Гугли LAN через VPN.
401 1949642
>>49532

>У реакта(и у жса в целом) нет даже элементарных вещей


Так есть же подключаемые библиотеки, че не так?
402 1949646
>>49496
Вместо хелпера css склеивал строки сам
403 1949647
>>49566
Да, github. Смотришь в сорцы лоудеша или рамды и берешь оттуда. Или просто ставишь эти либы.
404 1949648
>>49532
Схуяли в Реакте, который абстрагирован от dom и от web вообще должен быть роутер или http-клиент?
405 1949695
>>49587>>49642>>49648
Речь не о самом реакте, а об его инфраструктуре, то есть о тех самых "подключаемых библиотеках", которых нет в помине и даже базовые вещи надо писать с нуля.
406 1949696
>>49567
Чел, ты пишешь css стили внутри строк с интерполяцией нахуй, о каком удобстве и красоте может идти речь? Ты ебанутый?
image.png608 Кб, 573x668
407 1949711
>>48846

>Symbol, Proxy и другие фичи это излишние лоулвльные абстракции.

408 1949760
Где я ошибся, анон? Почему она моргает? Как-то нужно вызывать функции по 1 разу, а они вызывают много раз, как я понял. Помогите поправить.

Клепаю свой сайт на коленке, в первые в жизни пишу код, пока только вкатываюсь.
409 1949772
>>49760
Твоя главная проблема - использование jquery.
410 1949773
>>49760

> в первые в жизни пишу код


> жкуери


ты чё нахуй э
411 1949785
>>49772
>>49773
епт ну яж помощи прошу, епт мужики гречневые ну памахите хуле вам

давайте без жиквери перепишем
412 1949792
>>49760
Потому что функции вызываются каждый раз при событии. Тебе их нужно объединять в одну, которая будет знать, какой эвент в данный момент выполняется и отменять его при запуске нового, но это слишком сложно будет, если только начал. Выпадающие менюшки лучше делай просто через css, примеров можешь миллион найти, в том числе и с анимациями. Но анимацию лучше вообще убрать нахуй, это только раздражает пользователя, если ему нужно ждать прорисовки твоей хуйни прежде чем можно начать ей пользоваться.
>>49772>>49773
Как обычно шизики стриггерились на жквери, но сидят молчком, как только им задают вопрос "а хули ты предлагаешь вместо?". Еще давайте высрите, что ему срякт нужно начать осваивать, чтоб менюшку сделать.
413 1949795
Ебать внатури, привязал айди, удалил нахуй жиквери - все заработало!
Ну и параша этот жиквери блять... инсайд этого года для меня.

Алсо ток не понял как привязать айдишку к вызову маусовер

когда пишу document.getElementById("userlist").mouseover(showUserlist);

не работает, помогите ток эту строчку исправить пацаны!
414 1949796
>>49795
Заработало оно только потому, что ты убрал анимацию, поехавший.
415 1949814
>>49795
мен я предлагаю тебе литл бит слоу даун и хотя бы основы лёрн и тогда ол вил би окей
416 1949816
>>49814
я лерни и практиую сразу, прост дошел до второй главы кантора, вот делаю че получается
417 1949819
>>49816
ты меня не обманываешь случаем? там же нет жквери у кантора и твою задачу без него вроде можно сделать
418 1949820
XMLHttpRequest вообще нужен в современной разработке по факту? Спрашиваю, потому что не хочу читать немаленькую главу Кантора про какую-то историческую хуйню.
419 1949822
>>49819
жику я подсмотрел в базовом курсе по js на юдеми
420 1949823
>>49648
Как ты будешь SPA (основная ссуть реакта) без них писать? Вручную пердолить ссылку в навигаторе и пропукивать джейсоны через фетч? О том и речь.
>>49760

>Где я ошибся, анон?


Анимируешь в жс то, что элементарно делается в CSS без ёбли с ассинхронщиной.
>>49795

>удалил нахуй жиквери


Так ты селекторы оставил и события неканонично присвоил.
421 1949827
>>49823

>Анимируешь в жс то, что элементарно делается в CSS без ёбли с ассинхронщиной.


В ксс анимацию можно сделать только через
display:none;
display: block
А в скриптах можно делать плавный переход fadein, поэтому я скрипты и начал писать
422 1949832
>>49827

>В ксс анимацию можно сделать только через


Вот зачем ты пытаешься о чем-то утверждать с умным видом, если сам ВООБЩЕ не разбираешься в этом. Ты в своем уме? Нахуя так делать?

По существу - нет, ксс может делать ЛЮБУЮ анимацию.
423 1949834
>>49832
Шиз, я все уже в интернете посмотрел на эту тему. Анимацию к display:none в ксс ты никак не прикрутишь

Анимировать блоки можно только через скрипты
424 1949836
>>49827
Хуя дебил, этот переход не анимируется вообще, ни в жс ни в css.
425 1949839
>>49834
Понятно)))

Сообщи, когда откроешь для себя opacity и выяснишь как на самом деле работает твой fadeinout

Долбоёб.
leetcode.png21 Кб, 1112x486
426 1949841
Посоны, вот допустим есть задача

"Given a date string in the form Day Month Year, where:

Day is in the set {"1st", "2nd", "3rd", "4th", ..., "30th", "31st"}.
Month is in the set {"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"}.
Year is in the range [1900, 2100].
Convert the date string to the format YYYY-MM-DD, where:

YYYY denotes the 4 digit year.
MM denotes the 2 digit month.
DD denotes the 2 digit day."

Мое решение на скрине. Что в нем имело бы смысл поменять? Есть ощущение, что оно как говно выглядит.
427 1949843
>>49841
В сплите потерялся аргумент, должно быть split(' '), но суть вы, надеюсь, поняли.
image59 Кб, 677x652
428 1949844
>>49839
Очко себе сделай опасити. Эта хуета занимает место в итоге в потоке, блок надо убирать z индексом пониже.
Есть еще пердолинг с кейфреймс, но это именно уже пердолинг и костыли.
А речь шла про

>что элементарно делается в CSS без ёбли с ассинхронщиной.


В итоге все проще сделать в JS, теперь можешь вытереть мою сперму со своих губ, я кончил.
429 1949845
>>49839
Вообще говоря css анимация обосрется когда элемент начинаетет влиять на поток и расположение других элементов. Браузр тупа такую анимацию вырубает и востпроизвогит только начальное и конечное состояние. Тут без жс не обойдешься https://css-tricks.com/animating-layouts-with-the-flip-technique/

мимо
430 1949846
>>49836
никто не говорил что он в js анимируется
я говорю что в js ему есть альтернатива
431 1949849
>>49845
Я про это и говорю, но обосрыши не хотят слушать, и продолжают маняврировать.
abu.mp4144 Кб, mp4,
374x278, 0:04
# OP 433 1949877
434 1949897
>>49849
Обосрался тут только ты.
435 1949899
>>49844

>Эта хуета занимает место в итоге в потоке


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

>Есть еще пердолинг с кейфреймс, но это именно уже пердолинг и костыли.


А вот ставить жиквери, который по сути этот кейфреймс заинлайнит, это конечно же не пердолинг.
436 1949926
>>49841
бамп вопросу
437 1949950
>>49926
Что ты хочешь услышать о своих пяти строчках кода? Задачу решил, молодец, успокойся.
438 1949955
>>49841
могу посоветовать решать задачки на кодварс, там после твоего решения можно посмотреть чужие
439 1950083
Почему жс тред забит каким-то говном? какой-то версткой блять, жиквери, чего блять? Куча хуйни и офтопа? Вы что тут устроили?
440 1950092
Могу ли я прикрутить server-side-rendering к моему SPA приложению на реакте, чтобы ускорить его первую загрузку? Уменьшится ли количество js кода в отрендеренной странице? Логика ведь не может магическим образом испариться, а раз туда добавится еще отрендеренных html, то это только увеличит время загрузки сайта, и мне кажется рендеринг на сервере + загрузка будет дольше чем рендеринг на клиенте, тем более у меня какого-то ебического сервака. В теории будет круто сразу на сервере получить динамиский контент не тратя время на запросы и загрузку, но не надо ли будет все эти запросы переписывать?

В общем есть ли какие-то плюсы у этого подхода и можно ли его реализовать малой кровью?
441 1950110
>>49647
а потом обезьяна ради 1-2 простейших действий тащит в проект целую либу, ага
442 1950133
>>50083
А ты че жс пытаешься юзать в програмировании?
443 1950135
>>50110
А почему бы и нет?
444 1950138
>>50083
уебывай на пикабу быдло
445 1950148
Можно ли как-то заставить компонент реакта думать, что элемент, в который он в писан это окно? Например если я открываю отдельную страницу, они проверяет размер window и в зависимости от этого применяет стили. А вот если эту страницу вставить в модальное окно, то компонент должен считать размер этого модального окна и применить стили в зависимости от его размеров. Можно ли как то сделать проверку размеров окна универсально?
446 1950153
>>50148
То как ты это описал звучит крайне хуево как по мне. Проще передавать эти значения в сам компонент, где-то брать из window (задать как дефолтные значения), где-то из размеров модалки. А еще лучше сделать на стилях, но тут сложно что-то посоветовать без конкретного примера.
447 1950167
>>50153
То, что мне нужно, очень похоже на iframe. Правда никогда раньше не пробовал ничего подобного делать
448 1950169
>>50153
Забыл дописать, компонент, который хочу вставить в модалку использует и медизапросы css и проверку размеров окна средставми js. И компонент можно было бы вообще не трогать, если бы просто можно было как-то заставить компонент думать, что он просто находится в окне меньшего размера
449 1950192
На javascript.info пишут
To make the range object iterable (and thus let for..of work) we need to add a method to the object named Symbol.iterator (a special built-in symbol just for that).

То есть это подразумевает, что на обычном объекте это свойство уже есть. В тоже самое время
const obj = {}
obj[Symbol.iterator]
выдает ошибку. Почему?
450 1950194
>>50192
Пишется, что для того, чтобы объект имел возможность быть итерируемым - нужно добавить метод Symbol.iterator. Ты же пытаешься вывести свойство, которого нет. Так не работает, сначала нужно его определить.
451 1950200
>>50194
Так в статье добавляют этот метод чтобы работал for of. По объектам он и так работает, хотя этого метода нет (точнее должен быть, но у меня почему-то ошибка вылезает)
https://javascript.info/iterable
image.png6 Кб, 402x119
452 1950203
>>50200

>По объектам он и так работает


Каким образом?
453 1950204
>>50200
С чего ты взял, что он работает?
const obj = {a: 1, b: 2}
for(let i of obj) {} тут выведет ошибку, что объект не итерируемый.
454 1950205
>>50110
Ramda enjoyer'ы могут импортировать по одной функции, а ты пиши костыли вручную.
455 1950208
>>50200
Шиз, итерация это метод, у главного объекта он отсутствует, этот метод надо ему передать напрямую или накинуть прототип от другого объекта, у которого есть метод итерации
456 1950212
>>50205
Любая современная либа с подобной направленностью позволяет импортировать по одной функции, а уж лодаш тем более.
457 1950332
>>49695
В реакт экосистеме на любой пук есть библиотека.

>>49823

> Как ты будешь SPA (основная ссуть реакта) без них писать? Вручную пердолить ссылку в навигаторе и пропукивать джейсоны через фетч? О том и речь.


react-router
react-query
458 1950333
>>49696
Не пойму, что тебе не нравится? Подсветки синтаксиса нет? Это ты ебанутый, если не можешь установить расширение для vscode.
459 1950342
>>50332

>В реакт экосистеме на любой пук есть библиотека.


Нет.

>react-router


>react-query


см >>49532
460 1950344
>>50333
Не нравится то, что ты сравниваешь писание css-а через интерполируемые строки(!) в другом языке(!) с полноценным языком писания css-шаблонов, у которого другой цели в принципе нет, и где весь файл - это стили и ничего кроме стилей, и говоришь, что первое удобнее нахуй.
461 1950347
>>50344
В styled-components есть всё то же, что и в css, и в sass, и даже больше — их можно юзать прямо в js файлах, в них удобно передавать пропы и на их основе устанавливать css-правила, в то время как в sass надо писать всратые классы либо data-атрибуты. Это некрасиво и неудобно. Темы тоже намного удобнее делать на стайледах, они сильно облегчают создание сложных интересов. У чистого sass буквально 0 преимуществ кроме мизерного выигрыша в перформансе, который нивелируется, если стайледы компилировать в css при сборке. То, что это интерполируемые строки — ну так какая разница? За последние два года я sass не использовал и возврат к нему это явный шаг назад, шаг в прошлое.

>>50342
Я уже успешно создал несколько крупных проектов и везде react-router и react-query отлично себя показали. В одном из проектов был next.js, там свой роутер, который тоже выполняет свои задачи. И вообще нередко даже react-query не нужен был, хватало либо чистого фетча, где-то было кеширование от apollo.
462 1950360
>>50347

>хватало либо чистого фетча


Кто-то может мне пояснить нахуя это нужно вместо аксиоса?
463 1950363
>>50360
Нахуя нужен аксиос если фетч уже на кончиках пальцев?
464 1950366
>>50363
Ну с XMLHttpRequest понятно, интерфейс уровня 2005 года, но на аксиос без ебли можно повешать свои мидлвары и крутить что хочешь, ну и прогресс аплоада файла еще можно получить (inb4 в 2021 файлы грузятся со скоростью света). А в фетче даже на 500 ошибки нихуя не выбрасывается, как ни крути а нужно своё говно лепить чтобы было удобно пользоваться
465 1950393
>>50347

>styled-components


Опа этот шарит, скажи на каждый ли див спан и тд нужно делать стилизацию? Или можно сделать врапер а вложенные теги стилизировать классами?
image.png115 Кб, 251x242
466 1950406

> сас

467 1950413
>>50406

>НАШЕ ЖИКВЕРИ НИ ЖИКВЕРИ ОНО В 2ДК2К ТАК ЧТО ЭТО СМУЗИ

468 1950448
чем заменить англицизм продакшен ?
469 1950451
>>49130
Спасибо!
470 1950471
>>50448
Запущенный в боевом окружении.
471 1950472
>>50393

> Опа этот шарит, скажи на каждый ли див спан и тд нужно делать стилизацию?


It depends. При таком подходе проще нестить стили.

> вложенные теги стилизировать классами


Я бы не миксовал подходы с класснеймами и стайлд компонентами, только если ты не юзаешь Astroturf или что-то типа того.
472 1950474
>>50472
Если в некоторых случаях описание слилей займет больше места чем рабочий код это норм?
473 1950476
>>50472

>При таком подходе проще нестить стили


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

Хардкодед класснеймы еще чем плохи - их имена могут манглиться, если кто-то внезапно поменяет конфиг сборки.
474 1950478
>>50474

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


Норм, но мы определение стайлд комопнентов выносим в отдельный файл как раз для того, чтобы не мешать в одной куче рендер вьюхи с стилизацией.
475 1950481
>>50478

>отдельный файл


Блин у меня нахуй диссонанс , есть css scss бэм и это все тоже лежит в отдельных файлах, я думал что фишка sc как раз в том что все касающейся компонента и лежит в нем?
476 1950482
>>50481
Никто и не навязывает вынос в отдельный файл, тащемта.
477 1950483
>>50471
не троль плз)
1607645995809.jpg26 Кб, 746x716
479 1950493
Короче пиздец я намучился с этим ебаным гугл сайн-апом но так и не нашел решение
Чтобы было нагляднее, вот есть 2 индуса ебучих https://www.youtube.com/watch?v=-OgU5EAcQmo и https://www.youtube.com/watch?v=5-jBzkttbx0 они оба делают абсолютно тоже самое, но у одного вылазит поп-ап, а у второго редирект на страницу гугла, и я тупо не понимаю, в чем моя проблема? Потому что мне надо именно чтобы был редирект, а не поп-ап
480 1950517
Есть ли какие-то подводные у useLayotEffect, если туда засовывается не очень тяжелое вычисление? У меня при первом открытии страницы очень быстро блинкуют некоторые стили, которые берут параметры от размеров окна. И если я чекаю размер окна просто useEffect-ом, то сначала происходит первый рендер, а уже потом все показывается в том виде, в котором должно после получения размеров окна. А вот useLayoutEffect чекает размер окна еще до первого рендера. Мою задачу это решает, просто хочу узнать, можно ли как-то обосраться с его использованием? При условии что там ничего асинхронного происходить не будет
481 1950529
>>50517
useLayoutEffect синхронный и блокирует отрисовку (painting) страницы браузером, а useEffect нет. В этом все отличие. Собсна именно для твоего случая он и предназначен.
image.png166 Кб, 512x436
482 1950530
>>50529
Заебись. А то не знал как избавиться от этой проблемы. Странно что про такую возможность сходу не поясняют в разных уроках. Вообще случайно про этот хук узнал
483 1950534
>>50493
Ты бы сам хоть попробовал эту хуйню с первого видоса локально запустить, чтобы увидеть, что она открывает форму в отдельном окне. Чтобы редиректить можешь просто вызывать window.open() и передать в нее https://accounts.google.com/o/oauth2/v2/auth с нужными параметрами и после обратного редиректа брать код/токен и дальше делать что тебе надо.

И лучше бы вместо просмотра этих уебищных видосов изучил оф доки гугла по oauth, гораздо быстрее было бы.
484 1950601
>>50534
Спасибо
485 1950605
mobx
486 1950608
>>50605
нет
487 1950616
Прикольна зделоли
https://vueuse.org/functions.html
488 1950630
Вакансий на стажёра нету
489 1950643
>>50630
Иди на миддла
490 1950672
>>50366

>А в фетче даже на 500 ошибки нихуя не выбрасывается


Это плюс, дурачок. http-клиент не должен выбрасывать экспешены при получении не-200 ответа сервера, это ебанутый нонсенс. Если у тебя выкидывается эксепшен где угодно(включая http-клиент), то это должно означать пиздец, неожиданность, все не работает нахуй. Как пример - NetworkError, SyntaxError, TypeError и т.д. 500 ответ сервера таким случаем не является, его нужно нормально обработать и сказать клиенту "сервер на этот запрос чутка долбоеб, попробуй еще раз по-другому".
491 1950679
>>50643
аххаа, кстати да
492 1950711
>>50672

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


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


У меня такое чувство что ты предлагаешь вместо try/catch ошибки ифами обрабатывать. И еще объясни, в чем разница между NetworkError и 500 ошибкой сервера для твоего приложения? Ты в любом случае ничего кроме алерта высрать не сможешь. Что так что так неожиданно и всё не работает нахуй
493 1950736
>>50711

> Ты в любом случае ничего кроме алерта высрать не сможешь.


Про буферизацию и отложенный повтор неудачных запросов ты еще не проходил?
494 1950751
>>50736
Ок, делаем ретрай и на NetworkError и на 50x? Тогда зачем тебе ебля с трай кетч И ифами?
495 1950754
>>50711

>У меня такое чувство что ты предлагаешь вместо try/catch ошибки ифами обрабатывать


Я предлагаю вообще не использовать try/catch для реализации какой-либо логики в приложении, потому что это давно известный антипаттерн, как тебе такое?

> еще объясни, в чем разница между NetworkError и 500 ошибкой сервера


В том, что NetworkError - это "нихуя не работает, приложению пизда", тогда как 500 - это "бэкендер что-то нахуевертил, отправьте тикет или попробуйте еще раз"
496 1950768
>>50679
Ну, я так и сделал. Проще подтянуть свой уровень до момента когда тебе можно что-то доверить чем мыкаться в поисках вакансии стажера-говночиста.
497 1950769
>>50754

>потому что это давно известный антипаттерн, как тебе такое?


Не согласен, но спорить не буду, мы не об этом сейчас

Я изначально поинтересовался зачем брать довольно таки лоулевельный для фронтендеров апи, чтобы жсончики гонять, в котором отсутствуют хайлевельные штуки вроде мидлваров и тому подобного(что тоже не всегда нужно, это понятно). Или ты просто предпочитаешь новое говно старому говну? А если бы фетч выбрасывал на 400-500, твои действия?
498 1950774
Что почитать чтобы понять этот злоебучий this? Там он теряется, там он не теряется. В конструкторе класса он нужен, если тупо задаёшь поле - нет. Нахуя так сложно и как это всё осознать?
499 1950777
>>50774

>что читать


что угодно. хоть бы и кантора

>как осознать


просто вызубри. осознание придет с практикой
501 1950824
>>50774
Что там сложного? Даже ребенок поймет.
502 1950828
>>50751
Ты сушедший? 500 ошибка, это значит, что сервер таки что-то но ответил. А нетворк еррор это значит, что домен вообще может не резолвится, нет сети, или еще что-угодно. И обрабатывать это все надо по-разному.
503 1950829
>>50769
Фетч нихуя не лоулевельный, а любой твой миддлвар уровня "распарсить в жсон и добавить хедеры" делается одной оберточной функцией без дрочева раздутого неинтуитивного API, которое к тому же поощряет мисюзы и добавление бизнес-логики внутрь запроса.

>А если бы фетч выбрасывал на 400-500, твои действия?


Взял бы другой http клиент или сделал бы обертку над самим фетчем.
image.png5 Кб, 393x170
504 1950838
image.png5 Кб, 341x69
505 1950845
506 1950849
Пиздец, ебанный js отказался работать, я говорю ему делай так как я хочу, а он вообще с браузера ебанного выключился, теперь js вообще нигде не работает, я его нашел на рабочем столе, он с браузера выпал, что делать?
507 1950859
>>50849
Учить нормальный язык.
508 1950871
>>50859
2 макета за мивину и пара сайтецких один из которых лендос для наебизнеса достаточно будет?
509 1950872
>>50871
Бля, не туда, идите нахуй.
image134 Кб, 512x512
510 1950887
511 1951126
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
Тред утонул или удален.
Это копия, сохраненная 15 мая 2021 года.

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

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