Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката: https://developer.mozilla.org
Или написание кастомных for лупов теперь дохуя алгоритмы?
Когда исправишь расскажи что в твоем говнокоде не так было, интересно
Манюнь, я понимаю, что в твоем манямирке все окружающие тебя люди это такие же вкатуны как ты, но реальность такова, что есть и те кто уже работает. Так вот, код который я пишу защищен NDA, погугли что это такое. Я не хочу нарушать договоры ради того чтобы доказать что то сычу, сидящему на мамкиной шее. Мог бы конечно придумать что то похожее, сгенерировать набор данных и написать рабочий код, но не думаю, что у тебя хватит денег для оплаты хотя бы 10 минут моего времени.
вопрос на засыпку, что сначала выполнится: 32-ая строка или 35-ая?
>названия алгоритмов
Тебе в прошлый раз написали название, долбоеб, ты начал кукарекать о том что в гугле ничего не нашел и требовать примеров.
Самое смешное, что даже увидев пример, твой манямирок взбунтуется и начнет сыпать оправданиями, потому что такие как ты осознают важность изучения алгоритмов только когда к жопе прижмет, т. е. когда встретишься на практике.
вешай по нормальному на все в том числе будущие сразу
https://api.jquery.com/on/
$('body').on('click','.deleteTaskButton',function(){...
тредю зашкварен
Привет.
Пикрил норм книжка, чтобы вкатиться в жс тому, кто уже на другом прогает?
Если нет, посоветуйте что-нибудь для освоения особенностей языка.
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, Юрий Дудь, Джастас Уолкер, Адвокат Егоров
Почему? У неё же класс такой же. Или вот я не понимаю как оно работает, типа в какой-нибудь ДОМ не попадают элементы и оно их там не видит?
>>1944424
А так кликает да. Только теперь у нового элемента data-id андефайнд...
>>1944386
...потому что блядь кавычки забыл закрыть в имени класса, в коде, который рендерит карточку после добавления в жс коде.
Так что наверное и так бы сработало.
$(selector).click() работает так: он ищет все элементы в доме удовлетворяющие селектору и вешает на каждый из них функцию, в новых нодах которые ты добавишь потом естественно хендлера не будет, вызываешь ты его один раз на дом-рэди, либо вешай на создании кнопки на неё хендлер либо используй $().on
>>1944496
Ну понятно, спс. А в документации вроде написано, что клик - это синоним он(клик).
>>1944498
Да я же и написал сразу, что уже нашел обсер. Сраная кавычка вот тут. Поэтому он так странно и подсвечивался, лел, а я не видел в упор. Но из-за того, что я вместо клика написал "он", я хотя бы это заметил и нашел.
Выше нас есть симуляции высшего уровня там другие законы
Мы должны создать симуляцию проще нашей насколько хватит вычислительных возможностей
Вот ссылка на симуляцию https://2ch.hk/pr/res/1944376.html
У меня нет NDA, так что в общих чертах отвечу. За все время работы был один случай, когда пришлось чуть-чуть вспомнить дискретную математику - это когда я заартачился и написал движок для поиска и визуализации пути, простой как пень., и редактор точек к нему. На все ушло в районе... двух дней что ли, если алгоритмы считать. Вот и прикинь, сколько времен человеку-энтерпрайзу нужны алгоритмы.
мимокрокодил
>>1944152 →
>У твоего расширения есть репозиторий? Был бы не прочь поконтрибуцировывать код в него.
Да не, это я чисто для себя написал. Благодаря подсказкам ИТТ, работает сейчас всё так, как я хотел бы.
А кстати, интересно вдруг стало. Если я, к примеру, со временем расширю базу и захочу вынести этот json в отдельный файл, то это неполияет на производительность или ещё чего?
Верстал, плиз. Любой поиск - алгоритм. Любая выборка - алгоритм. Работа с таблицами - алгоритм. Просто работа со списками уже алгоритм.
Можно конечно обмазаться либами, но в интепрайсе ты не можешь либы брать, потому что каждая либа проходит ревью у безопасников.
Алсо, половину этих алгоритмов проходят в 10-11 классе, так шо похуй.
>>1944708
Не, во второй версии говна, рандомизация по индексам. Ща сделаю и скину. Хорошо выходит, ух.
то есть допустим у меня
this.options = arr.map(...)
this.options2 = [...this.options]
На мой взгляд выглядит как говно. Можно ли сделать это в одну строку?
Лучше всего будет поднять простенький сервер на ноде, как было сказано выше уже.
Как еще один вариант - написать два менеджера/сервиса запросов. Один для сервера, другой чисто мок-заглушку, который на любые запросы будут асинхронно возвращать какие-то тестовые данные. И переключаться между ними по надобности.
В этом случае, у тебя будет готовый инструмент для тестирования/разработки фронта независимо от того, какой сейчас треш творится на беке. Но это имеет смысл только если ты там собираешься долго работать и тебе вообще не похуй.
>Верстал, плиз. Любой поиск - алгоритм
Алгоритмы, мальчик мой, это не то же самое, что бизнес-логика. Алгоритм - это какой-нибудь сраный муравьиный поиск, который ты пишешь самостоятельно. Или сортировка. Или еще что-нибудь подобное, требующее знания математики и CS, а не умения код набирать. Всё остальное к алгоритмам в программистском смысле не относится.
>Нормально ли юзать local/session storage для обычных сайтов ?
Да. А для каких сайтов он предназначен по-твоему? Каких-то необычных?
>И какой обьем приемлем?
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Browser_storage_limits_and_eviction_criteria
>Если я, к примеру, со временем расширю базу и захочу вынести этот json в отдельный файл, то это неполияет на производительность или ещё чего?
Конечно влияет, отдельный файл нужно будет каждый раз парсить, а при добавлении новых элементов - перезаписывать. Если не нужно заморачиваться сортировкой джейсона, то можно ограничиться записыванием нового элемента в конец массива.
Но там должно быть дохуя записей, чтобы влиять на что-то. Для сравнения - `package-lock.json` свежеустановленного Create React App - 700КБ размером и 17к строк. И ничего, всем норм. Он, впрочем, нечасто дёргается, только при установке/удалении пакетов в проекте.
И если у тебя не совсем днищепэка, то ощутимой разницы не будешь чуять, пока пилишь под себя. Проблемы могут начаться, когда подумаешь поднять сервер для своего расширения, но там уже не будет проблемой этот джейсон в бд мигрировать.
Анончики, посоветуйте годноту почитать по nodejs для вкатыша. Хочу понять, как серверная часть работает.
У меня стоит роутер!
Ну условно у меня 3 компонента с разными роутами.
Первый рендерит все карточки товара.
Второй рендерит карточку товара.
Третий - корзина, которая показывает товары, которые были в нее добавлены и рендерит их.
При клике на добавление в корзину -> имя товара, цена и прочее сохраняются в стейт. Но при переходе в корзину он сбрасывается...
Скрины почему-то не кидаются. Что я не так делаю?
<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>
Нахуя нужна реактивность, если у меня есть глобалстор? Глобалстор лучше реактивности же. Но если реактивность нинужна, то можно вообще обойтись только шаблонизатором + стореоном? Но ведь стакать вызовы рендера нужно. Или типо это стореон будет делать? Или для этого отдельная либа нужна? Или реактивность нужна чтобы в шаблоны пукать, а стор чтобы переменные хранить?
Блеадь. Что за хуйня.
В ангуляре можно добавить директиву, и в нее руками передать все что надо, но хотелось бы чтобы работало на все компоненты само.
{
"item1": {
"description": {
"value": "1000"
},
"flag": 1,
"errors": 0
}
}
Вывожу в консоль item1 > объект выводится как показано выше. Если начинаю лезть вовнутрь, начинает на любой глубине выдавать undefined. Если вывожу в консоль любую его вложенность прямо во время фетча типа - .then(data) => console.log(data.item1.description.value), то в консоль доступ к объекту выводится нормально, показывает 1000. Но если я потом его куда-то записываю и хочу получить к нему доступ через записанный объект, точно так же, весь объект внутри undefined. Но при этом сам объект item1 и его структура выводится в консоль, а вот все что внутри недоступно. Что я не так делаю? Что там ломается у жсона при записи в переменную?
Это зависит от того, как реализован эндпоинт. Самый наотъебись вариант - высирать весь список в джейсон и пусть фронт там сам ебётся с пагинацией и фильтрами.
В более рабочем варианте ты сначала решаешь, будет ли твой эндпоинт реагировать на GET или POST запрос. При гете фильтры парсятся через https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams или эквивалент на питоновском серваке, и ты отправляешь джейсон в ответ. Ну а с постом всё понятно, клиент присылает тебе джейсон, ты его анализируешь и выплёвываешь джейсон в ответ. Собственно твоя работа состоит в написании эндпоинта и что на него должен отправлять фронт, а уж что он там делает с ним после получения ответа - похуй.
Лол, проиграл с варианта, чтобы отдавать полный список, но да, вроде в голове сложилось что через параметры урла просто отдавать отфильтрованные данные, а уже фронт пусть их втавляет в нужные места, кстати, пагинация на беке делается, тоже важный момент, надо запомнить
>>1945560
А еще нужно кэширование сделать и алгоритмы формирования json. А авторизацию вынести на сервер. А еще можно через вебсокет. А json через бинарные данные передоват. Да и хранить всё в бинарном формате в бд, через индексы кэша.
А можно просто найти можно проверяй)) бд которая всё это делает безстрочкикода.
1. Нужно ли дробить по компонентам - отдельно таблица, отдельно чек-бокс, который идет полем в этой таблице и который принимает каждую сущность по отдельности? Или все говно слепить в кучу и булевое заменять на чек-бокс?
2. Каким инструментом пользоваться? NgModule? Формы? Вроде бы простая задача, но толковой реализации не могу придумать.
https://jsfiddle.net/qz82n9pg/
вот такая шляпа у меня. Последнюю колонку нужно как то заменить на чек-бокс. Твой кусок закоментил, ибо нихуя не работает
>Что я не так делаю?
е понимаешь как работает ассинхронность и чем отличаются моменты когда ты читаешь свой объект внутри обработчика в then, и когда ты его пытаешься прочитать там, куда записал.
>Что там ломается у жсона при записи в переменную?
Ничего нигде не ломается. Ты пишешь код, непонимая, что он делает и как он на самом деле работает. Перестань относится к программированию, как к магии, где успех зависит от того, насколько тебе повезет. Начни пытаться понимать ЧТО ИМЕННО ты делаешь.
От реализации и настроек зависит. Обычно создается css декларация и подключается на страницу и на элементы назначаются сгенерированные названия стилей вроде .aBcd . Эти стили учитывают повторяющиеся декларации в исходниках, потому если ты создаешь овер дохуя элементов с одинаковым набором стилей, на выходе они все будут ссылаться на один и тот же css-класс, дабы не злить Окама. При желание можно перенастроить на инлайновые, но лучше не надо.
Чтобы получать конкретные практические ответы, нужно научиться задавать конкретные вопросы, и если они касаются конкретного куска кода, то приводить этот код. А задавая "почему эфемерное у меня не работает", ты получаешь соотвествующий ответ. При чем пользы он несет намного больше, чем твой вопрос. Но даже этого ты понять не способен, или не пытаешься, как и то, то же именно ты делаешь, когда пишешь тот или иной код, вместо попыток удачно составить синтаскически корректное выражение.
>>1945919
Верстал, ты ебанутый? Нахуй ты пытаешься строить из себя эксперта? Не забывай что ты не знаешь даже что такое ДЖЕЙСОН и объект.
>>1945459
Ты должен сначала распарсить json. Гугли как это делается. Json должен иметь корректную структуру. Потом просто делаешь что-то уровня json['item1'][4]['hui'] и получаешь свои данные.
Короче, проверь сначала что ты вообще делаешь и корректнуть структуры.
такой вопрос написание нейросетки для написания сайта (интернет магазина,визитки,бложика) насколько реально?
фронт энд уже преставил но чуствую с бекэндом ебнусь
Заебись, чотко
CSS модули что ли? В них нет такого понятия, как ".class1.class2". Называй селектор одним словом и не выёбывайся.
Селектор вида:
class1 {
&.state1 {}
&.state2 {}
}
Выглядит так в коде:
`className={`${styles.class1}` ${props.something ? styles.state1 : styles.state2}}`
Он уже все распарсил, долбоеба ты кусок.
Делает он примерно следующее
let a
fetch(url).then(r => a = r.json()).then(r => { a = r; console.log(a) })
console.log(a)
И не понимает (как и ты, который не способен уловить суть типичной проблемы вкатывальщка), почему у него внутри then все работает, а потом внезапно не работает.
Есть отправка формы, после того, как приходит ответ с сервера о том, что значение в форме правильное - форма проверяет ответ, и форма начинает светится зеленым светом.
Компонент весь целиком остается тот же самый, но если после фетча я отправлю полученное с сервера значение еще и в мобХ, при том, что нигде это значение на самой странице еще не используется, вся страница полностью сбрасвает локальные стейты и отображает только то, что записано в глобальном стейте. preventDefault в отправке формы прописан, страница не перезагружается, а только сбрасывает все локальные стейты на изначальное состояние Блядь как же я ненавижу мобх, даже если проблема вообще не в нем это самая пидорестически ебанутая хуета из всего, с чем мне приходилось иметь дело, с абсолютно ублюдской докой и коммьюнити, которая была устаревшей еще в прошлом веке, просто одна громадная куча пидоров человеконенавистников людоедов
Если это не какая-то платиновая классика, то код конечно покажу
Например если я хочу обновить total перемножив два предыдущих значения? Такое допускается вообще? Или лучше внизу в самих компонентах это все обрабатывать и экшеном перезаписывать?
>Есть отправка формы, после того, как приходит ответ с сервера о том, что значение в форме правильное - форма проверяет ответ, и форма начинает светится зеленым светом.
Что за наркомания? Ссуть клиентской валидации - проводить проверки инпутов, не требующих запроса с сервера.
Я бы на своем, родном .NET даже не думал - вынес бы репозиторий (если БД, в моем случае это сфитченая дата) и в DI добавлял бы в каждый класс, который в нем нуждается.
Как поступить в ангуляр? Я могу пойти по пути наименьшего сопротивление, все свалить вкучу (там таблица, кнопка, диалоговое окно и т.д.) , но жопа чует, что говнокод лепить не кошерно. Теперь к конкретике:
1. Есть таблица, в которой отражаются данные (там же и изменяются)
2. Есть диалоговое окно, которое отражает результирующие данные.
Какую связь построить между этими двумя компонентами?
Делаешь page component, в него инжектишь стор, говоришь стору «загружай данные». Кладёшь на page table component, суёшь данные из стора в table через input. У table есть output «нажали кнопку 1 (на такой то строке)». В page подписываешь на этот output, показываешь модалочку. Модалочку можно показывать через ngif конеш, но у тебя же АМ, инжектишь модал сервис, открываешь модалочку через него. Контент модалочки это естественно ещё один компонент. Модал сервис дот опен ретурнит модал реф, у него есть какой там стрим с результатом, в page на него подписываешься, снова говоришь стору «что то произошло, выполняй эффекты, обновляйся». Коробочка жужжит, белье с тянок само сваливается.
По итогу таблица умеет только красиво показывать данные, модал контент умеет только красиво показывать данные, стор умеет только получать и отправлять данные, страница сама ничего не умеет кроме лэйаута, но его тоже можно вынести в отдельный компонент, зато управляет всем остальным
Классика крудов
>И где по-твоему оффдока находится?
В спеке.
https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
Короче нужно js код с пика 1. Вставить в группу theread-links с пика 2. Как правильно прописать путь от js скрипта, а то у меня не линкуется ничего.
Мля, лол, это ты тот шизик, который назвал несуществующий алгоритм, а потом когда я попросил дать любую ссылку, где он освещается, ты просто ничего не ответил?
Советую принять таблетки, ты наглухо ебанутый шизофреник.
мимо анон, спрашивающий у этого овоща про несуществующий алгоритм и так и не дождавшийся ответа.
Допустим, пустая вкладка у меня в хроме ест 40 мегабайт (смотрю память по shift + esc). Если я создаю массив из миллиона строк, память вкладки прыгает к 200 мб. Если я через консоль чищу этот массив, память быстро возвращается к изначальным 40 мегабайтам.
Но если я заполняю массив не миллионом строк, а миллионом элементов (document.createElement('div'), например), при этом даже не вставляя их в DOM, то после чистки массива память с 450мб падает только до 120. То есть референсы почищены, а утечка памяти в 80 мб откуда-то взялась.
Это какой-то сайд-эффект от создания DOM-элементов?
> узнаю про какие-то regular expressions и обтекаю
>в программировании невозможно знать всё, поэтому вам нужно спокойно относиться к тому что вы чего-то не знаете
Бьёрн Страуструп. Расслабься и кодь на здоровье, пошли нахуй всех душных мудаков которые тебя расстрелять готовы за то что ты забыл как называется какая-нибудь хуйня. Я вот кодингом для удовольствия занимаюсь, не вкатываюсь, нихуя пишу что хочу. Бегаю по вашим тредам то сайты пилю, то прикладное по, что мне надо то и пилю. Книги читаю, но в основном наискосок и точечно по содержанию то что мне нужно знать именно в данный момент. И ты также делай, рекомендую.
Во-первых, что за селектор такой "thread-links" без префикса id или класса? У тебя создан кастомный тег <thread-links>? Что-то сомневаюсь.
Во-вторых, судя по {% шаблонам %}, это не чистый HTML, а какая-нибудь джанга. Если там всё рендерится на сервере, JS тебе для твоей задачи вряд ли нужен.
А вообще, да, сформулируй вопрос получше.
Это готовый код, не я его писал. Там нужно только отредактировать то что находится в самой левой скобке из-за этого элемент один не там находится где должен
<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>
>На каждый li вешать модалку с обработчиком? Бред же
Почему бред? Модалку конечно нужно в одном месте держать, но обработчик у каждого элемента будет свой, это абсолютно нормально. То есть что-то вроде:
<li>onClick={() => showImageModal(image)}</li>
Где showImageModal - это какая-то функция, приходящая из родителя.
https://jsfiddle.net/ctygwLnd/1/
Ждет только внутри асинк функции, то что следом после нее сразу начигает выпрлняться, и только потом то что внутрии функции после аваита.
Для такого случая как раз делегацию событий придумали, но Абрамов посчитал, что это слишком сложно для макак. Так что будешь костылить колбэк в родительском компоненте, который пропсом передаётся потомку, а тот уже через обработчик событий подставляет нужные аргументы в колбэк.
Пригодится 80% всего что там написано. Не пригодятся только некоторые моменты, например которые описаны в конце первой главы, в разделе разное.
Вот https://ru.code-basics.com/languages/javascript в принципе список той базы, плюс там же можно ее практиковать. Рякт учить только базы(2 главы кантора - должен знать основы(1 глава), и ДОМ события(2я глава)). После прыгаешь на рякт, когда на рякте напишешь апишку, уже можно щупать ТС и перепиливать апи на тс.
Стаж в JS десять лет, к слову.
Пиздос я 2 дня не могу понять что за хуйня происходит и только сейчас до меня дошло. У меня некоторые компоненты лежат внутри одного и того же файла. Но я сделал тупейшую глупость и держал инициализацию дочерних компонентов внутри родительских. И разумеется когда у родителя обновлялся стейт, сбрасывались стейты и дочерних, потому что они не просто обновлялись, а сам компонент пересоздавался заново. Какая беспросветная тупость с моей стороны. Но как я рад что смог найти причину проблемы
Неужели не понятно, что пендосы сейчас находятся в положении послемайданных хохлов, которые вынуждены клясться в лояльности Правому сектору/BLM просто чтобы не быть уничтоженными.
Посмотри на их команду. Видишь там хоть одного негра? И я не вижу. Это же явное сборище трампистов-ватников, морды их просят люстрационного сапога.
https://rxjs-dev.firebaseapp.com/team?group=Core%20Team
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
А где тестовые задания на миддла достать, кто знает может? Хочу попрактиковаться и поднять ЧСВ прежде чем претендовать на 250+к в ДС. Сам миддл в одной известной галере, с impostor syndrome, потому что пишу копируя код из старых проектов или стэковерфлоу.
>просидел неделю - и даже не понял в точности, ЧТО я должен повторить на реакте
Опиши всю свою боль тех.лиду, пусть ставит задачи точнее. Это же очевидно, не?
>На работе дают такие задания, от которых хочется просто встать и уйти
-регулярно пересматриваешь резюме
-регулярно откликаешься на интересные предложения, может что и выгорит
Ключевое слово - РЕГУЛЯРНО.
>не думаю, что у тебя хватит денег для оплаты хотя бы 10 минут моего времени
Ты уже их потратил, отвечая на этот пост.
>Мог бы конечно придумать что то похожее, сгенерировать набор данных и написать рабочий код
Да, мог бы реально блеснуть знаниями, вместо маняфантазий о собственной охуенности, но, сам видишь, на что ты реально потратил 10 минут.
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
что ему надо блять
1) Фаулер, дядя Боб, Эванс и др
2) Тестиравование
3) Девопус, но тилько для самообслуживания
=SUBSTITUTE(D24 ; 2,4 ; 5)
Хочу цифры 2 и 4 заменить на 5
Как это сделать своим скриптом?
Например, скрипт рисует всплывающее окно с textarea, куда я вставляю блок текста, нажимаю кнопку, скрипт парсит текст, заполняет нужные поля поля оригинальной формы, и отправляет её.
Как организовать такое?
Сам скрипт я написать могу, естественно.
А можно ли такое делать с помощью какого-либо веб-клиента, чтобы полностью автоматизировать заполнение? Капчи там нет.
Нет. Устаешь, разумеется. Но от усталости раздражения и неприязни к области и тем более к изучению не возникает. Если теья что-то провоцирует на эмоцию триггерющую "дропнуть обучение" это звоночек.
Любознательность и пытливость не может исчезать в областях, к которым ты лежишь, а не силишься.
Поспать.
Погулять на свежем воздухе.
Отвлечься на что-то другое.
>>1948400
Вопрос снимается.
Там реально пиздецовый html, вместо кнопок - таблицы в дивах (лол), и прочая жесть. Это что-то типа Java Server Faces или какая-то подобная лютая хуйня, с кучей скрытых зависимостей и неявных скриптовых привязок. Т.е. разбираться в этой хуите слишком долго и дорого.
Хочу написать расширение под хром, которым можно будет скрывать комментарии от всяких долбаёбов на ютубе. Выборочно. Что бы нажал на кнопку напротив коммента и в других видео эти дегенераты потом не отсвечивали ни под какими видео. Из всего, что я нашёл был только плагин вообще отрубающий комментарии под видео полностью, без возможности включить их обратно, только если удалить плагин полностью.
Но в кодинге я полный ноль, лет 10 пытался осилить, но было скучно. Посоветуйте с чего начать, плиз.
>я чё должен наизусть все методы знать?
1. С опытом да, ты будешь знать большинство методов, по крайней мере факт что они есть.
2. Ты должен понимать, что нужно сначала посмотреть нет ли случайно такого метода уже в стандартной библиотеке/ramda.js, а потом уже хуярить свои костыли. На это уйдет всего пара минут.
А что удивительного? На ДЖС куча модного, трендового, интересного.
При желании, и джиквери легаси можно превратить в интересный таск по организации кода и логики. Ты ведь понимаешь, что проблема не в самом джиквери, библиотечка то норм, проблема в индусском подходе к программированию.
Ну я про это и говорю, вопрос чела про string ending это первая ссылка в гугле, а он костыли уже начал писать.
Тут даже гуглить не надо, достаточно в редакторе написать строчку, поставить точку и увидеть все методы которые можно вызвать, пикрелейтед.
Это зависит от того, пихает ли гугол айдишники, привязанные к аккаунтам, в посты или нет. Скорее всего нет и ты только сможешь скрывать по постам, типа как на дваче. Можно конечно парсить имена и скрывать их, или там по файлу в аватарке скрывать, или по определённым ключевым словам, но в целом это не будет работать 100%.
>Но в кодинге я полный ноль, лет 10 пытался осилить, но было скучно. Посоветуйте с чего начать, плиз.
В шапке на mdn есть гайд для вкатышей, там как раз разжёвывают html/css/js, как раз то что тебе нужно для реализации кнопки скрывания.
Есть табличка:
| плата за час | <input type=text> объем | 1 день | неделя |
сообственно нужно на jquery по вводу в input брать значение из предыдущего <td> умножать на введенную в инпут цифру и выводить в следующий <td>
Если кто поможет написать за спасибо - с меня спасибо.
Блядь я в питон тредах народу ебаные сотни раз писал задаром и не пиздел, а куда не ткнусь - что к вам-жс-пидорасам, что к свифтоебам - так элементарную дрисню на 3 строчки все ленятся помочь написать
Хуею просто. А сколько б ты за эту хуйню попросил? 0.2 биткоинов хватит?
и да, ясен хуй что я не зная жса вообще, за вечер и сам напишу, но сука если тебе вломы подсказать околопсевдокодом как эту хуйню по-человечески высрать
input.onkeypress {
$current_td = selector(:nth-child())
price = selector(:nth-child(-1).value()
1day = selector(:nth-child(+1)).value(price*24)
}
то ну пиздец ты конь конечно
Чел тут ценятся вопросы про теорию, общие вопросы.
Нигде тебе не будут отвечать кучей строк кода, что бы решить твою проблемку, тут у каждого второго куча таких личных вопросов. Напомню - у профессионалов ценится самостоятельное умение находить ответ на вопрос, гуглить.
Будь сильнее и умнее.
Достаточно уникально.
Базовые классы выглядели бы так: https://codepen.io/Jumpy_Bunny/pen/XWNeJLv
Как из расширения получить доступ к дому - это уже надо доку к апи расширений читать.
Но условно секция с камментами - один родительский элемент с кучей дочерних элементов. Цель расширения - прикрепить кнопку "Скрыть" к каждому комменту. В зависимости от реализации скорее всего придётся рекурсивно пробегаться по элементам, чтобы кнопки налепить, так как на трубе есть вложенность.
При клике по кнопке "Скрыть" должно появлятся поле для ввода текста с указанием причины и при подтверждении ссылка на канал, тело поста и причина скармливаются в инстанс BlockedUser, который идёт аргументом в UserBlockController.addUser().
Самая ёбля будет со сравнением списка комментариев со встроенным списком. Так как труба грузит их клиентскоим скриптом, как таковых "стадий" в загрузке нет, так что скорее все придётся пердолиться с Proxy/таймерами/листенерами, иначе работа скрипта будет выглядеть как:
- Комментарии загружаются.
- Потом некоторые из них пропадают.
Плюс ещё при прогрузке новых комментариев тоже нужно запускать проверку.
Так в классическом понимании функций в жс нет, только объекты. Больше ничего.
Есть еще примитивы, но их можно тоже рассматривать в качестве синглтон объектов, потому как они боксятся, а сделаны разумеется для производительности. (тем более что сейчас ничего не мешает у примитивных добавить в цепочку прототипов прокси объект, отлавливащий сообщения, типа присваивания, и реалиховать поведение прототипов как полноценных объектов, но это ни к чему. проще воспринимать их как синглтоны. когда надо, любой примитив можно обернуть в полноценный независимый объект).
Так. Короче только объекты.
Все объекты делятся на 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++ это больше структурное программирование, нежели объектное. Объектное программирование не может существовать без динамической среды. Это противоречит самому понятию объекта. А динамическое программирование это слишком сложна и непанятна. И как бы не старались с пеной у рта фанатики кричать про низкий порог входа - низкий он именно что для входа, а не для всего остального. Модификация программ в рантайме всегда было уделом креативно мыслящих людей. Для большинства это слишком сложный уровень высокой абстракции.
JS такой язык, что чем меньше фич ты из него используешь, тем поддерживаемый код получается. Главная сила языка это функции (можешь называть их callable объектами) и возможность использовать их как значения, что вкупе с замыканиями позволяет писать очень гибкий код всего лишь несколькими средствами. Объекты должны рассматриваться только как хешы "ключ-значение", без каких-либо методов с this'ами внутри. Symbol, Proxy и другие фичи это излишние лоулвльные абстракции.
Писать продакшн код в подобном "динамическом" стиле с переопределением прототипов никто не даст, потому что это неподдерживаемая хуйня. Абстрагирование от лоулвла языка как раз для того и делается, чтобы код был более надежным и легкочитаемым. Кроме того, предметная область JS просто слишком высокоуровнева, нет смысла дрочить метапрограмминг для обработки клика по кнопке или редьюса стейта.
Но с пастой можно согласиться в том, что сейчас, к сожалению, зумерам нужно чтобы было "панятна", но только не в плане "просто выражать комплексные абстракции", а в плане буквально простоты написания кода, им нужны простые абстракции.
Вон редакс уже "сложный", зачем понимать разделение на экшны и редьюсеры, если можно просто в мувисерчере переменные присвоить как в МобХ, и норм.
>вкупе с замыканиями
С захватом переменных хотел сказать?
>нет смысла дрочить метапрограмминг для обработки клика по кнопке
Конкретно в ситуации с ютубокомментами скорее всего придётся дрочиться с метапрограммированием, так как желательно неугодные посты скрывать до добавления в дом, ну или хотя бы до рендера. И кнопки соответственно не добавлять в неугодные посты.
>>1948544
В общем тут дело в чем, реакт ведь не будет сам по себе обновлять компонент при ресайзе, что-то должно вызывать ререндер. В моем случае я вешаю эвентлистенер, и когда происходит ресайз, вызывается функция, которая чекает текущее разрешение, и соответственно от этого обновляет стейт и в компоненте происходят условные рендеры. Так вот, дело в том, что такой эвентлистенер вешается сейчас отдельно в каждом компоненте. Можно ли к примеру такой эвентлистенер создать где-то для всех компонентов сразу? Можно ли создать эвентлистенер в сторе и там же держать какую-то переменную, которая говорит, какой шириниы сейчас вьюпорт, типа 1024-1980, и все компоненты будут просто брать только это значение из одного места. Или это может како-то плохо работать?
Я тестировал, даже issue им писал. По сравнению с тупой сменой класса в sc идет интерполяция здорового шаблона (многократная если активно используешь хелпер css), вычисление какие классы надо добавить и удалить, генерация стилей с префиксами и вставка в style. Пока я не оптимизировал интерполяцию у меня SSR занимал 200 мс где-то, что, конечно, вообще ни в какие ворота.
Планирую написать несколько пет проектов потренировать бэкэнд
Джабоскрипт год назад пробовал, реакт пробовал, верстку изучил, вебпак чуть чуть трогал.. Но потом забил на это дело а несколько месяцев назад решил вкатиться в джабу серьезно.
Писать фронтэнд сейчас лень (может потом ближе к отправке резюме подниму тему и освежу память), я сейчас хочу написать несколько пет проекктов по джабе и около нее (может даже без гитхаба) чтоб потренировать спринг секьюрити, спринг дату и прочее говно. Можно конечно использовать постман, но мне хочется с UI. Так вот, вопрос, где бы мне надыбать готового фронтенда с версткой?
С нормальной версткой - хорошо.
С готовыми реакт - компонентами еще лучше, асинхронные запросы, стейт и прочее говно.
Есть ли какие-то ресурсы подобные на уме? Помню давным давно когда только вкатывался подписался на хтмл академи (фу, знаю), у них там рассылочка была с макетами фотошопными. Но мне макеты нахуй не нужны. Мне бы верстку хотя бы.
Где пастебин в шапке ,суки
Но что меня вымораживает - это именно постоянная связка объектов с объектами DOM. Особенно это геморойно при AJAXе на клиент, и всякие анимации. Создание новых элементов и вставка их в страницу. Выглядит это все косорыло. Хотя я стараюсь по максимуму не тыкаться в DOM, у каждого класса своя привязка к "элементам странички". И из других объектам я к этим "элементам страничики" стараюсь обращаться с помощью объектов которые ими управляют.
Хотелось бы посмотреть JS код хорошо сделанной какой нибудь сложной формы, где много логики, анимаций и AJAX. Что бы пример был , что бы я со своим поделием сравнил.
>Создание новых элементов и вставка их в страницу. Выглядит это все косорыло.
Думаешь просто так всякие рякты взлетели, которые по сути ещё и шаблонизацию в клиентский код занесли?
>И из других объектам я к этим "элементам страничики" стараюсь обращаться с помощью объектов которые ими управляют.
То есть ты добавляешь прокладку из объектов к объектам? ООП головного мозга как есть.
>Хотелось бы посмотреть JS код хорошо сделанной какой нибудь сложной формы, где много логики, анимаций и AJAX. Что бы пример был , что бы я со своим поделием сравнил.
Какая нахуй анимация в жс, тем более в формах? ЖС максимум что может сделать - переключить классы в элементе в зависимости от событий, а свистелки и перделки задаются стилями.
>То есть ты добавляешь прокладку из объектов к объектам? ООП головного мозга как есть.
Проиграл с дурачины, у которого очевидный, правильный и очень удобный паттерн "я не дергаю элементы на страницы напрямую каждый раз, а прокладываю между ними и остальным кодом стабильный интерфейс, скрывающий детали имплементации" превратился в "ООП головного мозга". Причем триггер произошел именно на слово "объекты", если бы там была "прокладка из функций", то ты бы наверное от счастья описялся, хотя никакой реальной разницы между двумя реализациями не было бы, интерфейс есть интерфейс.
мимо
>если я полностью заменю этот массив новым это не гуд тк все компоненты которые пользуются обьектами из этого массива перерендерятся
В памяти перерендерятся, на экране - нет, если не поменялись. Ничего страшного нет, сто твоих перередеренных туду-листов на производительность не повлияют никак.
>Т.е нужно искать нужный элемент в миссиве и мутировать его?
Реакт о твоем мутировании нихуя не узнает и ничего поменять не сможет.
Просто бери готовый фреймворк(next какой-нибудь) и иди по гайдам. Без опыта на пустом реакте ты не напишешь ровным счетом нихуя, кроме совсем простейшей хуйни, которую в сто раз легче было бы сделать через обычные серверные html-шаблоны любого бэкенд-фреймворка(джанго, рельсы, ларавель) с минимум жопоскрипта.
>сделаю один раз хорошо
Это не про реакт, у которого устоявшейся инфраструктуры нет от слова совсем, только монструозное bloatware уровня material-ui или react-select, где список одних параметров компонента занимает половину файла, либо низкоуровневые "собирай и ебись сам" конструкторы. Первый и не только первый самостоятельно написанный проект на реакте ты 100% выкинешь и будешь переписывать с нуля.
>"я не дергаю элементы на страницы напрямую каждый раз
Чтобы поменять отображаемое значение на странице, тебе в любом случае придётся дёргать дом, хоть ты там десятью декораторами обмажься. А проводить вычисления за пределами дома ты и без прокладок можешь.
>а прокладываю между ними и остальным кодом стабильный интерфейс,
Не поверишь, но с домом ты уже общаешься через интерфейсы. Или интерфейсы не те?
>скрывающий детали имплементации"
Что ты там собрался скрывать на клиентской стороне, дебил? Любой идиот сможет посмотреть сырцы твоего говнокода, скрыватель хуев.
>превратился в "ООП головного мозга"
Так это и есть ООП головного мозга, так как ты тащишь свои привычки из другого языка.
>если бы там была "прокладка из функций"
Вот именно, что её бы не было.
>Какие у него пререквизиты
https://kentcdodds.com/blog/javascript-to-know-for-react
>Есть ли там что-то, что помогает или упрощает последнюю?
Нет, Реакт не делает абсолютно ничего чтобы упростить верстку, он исключительно про иерархию UI и передачу данных. Более того — либа для работы с DOM отделена от собсна Реакта.
Почему плох? Реакт заебись, проблема именно в инфраструктуре, а точнее в ее отсутствии, из-за чего перед вкатывальщиком стоит альтернатива либо хуярить свои велосипеды, которые потом за три жизни не разгребешь, либо тащить в проект 60кб минифированного кода для того чтобы добавить инпут с дропдауном.
>>1949428
>какое отношение ui-элементы имеют к разработке UI
Ну я даже не знаю...
>и мне нужно при нажатии на элемент сменить какое-либо значение в объекте с данными
Во вью достаточно повешать @click="handle(item)"
>>1947052
Какая магия? У них в доках везде написано что на все объекты рекурсивно вешается реактивность, твой массив становится реактивным, и каждый объект в нём становится реактивным, и если в объекте есть еще объекты то и они становятся реактивными.
>У реакта наоборот самая развитая инфраструктура
У реакта(и у жса в целом) нет даже элементарных вещей, нужных 99% приложений, уровня неймд роутинга("бест практика" - это хуярить сырые строки в 10 местах, <Link to={`/users/${id}`}/>) или базового API клиента с тестовым интерфейсом(см. сосущий даже у фетча аксиос с раздутым конфигом и ебанутой системой интерсепторов, выкидывающий по умолчанию не-200 ответы вместе с сырыми эксепшенами или совсем охуевшие монстры вроде react-query, мешающие в одну кучу объявление эндпоинтов, получение данных, кеширование данных, рендеринг данных, и прибитые гвоздями к реактовскому API). А это самый низ приложения, когда идешь выше, то там вообще пиздец, что ни возьми: от форм до кастомных компонентов, все будет громоздким, неповоротливым, некомбинируемым и сделанным по принципу "захуярим сюда весь функционал, который в голову придет, и просто добавим 100 опций в конфиг".
Вершина развития стилизации - это как раз sass, у которого новая система модулей дает в рот даже самому жсу шел 2021 год, а жсеры до сих пор без плагина бабеля не могли установить рут сурса приложения и пользовались релативными импортами, кому расскажи - не поверят, а переменные, миксины и возможность без заебов складывать пиксели с хуикселями вообще ебут любые жсокостыли не разгибая уже сколько лет. Выглядит он так же в сто раз лучше, обратно совместим с сырым кссом, в консоли браузера ты сразу видишь ровно то же самое, что написал в коде, а не пропущенное через мясорубку жса месиво, так еще и работает быстрее, что при компиляции, что в браузере.
В styled-components есть всё то же, но при этом в разработке они намного удобнее. Импорты давно есть в ts, переменные и миксины удобнее в styled-components, выглядят styled-components в сто раз лучше, и в консоли там всё нормально выглядит. Работает sass быстрее насколько, на тысячную секунды? Если взять linaria, то sass ни насколько не быстрее.
>>1949549
В реакте то же самое со стайледами.
Как же заебали пиздатые окна про куки, которые невозможно закрыть, блядь!
Кто эту хуйню выдумал? Нахуй вообще нужны эти окна ебучие, на пол экрана?
И почему их закрыть, блядь, нельзя, или свернуть, а надо обязательно принять эти грёбанные куки?
Почему эти div'ы пиздатые, приходится вырезать вручную, из HTML-кода страниц?
Не хочу я ебучие куки ваши, пошли нахуй,
я хочу сайт посетить и контент прочитать, за которым пришёл из поиска!!!
Но нет, сукаблядь, вылазит окно на пол экрана. Прими ебучую куку!
Я уже заебался Ctrl+Shift+Delete нажимать и вычищать нахуй это говно из браузера.
Срут куками мне в хранилище локальное, а потом всё виснет,
и синий экран смерти при гуглеже вылазит, в самый неподходящий момент.
Конечно, блядь, гиг оперативки жрут куки, нахуй мне в броузере не упавшие.
Пошли нахуй со своими куками, и окна уберите эти уёбищные, заебали блядь.
Веб-макаки мамкой с папкой, до конца недопиленные.
Копипастят хуйню, а потом на сайты лепят, чтобы поскорей,
и такие уёбищные страницы получаются,
что хоть сиди и адблоком, вручню, всё это говно вырезай...
Не, ну это ж пиздец просто. Смотри какое окно вылазит, здесь: https://superuser.com/
Клепаю свой сайт на коленке, в первые в жизни пишу код, пока только вкатываюсь.
Потому что функции вызываются каждый раз при событии. Тебе их нужно объединять в одну, которая будет знать, какой эвент в данный момент выполняется и отменять его при запуске нового, но это слишком сложно будет, если только начал. Выпадающие менюшки лучше делай просто через css, примеров можешь миллион найти, в том числе и с анимациями. Но анимацию лучше вообще убрать нахуй, это только раздражает пользователя, если ему нужно ждать прорисовки твоей хуйни прежде чем можно начать ей пользоваться.
>>1949772>>1949773
Как обычно шизики стриггерились на жквери, но сидят молчком, как только им задают вопрос "а хули ты предлагаешь вместо?". Еще давайте высрите, что ему срякт нужно начать осваивать, чтоб менюшку сделать.
Ну и параша этот жиквери блять... инсайд этого года для меня.
Алсо ток не понял как привязать айдишку к вызову маусовер
когда пишу document.getElementById("userlist").mouseover(showUserlist);
не работает, помогите ток эту строчку исправить пацаны!
Как ты будешь SPA (основная ссуть реакта) без них писать? Вручную пердолить ссылку в навигаторе и пропукивать джейсоны через фетч? О том и речь.
>>1949760
>Где я ошибся, анон?
Анимируешь в жс то, что элементарно делается в CSS без ёбли с ассинхронщиной.
>>1949795
>удалил нахуй жиквери
Так ты селекторы оставил и события неканонично присвоил.
"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."
Мое решение на скрине. Что в нем имело бы смысл поменять? Есть ощущение, что оно как говно выглядит.
Очко себе сделай опасити. Эта хуета занимает место в итоге в потоке, блок надо убирать z индексом пониже.
Есть еще пердолинг с кейфреймс, но это именно уже пердолинг и костыли.
А речь шла про
>что элементарно делается в CSS без ёбли с ассинхронщиной.
В итоге все проще сделать в JS, теперь можешь вытереть мою сперму со своих губ, я кончил.
Вообще говоря css анимация обосрется когда элемент начинаетет влиять на поток и расположение других элементов. Браузр тупа такую анимацию вырубает и востпроизвогит только начальное и конечное состояние. Тут без жс не обойдешься https://css-tricks.com/animating-layouts-with-the-flip-technique/
мимо
>Эта хуета занимает место в итоге в потоке
Вот только мы говорим про абсолютно спозиционированный элемент, который из потока выпадает по дефолту. Так что ты тут жиденько обосрался, опять.
>Есть еще пердолинг с кейфреймс, но это именно уже пердолинг и костыли.
А вот ставить жиквери, который по сути этот кейфреймс заинлайнит, это конечно же не пердолинг.
В общем есть ли какие-то плюсы у этого подхода и можно ли его реализовать малой кровью?
То как ты это описал звучит крайне хуево как по мне. Проще передавать эти значения в сам компонент, где-то брать из window (задать как дефолтные значения), где-то из размеров модалки. А еще лучше сделать на стилях, но тут сложно что-то посоветовать без конкретного примера.
Забыл дописать, компонент, который хочу вставить в модалку использует и медизапросы css и проверку размеров окна средставми js. И компонент можно было бы вообще не трогать, если бы просто можно было как-то заставить компонент думать, что он просто находится в окне меньшего размера
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]
выдает ошибку. Почему?
Так в статье добавляют этот метод чтобы работал for of. По объектам он и так работает, хотя этого метода нет (точнее должен быть, но у меня почему-то ошибка вылезает)
https://javascript.info/iterable
Не нравится то, что ты сравниваешь писание css-а через интерполируемые строки(!) в другом языке(!) с полноценным языком писания css-шаблонов, у которого другой цели в принципе нет, и где весь файл - это стили и ничего кроме стилей, и говоришь, что первое удобнее нахуй.
В styled-components есть всё то же, что и в css, и в sass, и даже больше — их можно юзать прямо в js файлах, в них удобно передавать пропы и на их основе устанавливать css-правила, в то время как в sass надо писать всратые классы либо data-атрибуты. Это некрасиво и неудобно. Темы тоже намного удобнее делать на стайледах, они сильно облегчают создание сложных интересов. У чистого sass буквально 0 преимуществ кроме мизерного выигрыша в перформансе, который нивелируется, если стайледы компилировать в css при сборке. То, что это интерполируемые строки — ну так какая разница? За последние два года я sass не использовал и возврат к нему это явный шаг назад, шаг в прошлое.
>>1950342
Я уже успешно создал несколько крупных проектов и везде react-router и react-query отлично себя показали. В одном из проектов был next.js, там свой роутер, который тоже выполняет свои задачи. И вообще нередко даже react-query не нужен был, хватало либо чистого фетча, где-то было кеширование от apollo.
Ну с XMLHttpRequest понятно, интерфейс уровня 2005 года, но на аксиос без ебли можно повешать свои мидлвары и крутить что хочешь, ну и прогресс аплоада файла еще можно получить (inb4 в 2021 файлы грузятся со скоростью света). А в фетче даже на 500 ошибки нихуя не выбрасывается, как ни крути а нужно своё говно лепить чтобы было удобно пользоваться
> Опа этот шарит, скажи на каждый ли див спан и тд нужно делать стилизацию?
It depends. При таком подходе проще нестить стили.
> вложенные теги стилизировать классами
Я бы не миксовал подходы с класснеймами и стайлд компонентами, только если ты не юзаешь Astroturf или что-то типа того.
>При таком подходе проще нестить стили
В том смысле, что ты можешь интерполировать вложенные стайлд компоненты без завязки на класснеймы. С решениями типа линарии это вообще однохуйственно, т.к. за тебя конпелятор извлечет стили (а рантайм оверхед будет небольшим за счет варов).
Хардкодед класснеймы еще чем плохи - их имена могут манглиться, если кто-то внезапно поменяет конфиг сборки.
Чтобы было нагляднее, вот есть 2 индуса ебучих https://www.youtube.com/watch?v=-OgU5EAcQmo и https://www.youtube.com/watch?v=5-jBzkttbx0 они оба делают абсолютно тоже самое, но у одного вылазит поп-ап, а у второго редирект на страницу гугла, и я тупо не понимаю, в чем моя проблема? Потому что мне надо именно чтобы был редирект, а не поп-ап
Ты бы сам хоть попробовал эту хуйню с первого видоса локально запустить, чтобы увидеть, что она открывает форму в отдельном окне. Чтобы редиректить можешь просто вызывать window.open() и передать в нее https://accounts.google.com/o/oauth2/v2/auth с нужными параметрами и после обратного редиректа брать код/токен и дальше делать что тебе надо.
И лучше бы вместо просмотра этих уебищных видосов изучил оф доки гугла по oauth, гораздо быстрее было бы.
https://vueuse.org/functions.html
>А в фетче даже на 500 ошибки нихуя не выбрасывается
Это плюс, дурачок. http-клиент не должен выбрасывать экспешены при получении не-200 ответа сервера, это ебанутый нонсенс. Если у тебя выкидывается эксепшен где угодно(включая http-клиент), то это должно означать пиздец, неожиданность, все не работает нахуй. Как пример - NetworkError, SyntaxError, TypeError и т.д. 500 ответ сервера таким случаем не является, его нужно нормально обработать и сказать клиенту "сервер на этот запрос чутка долбоеб, попробуй еще раз по-другому".
>Если у тебя выкидывается эксепшен где угодно(включая http-клиент), то это должно означать пиздец, неожиданность, все не работает нахуй.
>500 ответ сервера таким случаем не является, его нужно нормально обработать
У меня такое чувство что ты предлагаешь вместо try/catch ошибки ифами обрабатывать. И еще объясни, в чем разница между NetworkError и 500 ошибкой сервера для твоего приложения? Ты в любом случае ничего кроме алерта высрать не сможешь. Что так что так неожиданно и всё не работает нахуй
>У меня такое чувство что ты предлагаешь вместо try/catch ошибки ифами обрабатывать
Я предлагаю вообще не использовать try/catch для реализации какой-либо логики в приложении, потому что это давно известный антипаттерн, как тебе такое?
> еще объясни, в чем разница между NetworkError и 500 ошибкой сервера
В том, что NetworkError - это "нихуя не работает, приложению пизда", тогда как 500 - это "бэкендер что-то нахуевертил, отправьте тикет или попробуйте еще раз"
>потому что это давно известный антипаттерн, как тебе такое?
Не согласен, но спорить не буду, мы не об этом сейчас
Я изначально поинтересовался зачем брать довольно таки лоулевельный для фронтендеров апи, чтобы жсончики гонять, в котором отсутствуют хайлевельные штуки вроде мидлваров и тому подобного(что тоже не всегда нужно, это понятно). Или ты просто предпочитаешь новое говно старому говну? А если бы фетч выбрасывал на 400-500, твои действия?
Фетч нихуя не лоулевельный, а любой твой миддлвар уровня "распарсить в жсон и добавить хедеры" делается одной оберточной функцией без дрочева раздутого неинтуитивного API, которое к тому же поощряет мисюзы и добавление бизнес-логики внутрь запроса.
>А если бы фетч выбрасывал на 400-500, твои действия?
Взял бы другой http клиент или сделал бы обертку над самим фетчем.
>>1950886 (OP)
>>1950886 (OP)
>>1950886 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)
ПЕРЕКАТ >>1951125 (OP)