ВСЕ СРОЧНО!!!! ПЕРЕКАТЫВАЙТЕСЬ НА ВЬЮ!!!!
Говно без задач для нежс макак
Ни в какое сравнение с ангуларом и тем более реактом не идет
Что лучше: промисы или асука/авата?
Асука это сахар над промисами упрощающий работу с ними. То есть выбор лежит - использовать промисы как пещерный человек или же как цивилизованный.
WTF?
./node_modules/react-router-native/NativeRouter.js
Module parse failed: Unexpected token (10:30)
You may need an appropriate loader to handle this file type.
| user confirmations via Alert by default.
| /
| const NativeRouter = props => <MemoryRouter {...props} />;
|
| NativeRouter.propTypes = {
Когда там мультитредин завезут? Хочу с мьютексами ебаться!
А такую возможность в жс где-то обсуждали? Я не в курсе.
Бублики на месте?
пукнул в колл стэк
Тута мы, родимые, бубликовые автоматы.
Промисы это таски с шарпов. асинк / аваит пришел от туда же.
Как это меняет то, что asynk функции в js это обертка над promise api?
а async
Да ничего, просто хотел выебнуться.
Ну шарпик норм. От туда можно тащить, ничего против не имею.
Я еще поддерживаю пиздинг из питона, особенно его подход к работе со списками.
Аноны, можете пояснить за одну хуйню? Боюсь брать задачи на работе, есть страх что не справлюсь или не успею. Задачи легкие, но постоянно боюсь этого. Боюсь обращаться. Работаю всего 2 недели, до этого никогда не работаю.
Беру таски через страх, знаю что справлюсь, но все равно боюсь. Как фиксить?
Беру таски через страх, знаю что справлюсь, но все равно боюсь. Как фиксить?
Задачу нельзя не выполнить, просто на нее потребуется больше времени. Смирись, будешь затягивать сроки, проебывать дедлайны, гуглить 90% рабочего времени. Ну и со временем пройдет, с опытом будешь примерно понимать сколько времени требует та или иная задача.
Посоветуйте какой-нибудь бесплатный node js сервак, на котором можно тестировать свои проектики с последующей возможности купить полноценную версию.
heroku
Ну zeit же в шапке есть
А какие есть популярные приложения на electron? А то я могу только вспомнить всякие проги для девелоперов. Для обычных людей есть что?
Я кстати не так давно пытался на хероку запустить дискорд бота, после 5-10 минут он стабильно падал и его приходилось перезапускать. Это у меня руки кривые или хероку теперь не поддерживает постоянный хостинг бесплатного говна?
Дискорд
cross code например на node-webkit. не электрон, конеш, но суть та же.
Я раньше думал, что это игра, где надо код писать в геймплее, а оказалось обычный платформер.
Скачай дистрибутив с оф сайта. Ставится в два клика, работает без проблем.
Вкатываюсь в жс из жабы, читаю exploringjs. Это пиздец, товарищи. По сравнению с простой, как два пальца, жабой, жс выглядит как язык для надмозгов.
Предатель.
какую именно книку читаешь, что не понятно?
В том то и дело, что она даже 30 минут не работал, а 5-10. Вообще дело было месяца 4 назад, я все облазил, но этой таблички не нашел, спасибо за инфу
Да, нужно иметь минимум 150 icq для вката
Наоборот в жс идут дебилы, не осилившие нормальные языки.
всегда поражаюсь таким долбоёбам как ты, на чём ты фронт ещё писать будешь?
На жабе
html + css
Ни на чем. Я бэкендером буду, в не формошлепом.
Думаешь пошутил? А есть Vaadin
Просто переходной шок. Джава сложнее, на самом деле. Тут просто вопрос привычки к слегка другим концептам и направлениям программирования.
> Vaadin предлагает сервер-ориентированную архитектуру, базирующуюся на Java Enterprise Edition
С таким же успехом можно и на ассемблере писать.
https://exploringjs.com/es6/index.html
По содержанию, как я понял, нечто среднее между пересказом стандарта и книгами типа how to breathe for dummies. В принципе, всё понятно, но присутствует ощущение какой-то неконсистентности, что-ли. Хотя, скорее всего, я просто не вкурил. Закрамлю сегодня сколько смогу и завтра видно будет, сможет ли мозг что-то внятное собрать. С другой стороны, жаба показалась мне простой как спичка, ибо я начинал вкуривать её снизу вверх, по статьям о всяческих кишках жвм, и на выходе у мозга было достаточно полное представление о том, как это всё говно на самом деле работает.
так эта книга про es5 => es6 , в основном пересказ стандарта. Ну и вообще в js нет хороших книг по языку, лучше сразу начать что-то писать и посматривать в mdn.
ФРОНТЭНД НИНУЖЁН, БУДУ HTML ОТДАВАТЬ, ВАЩЕ ЛЕТАТЬ ВСЁ БУДЕТ
А ты хочешь джаву на фронте и ноду на бэке? Ебанулся шоль?
Знаю, его в альфабанке юзают, лол
Респект им.
Нужен, нужен. В проекте найдется место для макаки, чтоб формочки рисовать и json посылать серьезным людям.
НОДА НА БЭКЕ ЭТО НОРМАЛЬНО!
>Vaadin
>Google Web Toolkit
>компилится в жс
>последняя версия вышла 2 года назад
Сами ебетись с транспилерами работающими под капотом на мертвом фреймворке.
Ты просто не видел ничего кроме жс-мира, где каждые полгода новый фреймворк учат. Java 8 юзается в 80% тырпрайза, хотя вышла в 2015-ом.
Ебать, я угадал про 80%, это я написал до того, как нашел пикчу
В JS нужно иметь хорошее абстрактное мышление и понимать слегка метапрограммирование.
Проиграл с поддува
А лучше разработанную попку
> Задачу нельзя не выполнить, просто на нее потребуется больше времени. Смирись, будешь затягивать сроки, проебывать дедлайны, гуглить 90% рабочего времени. Ну и со временем пройдет, с опытом будешь примерно понимать сколько времени требует та или иная задача.
Все-таки сделал. После выполненного таска появляется мотивация сделать еще, прокачивать скиллы. Работаю верстаком/js и реактером.
Тоже из жабы вкатывлся. И не пожалел. Жс гораздо более сильный язык. Особенно когда понимаешь преимущества функционального програмирования в сравнении с допотопным ооп. Плюс такие удобные функции как map, sort, filter. Куча вариантов for. Template literals. В то время как в жабе без мапинга до сих пор по варварски через цикл for перебираются по массивам.
Чего в кложу не вкатишься?
Аноны, подскажите пожалуйста.
Я сверстал небольшую карточку, внизу которой у меня название фильма, год и жанр. Расположил их с помощью флексов, однако если у фильма слишком длинное название, он просто переносит его ниже и название фильма накрывает текст под ним. Как такое пофиксить? Названию фильма даю маргин, толку 0.
Я сверстал небольшую карточку, внизу которой у меня название фильма, год и жанр. Расположил их с помощью флексов, однако если у фильма слишком длинное название, он просто переносит его ниже и название фильма накрывает текст под ним. Как такое пофиксить? Названию фильма даю маргин, толку 0.
Не востребованно. Как и ничего что не эликсир из функциональщины.
word-wrap
Тащемта, там в 8 жабе в хэлпер класс Arrays завезли фабричные методы, возвращающие стрим элементов массива.
Спасибо.
>ебаный массив
>хэлпер класс Arrays
>фабричные методы
>возвращающие стрим
И че, ты будешь теперь фронт пилить вместо тыртырпрайза?
Ага. Поначалу только нода была. Но потихоньку и фронт беру на себя. Нажил проблем хуле.
А ты реально бек на ноде пилил? Что за проекты были?
helloworld.js
Нода уже давно убила php/python/ruby и начинает присовывать сисярпу с явой
Расскажите как вы организуете свои проекты.
Вот скажем я почти всегда использую свой объект, куда записываю все параметры и функции.
Скажем "var core = {...}".
Далее уже использую этот объект в проекте непосредственно. Например "core.create.button ({имя: 'имя', параметры: создания}); core.button[id].onclick = f () {}". Суть понятна.
Не знаю почему я выбрал этот подход, но использую его уже много лет. Дошёл до него сам. Изначально просто писал функции где попало, но хотелось структурированности.
Впрочем интересно как вы обычно организуете структуру своих проектов?
Вот скажем я почти всегда использую свой объект, куда записываю все параметры и функции.
Скажем "var core = {...}".
Далее уже использую этот объект в проекте непосредственно. Например "core.create.button ({имя: 'имя', параметры: создания}); core.button[id].onclick = f () {}". Суть понятна.
Не знаю почему я выбрал этот подход, но использую его уже много лет. Дошёл до него сам. Изначально просто писал функции где попало, но хотелось структурированности.
Впрочем интересно как вы обычно организуете структуру своих проектов?
чел, ты из какого года? Все на фреймворках уже давно
Убержирно натолстил.
>пук
господа бекендеры на ноде, расскажите какие проекты писали) кроме лаба1.жс, есественна. востребована ли нода на рынке или проще питонщика нанять? какие плюсы у ноды по сравнению с тем же питоном в контексте вебхуйни?
я уже третий тред спрашиваю, щас прибегут жаберы из соседнего треда и пояснят, что весь тыртырпрайз на жабе, а нода нахуй не нужна
Как запускать react приложения без node js, это нужно бандл через webpack собирать в котором будет сам компонент для отображения? Этот компонент будет иметь отношение к основному DOM или будет иметь свой виртуальный независимый DOM?
Как верстать сайты с использованием react компонентов, в самом приложении реакта просто указывать в каком DIV он будет отображаться?
Как верстать сайты с использованием react компонентов, в самом приложении реакта просто указывать в каком DIV он будет отображаться?
Сам не пилил, там до меня уже запилено все. Просто иак сказать поддерживаю его работоспособность. Проэкт... скажем так один из известных телеканалов.
Т.е. это были какие-то микросервисы с не особо ценной информацией? Была какая-то серьезная бизнес-логика?
Мне просто интересно, какие именно части проектов отдают под ноду
<script src=...?
Почему ты сичтаешь фронтендеров мусорными формошлепами, а бекендеров серьезными программистами?
Вот я вставил js файл, который выплюнул webpack, компонент, который вызывается в определенном div имеет свое DOM дерево отделенное?
Спрашиваешь какую-то хуйню в вакууме
Современный жс имеет самую лучшую реализацию ФП
Со всеми деструктуризациями и обработками массивов даже из коробки можно переворачивать структуры данных в 2 строчки, что размазалось бы в каких-нибудь петонах с пыхами на несколько вспомогательных методов для каждого случая
Лучшая реализация асинка среди всей веб параши если не в принципе
По бенчмаркам даже оверхеднутый экпресс обгоняет практически всех конкурентов
Ты о чём?
React рендерится через ReactDOM.render(element, node)
Где element это реактоэлемент, а node - это домовская нода, doucment.getElementById('root')
Анончки, подскажите:
У меня есть поле инпута, в которое я ввожу текст. После того, как отправляют текст на сервак, он в виде маленького дива появляется под самим полем. Написал такой функционал, что при простом клике на див, текст с него перетекает в инпут, а при двойном клике он удаляется. Сделал удаление через elem.removeChild(). После этого не могу более одного раза что-то отправить с формы, при отправке текста во второй раз происходит краш и всё слетает. Что может быть не так?
У меня есть поле инпута, в которое я ввожу текст. После того, как отправляют текст на сервак, он в виде маленького дива появляется под самим полем. Написал такой функционал, что при простом клике на див, текст с него перетекает в инпут, а при двойном клике он удаляется. Сделал удаление через elem.removeChild(). После этого не могу более одного раза что-то отправить с формы, при отправке текста во второй раз происходит краш и всё слетает. Что может быть не так?
Выложи код на кодпен, по описанию сложно угадать
Ну так выклади с формами всеми
Твой новый элемент без субмит аттребута если у тебя простые формы и без листенера на отправку если айах
>if (tagList.length === 1)
length массива >= 0 поэтому не нужно писать === 1 поскоку 0 фалсабельный
>Ну так выклади с формами всеми
Мне тогда придётся почти весь проект впихивать туда. Я только кусок с формой выложил.
Смотри, под импутом есть див, в который я помещаю всё то, что отправляю инпутом. Так-же, чтобы не дублировать одно и то-же я сделал объект, в который добавляю то, что ищем и флаг true/false. Когда происходит дабл-клик, то я удаляю и ДОМа и из того объекта.
Существует ли где-нибудь client-side скрипт на JavaScript, для архивации и разархивации zip-файлов в браузере.
Например, у меня есть base64, dataURL, blob или arraybuffer или Uint8Array c байтами или просто hex, и стоит задача сохранить его как zip-файл, задав пароль, а не открытым текстом по HTTP его гнать.
Весь интернет перерыл, не нашёл ничего годного. Многие скрипты что я нашёл - требуют NodeJS.
А надо что-то такое, чтобы в html-файле прописать script src="blahblah.js" и начать с ним работать, без нод-хуёд.
Пока что нашёл только голую имплементацию алгоритма Deflate, вот здесь: https://github.com/dankogai/js-deflate
Хуй знает как с него zip-файл сделать, и как его паролем-то зашифровать.
Есть чё-нить более годное, а посоны?
Я уже видел. test.html - не работает. Какая-то херня в консоли.
Свиду, скрипты похожи на нодные, для node.js, а не для браузера.
Но всё-же удалось открыть и потестить, по этому вот гайду: https://stackoverflow.com/a/52659207
С обычными архивами работает, но как я понял, там нет поддержки zip-пароля, и вводить её не планируют...
А есть чё-нибудь с паролем?
Пока, нашёл тут: https://stackoverflow.com/questions/14829782/generate-a-password-protected-zip-file-in-node-js
некий minizip-asm.js, но он вроде как тоже для ноды,
а не - для браузера.
> php
Все еще жив в своей нише вордпрессов и маджент. Фрилансеры-одиночки любят. Клепают на нем проекты и просят как за настоящую работу. Для них работает.
> ruby
Оно само себя убило
> python
Лол, у него сейчас золотая эра. Это питон теснит всех сейчас.
Вебпак тебе реализует полную инкапсуляцию модулей. У каждого файла будет по сути свой скоуп невидимый из глобала. В глобал можно только явно выкидывать то, что тебе нужно через объект window. Но если ты возьмешь любой нормальный фреймворк, то у тебя и потребности выкидывать что-то в глобал не будет. Ты реально что-то отстал.
> Современный жс имеет самую лучшую реализацию ФП
Даже лучше, чем в чистых ФП языках! А всякие рамбды.жс юзают потому-что в жс самая лучшая реализация ФП искаропки.
>Со всеми деструктуризациями и обработками массивов даже из коробки можно переворачивать структуры данных в 2 строчки, что размазалось бы в каких-нибудь петонах с пыхами на несколько вспомогательных методов для каждого случая
Ты точно работал с питоном?
> По бенчмаркам даже оверхеднутый экпресс обгоняет практически всех конкурентов
...включая GO.
>Даже лучше, чем в чистых ФП языках!
Поянтно что речь идет о вебе
>Лол, у него сейчас золотая эра. Это питон теснит всех сейчас.
Очевидно рынок перенасыщен никому не нужными вышкододиками готовыми работать за копейки
>Ты точно работал с питоном?
Напишите любую датаструктурную хуйню я перепешу это в пару строчек на жсе
>обгоняет практически всех конкурентов
>...включая GO.
Под конкурентами имел в виду вышеперечисленную веб клоаку, говно с ржавченой это другое
Пооностью весь бэк на ноде
Только что откинулся с армии. Что в этих ваших вебах нового случилось за прошедший год вкратце? Не знаю даже, с чего заново вкатываться
мимо-два-года-фронтендщик до армейки
мимо-два-года-фронтендщик до армейки
Все оказались от js, фронт теперь пишут на java.
НАКАНЕЦТА
Переходим на dart/flux -> всё чаще пилим ssr -> разрабатываем PWA.
компилируем в жс. хуле еще делать-то
Ничего. Лишь старые технологии немного изменились, типо в реактах стали активно юзать хуки, и то, не все.
Что-то реакт подзарержался. А говорили типа каждый день что-то новое. А по факту еще лет 7 минимум реакт будет. Просто тупо нет замены на горизонте.
Этот процесс скачкообразный, а не постоянный. В какой-то момент появился спрос на более усложненный фронт и стали плодиться различные решения для удовлетворения спроса. Сейчас этот спрос покрыт кучей работающих решений.
Следующий такой скачек может случиться в связи с развитием PWA или webAsm, что не так и долго ждать.
>webAsm
Толсто
хуярю пва на юнити, компилирую в васм уже сегодня
>более усложненный фронт
Нахуя?
>PWA или webAsm,
Только реакт будет топ 1 фреймворком по этой хуйне
Потому-что в 90х-нулевых веб это был архив документов в интернете, тогда как сейчас веб стал каталогом онлайн приложений и в том числе документов.
Не надо только ныть про то, что прогресс не нужно и надо было так и сидеть на фреймах.
Ясен хуй, прогресс это хорошо. Только вот появление новых технологий должно быть обосновано. Теперь поясни, зачем нужен еще более сложный фронт?
Но это бред, онлайн в приложениях почти не нужен. И в браузере ограниченные опппппвыоп опопопоп попо опоо п
возможности. ЗАчем тогда ОС нужна и десктоп, сидите сразу с
одного браузера и его локальным хранилищем размером с ваш жесткий диск. А ядром ОС будет линукс, чтоб мало весил и сам браузер работал, больше ничего не надо. Скоро и игры будут играть в облаке.
возможности. ЗАчем тогда ОС нужна и десктоп, сидите сразу с
одного браузера и его локальным хранилищем размером с ваш жесткий диск. А ядром ОС будет линукс, чтоб мало весил и сам браузер работал, больше ничего не надо. Скоро и игры будут играть в облаке.
Вообще то все IT это автоматизация ради автоматизации, прогресс ради прогресса.
Ну пиши себе фронт без реактов/ангуляров. Я на них перешел - меня все устраивает.
Какого типа проекты?
>ЗАчем тогда ОС нужна и десктоп
Хромбуки тебе привет передают.
Только они провалились. Приложений нет, делать никто не хочет.
Короче, представь, 2049 год, все сидят на хромбуках. Всё, от фотошопа до игрулек должно работать в бровсере.
Просто по твоей логике даже html - излишек прогресса ради прогресса. Вот нахуя все эти красоты нужны? Текст же сам по себе вполне функионал свой выполняет.
>Приложений
>хромбуки
Ты сам-то понял что сказал?
ребзи, дроч на еще более новые технологии во фронте это пустая трата энергии. фронт уже сложнее не станет, тк ограничен двумерной поверхностью дисплея. следующий шаг развития фронтенда будет с появлением прямого нейроинтерфейса.
> Ты сам-то понял что сказал?
Понял, нет приложений которые работают на v8. Он делался с учетом того, что под него будут пилить всякие pwa, но никто не захотел.
две пластины, которые носят с собой хромающие люди
>pwa
>гугол
А теперь ещё раз подумай что ты вообще высрал. Ща гугел вам даст швабоду, вместо привязки яйцами к себе, ага.
Гугол и инициировал продвижение pwa, хромбук тоже гугола. Что не так?
Нафига вам flux, если есть typescript?
Всех благодарю за ответы
То, что PWA, очевидно, протеворечит гугловской бизнес модели. Гугл не един в своих подразделениях, они там ного чего продвигали. И так же закапывали.
А какая у них бизнес модель?
Привязать всех яйцами к своим сервисам. И кормить всех этими сервисами. А для такого, очевидно, нужно чтобы абсолютно всё было в облаке.
Ебать ты валенок, братишка. Не зря в жс треде сидим.
Извини, ведением бизнеса не интересуюсь.
5 типовых задач на собеседованиях по JavaScript
Задачи казуальные и по-своему всратые.
https://medium.com/webbdev/js-2b0820b3788f
Расчехляйте свои решения. https://repl.it/@CharonIV/5-tipovykh-zadach
Задачи казуальные и по-своему всратые.
https://medium.com/webbdev/js-2b0820b3788f
Расчехляйте свои решения. https://repl.it/@CharonIV/5-tipovykh-zadach
Палиндром
length / 2 и сравнить. Хули там думать.
проорал с этой 2n анаграммы
FizzBuzz говно, дал параметр -10, нихуя не отработало. От 1 до -10 не можешь посчитать, лох?
Вот не надо тут про валидацию входящих данных говорить. Это все синтетические задания. Давай еще типы аргументов проверять, вдруг ты buffer запихнешь туда
ДА я ж пошутил.
Ребятки, есть ли какой нибудь список проектов которые можно для тренировки сделать на js, только полноценные, а не палиндромы-анаграммы?
мувисерчер, игросерчер, порносерчер
Вы нихуя алгоритмы свои не пишете, вы дергаете только готовые функции.
2.
const fizzbuzz = end =>
[...Array(end).keys()].forEach(num =>
console.log(num, (num % 3 === 0 ? "Fizz" : '' ) + (num % 5 === 0 ? "Buzz" : '') || num )
)
3.
const ww = word => word.toLowerCase().split('').sort().join('')
const anagram = (w1,w2) => w1.length === w2.length && ww(w1) === ww(w2)
5.
const fiB = (n,a,b) => n === 0 ? a : fiB(n-1,b,a+b);
const fib = nth => fiB(nth,0,1);
А зачем? Если жизнь дает тебе лимоны, делай лимонад. Как бы задания на позицию JS разработчика, вот и должен показать, что умеешь в js. Давай на if else for while все зафигачим, которые есть в любом языке программирования.
Функции не имеют отношения к алгоритмам
покормил
Есть примеры, чтобы сформировать понимание, что конкретно они должны делать или тз?
Что сильно дохуя умный? А коменты где, а форматирование? Кто потом разбирать это дерьмо будет? Переделывай нахер все
Как этот долбаеб пися статью и коментя может взрывать стаки
Вот это красиво. Будешь тимлидом
Это решение из статьи
Все равно будешь
Но я не
Народ, а async/await используют вместе с then? Или цепочки промисов и асинк эвейт это 2 разных подхода?
Разные, почитай про async await, в двух словах это синхорный способой работать с асинхорным кодом.
Да все, прочел на медиуме статью как раз. Теперь понятно.
async-функция возвращает промис, потому с возвращаемым от нее значением можно работать с then.
А как рекурсия вообще работает? Там же нет return.
Всмысле? Там 2 return
Запускает саму себя до того момента, пока не сработает первое условие, после этого начинает идти обратно по стеку и возвращать значения, вроде как-то так
поиск девок по фотке пизды
Некрасивый орган.
Есть тут анончики, которые в Ngrx/data рубят?
я не шарю но мне интересно что у тебя за проблема
На проекте юзается Ngrx/data, это обертка поверх Ngrx/entity.
Мне нужен кастомный запрос, типа не Апдейт/Делит а сделайДохуя(ид). И кастомный АПИ ендпоинт. Вот как это блять сделать? Как добавить кастомный этот метод и потом в еффекте или где дернуть апи, дождаться респонса и заапдейтить стор.
Перечитал вот эту хуйню https://github.com/johnpapa/angular-ngrx-data/tree/master/docs
заимплементил кастомный дата сервис, кеш сервис, редюсер. НО оно просто оверайдить существующие методы Ngrx/data. Те, которые в EntityOp. А как срать сделать полностью свой метод?
дааа так сразу и не понять!тут требуется серьезниший РИСЁЧ
В последних двух задачах ничего эффективнее не придумать, а вот в первых трёх можно сделать эффективнее.
https://repl.it/repls/SnarlingQuerulousDegree
>как рекурсия
Первый пик рекурсия из статьи
На каждый шаг рекурсия пидорится на две другие, что ебаный пиздец и лучше на собесе вообще ничего не написать чем высрать такое
Второй пик обычная рекурсия с аккумулятором
>Там же нет return
Если ты про
(n,a,b) => n === 0 ? a : fiB(n-1,b,a+b);
В стрелочных функциях при неуказывании фигурных скобок автоматически становится return, но должин быть один экспрэшон
(n,a,b) => n === 0 ? a : fiB(n-1,b,a+b);
(n,a,b) => { return n === 0 ? a : fiB(n-1,b,a+b); }
function(n,a,b) {
return n === 0 ? a : fiB(n-1,b,a+b);
}
Писать что-то типа
n => let a =1; n+1;
Нельзя
Еще в стрелочных функциях не обязательно засовывать в скобки () аргумент если он один
>На каждый шаг рекурсия пидорится на две другие
Это не самый пиздец. Пиздец , если ты им формулу Бине напишешь или если у тебя ее спросят. Я лично не знаю как она выводится, но я решал задачу через нее, потому что когда-то давно смотрел формулы чисел фибоначчи.
По началу я удивился, что существует на столько мощный метод вычисления, но потом задумался : является ли он столь эффективным? Если присмотреться к формуле, то можно увидеть что от n растет кол-во умножений и делений, а классический подход лишь суммирует числа. Я замеры на скорость не делал, но что-то мне подсказывает, что одно суммирование явно быстрее чем несколько умножений
Скинь статью плз.
function mixin(...src) {
for (let _cl of src) {
console.log(_cl)
for (var key of Object.getOwnPropertyNames(_cl.prototype)) {
console.log(key)
Shape.prototype[key] = _cl.prototype[key]
}
}
}
https://playcode.io/468568?tabs=script.js,preview
for (let _cl of src) {
console.log(_cl)
for (var key of Object.getOwnPropertyNames(_cl.prototype)) {
console.log(key)
Shape.prototype[key] = _cl.prototype[key]
}
}
}
https://playcode.io/468568?tabs=script.js,preview
Быстро фикс не то скопипастил.
Собственно задание:
Mixin
Object.create не позволяет сделать объект более чем от одного прототипа. Требуется создать функцию mixin позволяющую подмешивать множество прототипов в итоговый объект
Код-условие и тесты:
/ Test example /
function Shape() {}
const originalPrototype = Shape.prototype
function Drawable() {}
Drawable.prototype.draw = function() {}
function Chainable() {}
Chainable.prototype.chain = function() {}
Shape.prototype = mixin(Drawable.prototype, Chainable.prototype);
assert(Shape.prototype).toBe(originalPrototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Drawable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Chainable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.draw).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).toBe(Chainable.prototype.chain)
assert(Shape.prototype.__proto__.draw).toBe(Drawable.prototype.draw)
/
mixin() - function that student should create
assert(actual) - object that takes actual result
toBe(expected) - method compare with expected
notToBe(not expected) - method compare with not expected
/
https://playcode.io/468568?tabs=script.js,preview
Мой вариант решения, но не получается подмешать примесь к нужному прототипу в цикле( не знаю как записать)
Mixin
Object.create не позволяет сделать объект более чем от одного прототипа. Требуется создать функцию mixin позволяющую подмешивать множество прототипов в итоговый объект
Код-условие и тесты:
/ Test example /
function Shape() {}
const originalPrototype = Shape.prototype
function Drawable() {}
Drawable.prototype.draw = function() {}
function Chainable() {}
Chainable.prototype.chain = function() {}
Shape.prototype = mixin(Drawable.prototype, Chainable.prototype);
assert(Shape.prototype).toBe(originalPrototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Drawable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Chainable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.draw).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).toBe(Chainable.prototype.chain)
assert(Shape.prototype.__proto__.draw).toBe(Drawable.prototype.draw)
/
mixin() - function that student should create
assert(actual) - object that takes actual result
toBe(expected) - method compare with expected
notToBe(not expected) - method compare with not expected
/
https://playcode.io/468568?tabs=script.js,preview
Мой вариант решения, но не получается подмешать примесь к нужному прототипу в цикле( не знаю как записать)
Да, я долбоёб
Фиксю:
Код-условие и тесты:
/ Test example /
function Shape() {}
const originalPrototype = Shape.prototype
function Drawable() {}
Drawable.prototype.draw = function() {}
function Chainable() {}
Chainable.prototype.chain = function() {}
Shape.prototype = mixin(Drawable.prototype, Chainable.prototype);
assert(Shape.prototype).toBe(originalPrototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Drawable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Chainable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.draw).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).toBe(Chainable.prototype.chain)
assert(Shape.prototype.__proto__.draw).toBe(Drawable.prototype.draw)
/
mixin() - function that student should create
assert(actual) - object that takes actual result
toBe(expected) - method compare with expected
notToBe(not expected) - method compare with not expected
/
хз я даже обычную формулу фибоначи не стал бы писать без вики перед глазами, если зп не запредельная
И учитывая что это жс тред
>На главной есть полностью клиент сайдный скрипт
Только вот он не zip-ает нихуя. Блокнотом открой этот zip и увидишь в коде - "Hello World" извнутри текстовика Hello.txt.
Говорил же, что пароль надо, даже работает сжатие.
>https://gildas-lormeau.github.io/zip.js/ видел?
Видел, но эта тулза тоже без пароля, вроде...
Один Issue открыт и он без ответа:
https://github.com/gildas-lormeau/zip.js/issues/161
Ты опять выходишь на связь, унылый?
console.log(array);
Почему ЖС-эры могут вывести массив одной строчкой, а я как дурак должен циклом обходить?
Почему ЖС-эры могут вывести массив одной строчкой, а я как дурак должен циклом обходить?
Меня вынуждают обстоятельства!
Короче, я там глянул гитхаб этого минзип-асма, и он не только для ноды. Там в папке example index.html включает в себя сам скрипт + ещё скрипт с логикой для сайта (скомпресованный в нечитабельный вид, но на это у жээсеров наверняка есть своя затычка).
Больше ничем помочь не могу.
По какому тутору, книге, статье можно фастом поднять експресс, его экосистему, тесты там, бест практисы, чтобы написать говносерчер. О себе работающий джун реакт/вью, бека не знаю, могу только запустить экспресс для next/nuxt
Так можно в любом языке с динамической типизацией, где списочные типы автоматически приводятся к строке.
>По какому тутору, книге, статье можно фастом поднять експресс
ищешь проект на гитхабе -> клонируешь
Я должен как джун понимать этот код ? что то понятно, но все как в тумане, какое то нечитабельное говно.
Там ошибка. Задание требует создать функцию mixin позволяющую подмешивать множество прототипов в итоговый объект.
И у задания есть код-условие, а так же тесты которые должна проходить написанная функция:
Код-условие и тесты:
/ Test example /
function Shape() {}
const originalPrototype = Shape.prototype
function Drawable() {}
Drawable.prototype.draw = function() {}
function Chainable() {}
Chainable.prototype.chain = function() {}
Shape.prototype = mixin(Drawable.prototype, Chainable.prototype);
assert(Shape.prototype).toBe(originalPrototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Drawable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.__proto__).toBe(Object.prototype)
assert(Chainable.prototype.__proto__).toBe(Object.prototype)
assert(Shape.prototype.__proto__.draw).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).notToBe(undefined)
assert(Shape.prototype.__proto__.chain).toBe(Chainable.prototype.chain)
assert(Shape.prototype.__proto__.draw).toBe(Drawable.prototype.draw)
/
mixin() - function that student should create
assert(actual) - object that takes actual result
toBe(expected) - method compare with expected
notToBe(not expected) - method compare with not expected
/
Сам мой код:
https://playcode.io/468568?tabs=script.js,preview
но я не понимаю как мне присвоить в цикле что последний аргумент является прототипом следующего.
>Я должен понимать этот код
Нет это
>говно
как добавить css к странице? есть какие-то плагины?
как дышать, посоны? есть гайды какие или курсы?
через жопу
Зацените исходники.
Если говнокод, то что в первую очередь надо пофиксить?
https://github.com/vlr-hub/pricing-tools-frontend
F
Нет ssr. Без него такой сайт бизнесу не нужен.
>нет ssr
Так он же в 91 наебнулся.
Server-Side Rendering?
А в чём смысл? Бизнесу ведь не выгодно арендовать мощные серваки?
У меня бэк рендерит только исходную страницу (передаёт "стартовые" параметры, по которым реакт определяет, какую именно страницу нужно открыть). Ну а при переходах внутри сайта запрашивается только контент, включая данные из БД.
https://github.com/vlr-hub/pricing-tools-backend/blob/master/resources/views/index.blade.php
Смысл в том, что бизнес зависим от рекламы, а рекламу в интернете можно получить либо покупая её, либо занимаясь продвижением в поисковиках. Если гугл еще может кое-как работать с js контентом, то яндекс нахер шлет таких. А если в поисковиках у тебя нет никаких позиций, то еще и покупаемая реклама будет стоить дороже.
И яндекс и гугл добавляют в поиск страницы, указанные в sitemap.xml.
https://pricing.tools/sitemap.xml
Только на этих страницах для поисковиков нет контента. Вот так выглядят они для поисковых ботов.
lolblya)))
let list = [1,2,3]
for(let i = 0; i<list.length; i++) {
list.push(i+3)
console.log(list)
}
let list = [1,2,3]
for(let i = 0; i<list.length; i++) {
list.push(i+3)
console.log(list)
}
Насколько я понял и React и Vue могут рендериться на серваке только в паре с нодой. Однако подавляющее большинство сайтов работают на апаче и nginx.
Для чего они тогда используются?
let list = [];
list[-1] = 'Ohuenno vstavilo posoni';
console.log(list.length);
Нода прячется за нжинксом и хихикает там
Тупой вопрос: зачем ставить на сервер nginx и переправлять запросы на ноду (https://stackoverflow.com/questions/5009324/node-js-nginx-what-now), если можно обращаться к ноде напрямую?
А гуглить пробовал?
Например для баланса нагрузки.
Виндертон, ты?
Добавь в приложухе аддон New Relic и настрой там пинг вебморды каждые 10 минут. Добавляешь к акку кредитку и, вуаля, бесплатный хостинг 24/7
Решаю задачки с офф учебника
Создайте функцию truncate(str, maxlength), которая проверяет длину строки str и, если она превосходит maxlength, заменяет конец str на "…", так, чтобы её длина стала равна maxlength.
Результатом функции должна быть та же строка, если усечение не требуется, либо, если необходимо, усечённая строка.
https://pastebin.com/vHGkS5En
Почему у меня к результату усечения строки приклеивает undefined ?
Создайте функцию truncate(str, maxlength), которая проверяет длину строки str и, если она превосходит maxlength, заменяет конец str на "…", так, чтобы её длина стала равна maxlength.
Результатом функции должна быть та же строка, если усечение не требуется, либо, если необходимо, усечённая строка.
https://pastebin.com/vHGkS5En
Почему у меня к результату усечения строки приклеивает undefined ?
сколько будет undefined + char?
> сколько будет undefined + char?
Точно, спасибо.
Сап
Кто-нибудь читал "eloquent javascript"?
Как вам книга и пойдет для нуба с небольшим опытом?
Кто-нибудь читал "eloquent javascript"?
Как вам книга и пойдет для нуба с небольшим опытом?
сделать нормальную загрузку данных. Открыл ram, сервер потянул 1.5мб данных, охуеть
Сейчас бы в 2к19 считать, что 1.5 мб это много.
Я щас кому то уши оборву, запустил не глядя в консоли.
let list = [1,2,3]
for(let i = 0; i<list.length; i++) {
if(i<10) {
list.push(i+3)
console.log(list)
}
}
function truncate(str, maxlength) {
if (str.length < maxlength || str.length === maxlength) alert(str)
else alert(str.slice(0,maxlength-1) + '...')
}
посоны, в жс массивы штоле на шэшмапах работают как в говнопыхе?
const truncate = (str, len) => (str.length < len || str.length === len) ? alert (str) : alert(str.slice(0,len-1) + '...')
const truncate = (str, maxlength) => {
const tail = "...";
return str.length > maxlength ? str.slice(0, maxlength-tail.length)+tail : srt;
}
Почему данная фигня дает в ответе 3?
А тут ежик больше яблока, че за бред? В яблоке же больше букв
оператор && имеет приоритет над ||
(выражение1 && выражение2)
сначала вычисляется выражение1
2 это не false
далее вычисляется выражение2
3 это не false
любая хуйня || не false это не false
возвращается результат выражения2 как результат вычисления логической функции
Это твоя логика, а в языке по чаркоду сравнение литер осуществляется.
Потому что ёжики носят яблоки, а не яблоки ёжиков.
При сравнении строк, сравнивается не длина, а посимвольно. https://learn.javascript.ru/comparison#sravnenie-strok
Спасибо, разложил по полочкам как боженька.
Не понял
Кстати, в typescript и, скорее всего, в бебелях-шмебелях тоже, добавили уже оператор ??, который находится на финальной стадии принятия в стандарт экмы. Значительно более удобный, чем ||. Рикомендую.
> добавили уже оператор ??, который находится на финальной стадии принятия в стандарт экмы. Значительно более удобный, чем ||. Рикомендую.
Он добавляет какие-то новые функции?
Более ожидаемое поведение по сравнению с ||, так как не зависит напрямую от falsy сравнений. ?? проверяет на наличие или отсуствие данных.
https://github.com/tc39/proposal-nullish-coalescing
https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/
Optional Chaining еще мелкое, но очень удобное добавление.
Понятно, а то я думал чисто косметические изминения
Тебя не бесит ПОДЛАГИВАНИЕ при перелистывании таблиц, списков и тд., которое обязательно присутствует при запрашивании данных по кускам?
>Не понял
https://javascript.info/comparison#string-comparison
console.log('ё'.charCodeAt(), 'я'.charCodeAt());
Так и есть. На ноде в крупных проектах пишут разве что какие-то прослойки или отдельные микросервисы, но никто не будет юзать её как основу. Не потому, что нода говно, а потому, что у Джавы банально намного более развитая экосистема. Тот же Спринг предоставляет тебе инструментов намного больше и даёт гораздо более высокий уровень абстракции, чем любой жс-фреймворк для бэка. И очень многое там есть из коробки, без какой-то дополнительной еботни.
Анончики, подскажите с кодировкой. Не знаю, как послать post реквест с формдатой и в нормальной кодировке (utf8), чтобы на сервере это не выглядело, как мешанина из случайных символов. Как это реализовать?
Что за микросервисы тогда будут писать на ноде?
>пук
"Микросервисы" пишут только неосиляторы
В основном это вебсокет сервер или сервер как гейтвей на пару 3д парти запросов
Почему это называют "Микросервесами" остается загадкой
Нет. Ты и так ожидаешь, что при перелистывании будет небольшая задержка. А вот когда первый раз открываешь и ждешь 3 секунды - это пзидец
Но не тебе?
Плотили за разгребания такого говна, я не выдержол
>Даже за такое говно платят
Это я сам для себя написал
>2020
>ssr
Удивлён что до сих пор бывают не-SPA фронтенды.
Не встречал их с 2009 и надеюсь не встречу.
это норм, если у тебя СааС. если маркетинг, то ты сосешь
Два чая этому просветленному
Аноны поясните для нуба о чем речь, интересно же.
В этом итт слабо понимают разницу между SPA и SaaS
> пук
Аргументы уровня ноджс дауна))
>Аргументы
>у Джавы банально намного более развитая экосистема
>Тот же Спринг предоставляет тебе инструментов намного больше и даёт гораздо более высокий уровень абстракции
>На ноде в крупных проектах пишут разве что какие-то прослойки или отдельные микросервисы
>пук
Как встроить 12-й Node в программу на крестах? Про восьмой в интернете что-то есть, а про двенадцатый вообще ничего не нашел.
Лайфхак для вкатывальщиков
Плохо
const handler = newVal => setS(newVal);
onClick={(e) => handler(e.target.value)}
const handler = e => setS(e.target.value);
onClick={handler}
Ок
const toVal = e\t => e.target.value;
const handler =\tpipe(toVal,setS);
onClick={handler}
Плохо
const handler = newVal => setS(newVal);
onClick={(e) => handler(e.target.value)}
const handler = e => setS(e.target.value);
onClick={handler}
Ок
const toVal = e\t => e.target.value;
const handler =\tpipe(toVal,setS);
onClick={handler}
Я тут недавно узнал, что оказывается в javaScript нету типа данных integer, соответствующего целым числам. Вместо этого все числа являются числами с плавающей запятой float.
Как разработчики справляются с этой проблемой?
Как разработчики справляются с этой проблемой?
>/Спецификация языка/
>Как разработчики справляются с этой проблемой?
Где проблема-то?
Хотя бы пример какого-нибудь случая
>Где проблема-то?
Ну как минимум проблема в быстродействии:
1) операции с целыми числами выполняются процессором быстрее чем операции с числами с плавающей точкой.
2) нельзя выполнить целочисленное деление, не применяя при этом функцию округления.
JS для барбершопов и слайдеров, а не для математических вычислений. Всем похуй.
Годно. Работает. Достаточно было заменить все '"//' на 'http://' и взлетело.
Выкачал скрипты по ссылкам, теперь всё локально пашет. Благодарочка.
скороникогда
>We have plans for how we would implement such support, but it is another case where we would first like to find out whether that is really what you, our users, care about the most; or whether we should spend our time on something else instead.
пока только так https://v8.dev/blog/bigint
Откуда вы такие набегаете?
Что ты хочешь услышать на свой пук?
>Ну как минимум проблема в быстродействии
Процессор тратит больше времени на обработку I/O (в котором ЖС на голову выше всего остального веба) чем на сами вычисления
Топ компании до сих пор перекатываются на Ноду ради перфоманса
Рынок ни при чем, убрав фронтенд сярп/ява/питоно макак будет в полтора-два раза больше
>Топ компании до сих пор перекатываются на Ноду ради перфоманса
хуя манямир
>Там в папке example index.html включает в себя сам скрипт
>+ ещё скрипт с логикой для сайта
>(скомпресованный в нечитабельный вид, но на это у жээсеров наверняка есть своя затычка).
Судя по комментарию в самом начале:
>Operative v0.4.5 (c) 2013 James padolsey, MIT-licensed, http://github.com/padolsey/operative
это - минифицированный скрипт operative, для подключения Worker'a, в браузере.
Вот этот проект здесь: https://github.com/padolsey/operative
Тут: https://raw.githubusercontent.com/padolsey/operative/0.4.4/dist/operative.min.js
последняя версия
А вот тут: https://raw.githubusercontent.com/padolsey/operative/0.4.4/dist/operative.js
полный исходник, не минифицированный.
Ну и чтобы проверить это, выкачал их, и подключил в index.html. Всё работает.
Вместо него BigInt.
Но вообще ты не понимаешь скриптовые языки. Если тебе нужна точная математика, то делай вставки на вебасме.
>1) операции с целыми числами выполняются процессором быстрее чем операции с числами с плавающей точкой.
Внутри JavaScript число представлено в виде 64-битного формата IEEE-754. Для хранения числа используется 64 бита: 52 из них используется для хранения цифр, 11 из них для хранения положения десятичной точки (если число целое, то хранится 0), и один бит отведён на хранение знака.
У тебя всегда есть дробная часть, ты её не видешь. Напиши let a = 2.0 и верни его. Он тебе вернет обычную двойку. Но явный флоат Питона или Си и т.д. вернет тебе 2.0 . Этим и отличается JS от остальных языков. Резюмируя, на скорость это никак не влияет. Она по умолчанию гавно.
>сидишь-пердишь, решаешь разные ката на codewars
>вроде сделал, всё работает, хоть и выгляди некрасиво
>submit final
>чекаешь чужие решения (интересно жи)
>пикрел
а ещё там один челик вообще скопипастил реализацию BigInt целиком в решение, но у меня она в экран не помещается
>вроде сделал, всё работает, хоть и выгляди некрасиво
>submit final
>чекаешь чужие решения (интересно жи)
>пикрел
а ещё там один челик вообще скопипастил реализацию BigInt целиком в решение, но у меня она в экран не помещается
классика
Поясни, что там произошло? Задание было перемножить 2 больших инта? Один тупо заюзал апи, а второй захардкодил результаты тестов?
Вместо решения задачи, он просто считает итерацию юнит теста и выдает ожидаемое им решение. Читор, криса, короче.
В одном задание было перемножить два больших инта, а в другом сложить, но суть ты полностью раскрыл.
Почему в реакте данные между компонентами передаются пропсами, а не, например, сохраняются и читаются из localStorage?
А если компонентов 2, а если 3, а если 10, а 100?
Есть пример функции:
fs.readdir(<путь>, (err, files) => {
<Что-то делаю с files>
});
Как сделать похожую? Нужно чтобы она кое-что делала и внутри неё можно было что-то делать с её результатом.
Мне нужна функция для работы с хэшем, а простая конструкция function a() {... return b} не подходит так как код продолжает выполняться, не дождавшись результата функции.
В async не умею и почти ничего в нём не понимаю. Пробовал создать async функцию, но ничего не менялось.
fs.readdir(<путь>, (err, files) => {
<Что-то делаю с files>
});
Как сделать похожую? Нужно чтобы она кое-что делала и внутри неё можно было что-то делать с её результатом.
Мне нужна функция для работы с хэшем, а простая конструкция function a() {... return b} не подходит так как код продолжает выполняться, не дождавшись результата функции.
В async не умею и почти ничего в нём не понимаю. Пробовал создать async функцию, но ничего не менялось.
Потому-что заветы flux-архитектуры. Какие-то умные дядьки вывели целую теорию и написали кучу макулатуры, почему нужно делать так, а не иначе. Им виднее.
Кроме пропсов ты можешь организовывать общение между компонентами через context api, redux, mobx и еще кучу других вариантов.
Зачем используют redux вместе с реактом, если у последнего есть Context?
Я не знаю. Терпеть его не могу. Он заставляет меня страдать прямо сейчас. В своих личных проектах я обмазываю реакт мобиксом.
Context api, на самом деле, слегка оверейтед как универсальный убийца стор менеджеров, главным образом тем, что context api удобен что бы просто гонять данные между компонентами, но он нифига не заменяет собой собственно полноценный стор. А полноценный стор приложения ты сам захочешь, если напишешь достаточно крупное реакт-приложение.
Посоны, поясните есть ли связь между BigInt и BigInt64Array?
Не знаю, не использовал. Уверен, что документация на mdn дает исчерпывающий ответ.
Аноны, естествоиспытательский интерес.
Есть html тег <div>, внутри него еще допустим пять дочерних <div>. Как сделать анимацию закртытия этих дочерних <div> поочередно c помощью jQuery. Тоесть допустим скрывается сначала первый, потом второй и т.д.
Я знаю классический - колбеком в качестве аргумента hide(), второй - используя объект Deferred.
Какие еще варианты? jQuery изучаю джва часа.
Есть html тег <div>, внутри него еще допустим пять дочерних <div>. Как сделать анимацию закртытия этих дочерних <div> поочередно c помощью jQuery. Тоесть допустим скрывается сначала первый, потом второй и т.д.
Я знаю классический - колбеком в качестве аргумента hide(), второй - используя объект Deferred.
Какие еще варианты? jQuery изучаю джва часа.
через колбек делай
нахуй тебе жквери мудак
Потому что я не дебилко, которое для маня сайта за двадцатник с двумя формами, будет тянуть на него реакт/вебпак/babel и прочее .
Ладно, исправил код с помощью .then(() => {...})
Работает как надо, но выглядит кривовато.
Ну ты ⑨. А потом удивляемся, почему одно говно повсюду.
Касательно промисов и fs, используй библиотеку bluebird, потому что я уже не вспомню в чем именно проблема, но при ошибках в fs, дефолтные промисы не поймают throw exception и все приложение ляжет.
Ниразу не вылезали ошибки при чтении/записи файла через fs.
Что может пойти не так?
Не говорю про то, что такое обязательно вылезет, но если появится, то нервов можно много потратить на поиск ошибки. Там какая-то проблема, что fs использует низкоуровневые вызовы, которые стандартные промисы не ловят, и исключение летит в главный процесс и валит все к херам.
Вот когда ченить будешь делать практическое, тогда и попизди мне.
Ого. На будущее заметочку оставил конечно, но мой говнокод не стоит таких выкрутасов. Спасибо.
Это не масштабный продакшон, а свой маленький бот в телегу, так что похуй.
Все говномагазины переписываем на реакт срочно! Так в треде на дваче сказали
То есть альтернатива жквери - это реакт, вебпак и бабель? Ты просто не разбираешься в теме.
Давайте закроем эту тему тем, что фронт давно разделился на писателей веб-приложений и на тех, кто до сих пор верстает веб-документы с жиквери. Не на каждую задачу чего-то онлайн, реально нужно запиливать целое приложение на реактах-ангулярах.
хотя я все равно смотрю на писателей на жикверей, как на неосиляторов.
хотя я все равно смотрю на писателей на жикверей, как на неосиляторов.
И что еще есть, как альтернатива джейквери? Желательно не либа известаня 3.5 смузихлебам.
И в чем преимущества у этих либ переж жеквери будет?
>>хотя я все равно смотрю на писателей на жикверей, как на неосиляторов.
Если подумаешь - то жеквери очень часто юзают бекендеры. Которым со стороны фронта порою что то нужно сделать быстро и без ебли.
Сейчас чистый js может практически все тоже самое, что и jquery. Еще несколько лет и он отпадет за ненадобностью. Приправляй только полифилами код через webpack, транспилируй с помощью babel и радуйся.
Ну труп жикверей еще тащат запиленные на него плагины.
А вообще интересно, есть ли какая-то либа для UI на чистом js? Я бы где-то такое даже применял бы.
Тут есть те кто с Redis работал?
Реализую очередь на node+redis. Считывание из очереди делаю с помощью brpop(указав ему таймаут), пуш - lpush. Как реализовать следующую штуку:
Кидаем гет-запрос(brpop) на пустую очередь. Тк вытаскивать нечего, ждем указанный таймаут. В это время кидаем пост-запрос(ЛПУШ). Как только в очередь что-то запушилось и это произошло до истечения таймаута у брпоп - он должен вернуть нам эту запись из очереди. Проблема в том, что сейчас если кинуть гет на пустую очередь то брпоп просто блокирует все на время таймаута и следующий запрос с пушем параллельно не обрабатывается.
Реализую очередь на node+redis. Считывание из очереди делаю с помощью brpop(указав ему таймаут), пуш - lpush. Как реализовать следующую штуку:
Кидаем гет-запрос(brpop) на пустую очередь. Тк вытаскивать нечего, ждем указанный таймаут. В это время кидаем пост-запрос(ЛПУШ). Как только в очередь что-то запушилось и это произошло до истечения таймаута у брпоп - он должен вернуть нам эту запись из очереди. Проблема в том, что сейчас если кинуть гет на пустую очередь то брпоп просто блокирует все на время таймаута и следующий запрос с пушем параллельно не обрабатывается.
Вопрос уровня "докажи что бога нет". Ты сначала докажи что он есть - тогда поговорим. Понимаешь аналогию?
Чистый es6 делает всё то же самое, что делает жквери, кроме анимаций на позиционированиях (они всё равно должны быть запрещены какой-нибудь конвенцией давным-давно, ибо трансформы)
Что за бинарное мышление - либо жквери, либо ангуляр? Писать можно на ванилле, а собирать тебе придётся всё равно, как минимум - минифицировать. Если ты предлагаешь даже не минифицировать - то ты просто самозванец от индустрии, и никакого оправдания тебе нет.
Не слушай долбоебов, спокойно юзай джиквери на своем небольшом проекте, он намного удобнее чистого жс в контексте твоей задачи.
>>Сейчас чистый js может практически все тоже самое, что и jquery.
>>А вообще интересно, есть ли какая-то либа для UI на чистом js?
>>Чистый es6 делает всё то же самое
Я конечно все понимаю... Я из бэкенд-стороны прилетел, JS знаю нативный, react уровня тудушечки. Немношк Nоde.js использую. Но я чет фрустрирую от ваших местных с заявлениями про "чистый" JS и "либы на чистом JS".
Джейквери - это видимо бинарный пакет на C++.
Ебать у вас цирк.
Не цирк, а детский сад. А ты чего сюда зашел старый пердун?
Крестобоярин вкатился итт. Не думал что этот день наступит так скоро. Нужно выучить ваш джава мать его скрипт. Обрисуйте вкратце что куда и как.
Лол, что, qml осваиваешь? Я изучал по learn javascript на инглише, но на сам деле он там используется в довольно урезанном виде.
другой крестобоярин
Затем, что контекст не заменяет редакс. Редакс - это как контекст на стероидах, если в двух словах. Контекст - это механизм передачи пропсов на разное кол-во уровней вложенностей, а редакс это полноценный стейт менеджер.
Что такое стейт менеджер ты можешь загуглить сам.
Объясни зачем тебе глобальный стейт менеджмент? Потому что у тебя стейт большой? Ты в стейт пихаешь всякое говно?
Потому что в современном real-world приложении управление состоянием приложения далеко не такая тривиальная вещь, какой она может показаться на первый взгляд.
И да, стейт большой и сложная асинхронная логика с кучей сайд эффектов, которые нужно контролировать. Это уже отвечая на твой вопрос.
Давай с конкретикой, без космических кораблей бороздящих Большой театр.
Но ведь Редукс вводят для глобального стейта, а потом героически решают проблемы с запросами к бекенду с помощью саги хуяги
Прост)) все используют редакс, и нам надо. такая же хуйня как микросервисы.
Потому что вместо того чтобы прокидывать компонненты в пропсах на один два уровня, собирают в глобальны пучок зависимости и хардкодят компоненты на нижнем уровне
А кстати объясните нубу, чому не сделать несколько топ левел контейнеров и в них читать данные с сервера (типа в componentDidMount), и в чилды передавать данные через пропсы? Я так сделол в своем проекте и вроде никаких проблем не заметил
Короче пишут на реакте как на vue
Некрасиво
Деньги плати - будет информация. Я не буду тратить своё время и всё разжевывать, что бы даже амёба поняла. С опытом поймешь, короче.
Твоей мамке уже заплатил за минет, она сказала что все включено!
Окей, амёба.
Твой туду на редаксе не есть опыт, инфузория
Ребяты, NaN === NaN в хату, подскажите, пожалуйста, годных источников по Angular2-8, желательно гайдов (SPA, архитектурные решения). В гугле был, awesome angular на гите смотрел, хотелось бы лучшие практики от авторитетных ребят, а то что не статья на хабре, то автора в комментах критикуют и обоссывают.
В спеке то нету, но у имплементаций свой путь(тм). Рантайм чекает, инт у тебя или хуинт, так что скорее всего на твоем любимом интеле будут крутиться твои любимые инты
Подкиньте идею для нодовского приложения с использованием сокетов.
Чатик
Реалтайм цены на крипту с графиками и тп
Любой гайд по сокетам - это обязательно чатик.
ПЕР ФОР МАНС
Когда ты обновляешь стор нормального стейт менеджера - ререндерятся только несколько компонентов. А когда контекс - обновляется все, даже на винду апдейт приходит. И так каждый клик
Ну так это весело.
Охуенно же!
рогалик на фейзере
mud
Двач
Что добавить, чтобы срабатывало только по истечению N времени бездействия на странице?
setTimeout(function(){ location.reload(); }, 300*1000);
setTimeout(function(){ location.reload(); }, 300*1000);
а бездействие это что?
Отсутствие активности клавы+мыши+курсора на странице.
Это для violentmonkey
>Я конечно все понимаю
>все понимаю
Нет. Далеко нет.
Джейквери - не библиотека на чистом JS?
Пиздец, вот ебать ты умный тут, а мы все тупые. Речь идёт о том, чтобы не тянуть либу там, где это не нужно. Для того, чтобы найти элемент на странице и сделать аякс-запрос не нужна библиотека. Особенно не нужна такая библиотека, которая провоцирует отмороженых школьников писать отмороженый код без малейшего понимания происходящего. Истории про "акак мне на класс повесить запрос" и прочие "как на жквери сложить два числа" и прочие "что значит проитерироваться по коллекции элементав???" - это, конечно, заебись, но пора бы отходить от этого.
Была где то борда пару лет назад на ноде.
>> Речь идёт о том, чтобы не тянуть либу там, где это не нужно.
Судя по цитатам тех типов создается впечатление что речь идет именно о том что джейквери - это бинарник на C++
А то что ты пишешь - словоблудие если честно. Я хз как подобрать правильное слово к тому, когда человек многословно пишет банальности и очевидные вещи. Но я примерно понимаю зачем - можно пространно пиздеть на вообще не важные темы, и не программировать.
Я этим так же сейчас занимаюсь.
Короче мы с тобой пиздаболим попусту.
А школьники с тем же успехом и на react и на питоне пишут лютую хуиту. И на нативном JS пишут тоже хуиту.
Хотя не спорю джейквери планочку использования простейших вещей опускает до совсем уж уровня верстальщика. Однако я, что бы сделать последовательную анимацию, не заня в сущности библиотеки вообще - использовал промисы. Что означает что все равно придется глубже лезть в язык.
>то означает что все равно придется глубже лезть в язык.
Типичный оператор жквери. Доку к animate, конечно, мы читать не будем.
Типичный оператор жквери. Доку к animate, конечно, мы читать не будем.
>мы пиздаболим
Да нет, тут пиздаболию развел только ты. Что сказать то хотел?
Да, JS говно. Да, есть настолько нелогичные моменты, что пришлось делать огромные надстройки над языком (Jquery, Typescript, etc...). Ты весь такой крутой бекенд-крудошлеп забежал высказать свое фи? Спасибо, очень ценное мнение.
Расскажи про нелогичные моменты пожалуйста
ну там короче ыы как в том видео где wat и пустой масив короче тру возвращает, ты понял да
>>огромные надстройки над языком (Jquery, Typescript, etc...)
Все ебанулись, лол.
завезите в жс человеческие целочисленные типы вместо костыльного бигинта и будет лучший язык
>пук
>шшпррр
нихуя тебе очелло-то раздраконили в этом итт треде)
>2020
>хайп на ноду прошел
>жспетучи вернулись к реальности
>хайп на ноду прошел
>жспетучи вернулись к реальности
С надстройка над ассемблером.
С++ надстройка над С
Qt надстройка над С++
....
ну ты понел
Си самый запутанный язык, потому что есть С++ и С#. JavaScript тоже можно с Java перепутать. PHP в этом намного проще
Java - надстройка над c++
JavaScript - надстройка над Java
За хайпом идёт стабильность.
Браузер - надстройка над жабаскриптом
Аноны-реактеры, подскажите:
Я в компоненту передаю число. Если число целое, то я просто на страничку добавляю span с этим числом, а если число дробное, то у меня должна возвращаться такая конструкция: <span><span>ЦЕЛАЯ ЧАСТЬ</span><span>,ДРОБНАЯ ЧАСТЬ</span></span>. Как такое реализовывать?
Я в компоненту передаю число. Если число целое, то я просто на страничку добавляю span с этим числом, а если число дробное, то у меня должна возвращаться такая конструкция: <span><span>ЦЕЛАЯ ЧАСТЬ</span><span>,ДРОБНАЯ ЧАСТЬ</span></span>. Как такое реализовывать?
1) В жс все числа - флоаты.
2) Реакт это новый жквери? Как сложить два числа на жквери, как выяснить целую часть на реакте? При чём тут вообще реакт?
3) n % 1 === 0; скажет тебе, 0 там после точки или нет.
Да я знаю как дробную часть вычислить. У меня вопрос про то, как сделать так, чтобы у меня компонента в одном случае она просто в спан запихивала другой спан, а в другом случае запихивала в спан элемент, предварительно обернув его другим спаном.
Анон что можно почитать/посмотреть про Ангуляр? Очень мало нормальных мануалов
if else
А если у меня 6-7 различных ситуаций?
А если у меня есть массив и есть div, как я могу пройти по всему массиву и добавить его элементы внутрь этого дива, обернув каждый из них span?
<div>{array.map( element => <span>{element}</span>)}</div>
Может,стоит доку почитать всё же?
Долго, на стековерфлове есть ответ на любой вопрос
Есть сервер на Node, работающий с api некоторого ресурса, который предоставляет ограниченное количество запросов за определенное время. Как можно реализовать очередь невыполненных запросов для их повторного вызова через некоторое время? Пока пришло в голову только писать свое говно на списке и таймере. Есть какие-то готовые и удобные решения?
Как поставить линтер чтоб отформатировать код? Есть какой нибудь гайд для долбоебов?
Ну, допустим, я выбрал throttled-queue. Как в нем использовать несколько ограничений? При чем речь не про ограничение для какого-то конкретного запроса, а про правила этого ограничения. Например: не 20 запросов в секунду, а 20 в секунду и 100 в 2 минуты. Как-то так... Документации особо нет. Возможно, я просто ахуел и требую решения уникальных ситуций... Кто эти модули вообще пишет* Обычные Васяны? И по оценкам других Васянов можно примерно понять чей продукт из Васянов более-менее нормальный?
Почему не работает?
'fun times!'.replace(/[aeiou]/g, '1');
'fun times!'.replace(/[aeiou]/g, '1');
'fun times!'.replace(/[aeiou]/g, '1');
"f1n t1m1s!"
А как заменить совпавшие буквы на заглавные?
s.replace(/[aeiou]/g, '$1'.toUpperCase());
Не работает.
Можно это сделать с replace? Я не хочу дописывать всратые блоки if
Делаю аутентификацию через соц сети с использованием passport. Для гугла и вк все было просто, а вот с фейсбуком я уже часа 3 ебусь и я уже просто не понимаю, чего он от меня хочет. Ради него даже пришлось https на localhost поставить, а он все равно нихуя не хочет работать.
1 скрин результат перехода на https://localhost:3000/auth/facebook
2 и 3 это я указал сайт и редирект в настройках developers.facebook моего приложения
https://pastebin.com/ahCeSnYW
Код, который с паспортом связан, при чем с гуглом и вк все то же самое работает отлично.
Где проёб, мб что еще сделать надо?
1 скрин результат перехода на https://localhost:3000/auth/facebook
2 и 3 это я указал сайт и редирект в настройках developers.facebook моего приложения
https://pastebin.com/ahCeSnYW
Код, который с паспортом связан, при чем с гуглом и вк все то же самое работает отлично.
Где проёб, мб что еще сделать надо?
Сам решил.
s.replace(/[aeiou]/g, l => l.toUpperCase());
Давайте поиграем? Пишем по одной строчке и собираем программу, запускаем ее и смотрим результат.
Первая строчка:
const 2chProgram = () =>
Первая строчка:
const 2chProgram = () =>
потому что он ни то, ни другое. Поэтому сидит на дваче и срет в тред всякое гавно.
Отправляйся в /b
alert('Отправляйся в /b');
Сап, котаны, вкатывальщик на проводе.
Насколько хорошо нужно знать js рядовому фронтэндеру?
Я прост смотрю на все эти реакты в связке с редуксами и там чет мало похоже на задачи из учебников по js.
Что будет если сразу начать учить реакт с его jsx?
Насколько хорошо нужно знать js рядовому фронтэндеру?
Я прост смотрю на все эти реакты в связке с редуксами и там чет мало похоже на задачи из учебников по js.
Что будет если сразу начать учить реакт с его jsx?
> Что будет если сразу начать учить реакт с его jsx?
ты найдешь какую-то работу быстрее, чем если бы ты задротил сам js.
Ты сначала осваиваешь весь необходимый на рынке стек технологий на уровне джуна и идешь за опытом, а потом уже задрачиваешь язык до уровня ниндзя-мастера.
Отличный совет. Нахуй нужен он этот жс. Изучай сразу либу к нему.
vat body = $('body')
var*
Попрошу всех мутирующих макак выкотится на хуй
Map создаео новый массив
Я не про мар
Столько хуеты нарозгребал за месяц до сих пор отойти не могу
Встречаю сотни строк копипаст говнища только у ебаных мутантов, просто не мутируйте ебать сложно что ли
Ладно еще жквери мувисирчеры но как можно было дойти до реакта и не мочь в лукапы на 3 строчки высерая такое
>как можно было дойти до реакта и не мочь в лукапы на 3 строчки
У этого кода 729 звездочек на гитхабе
>var
Откуда же вы лезете-то.
Господа, нуждаюсь в вашей помощи.
Есть два массива.
let a = ['l', 'o', 'h'];
let b = ['a', 'l', 'o', 'n', 'h'];
Второй массив содержит все символы из первого.
Как проверить массивы на такие совпадения?
Есть два массива.
let a = ['l', 'o', 'h'];
let b = ['a', 'l', 'o', 'n', 'h'];
Второй массив содержит все символы из первого.
Как проверить массивы на такие совпадения?
В идеале описать функция
function twoArrays(a, b) {
}
которая вернула бы true, если один массив содержит все буквы второго.
twoArrays('loh', 'alonh') //true
twoArrays('loh', 'alonf') //false
Что значит "проверить". Результатом что должно являться? Просто true/false или массив совпадений?
arr.filter(item => arr2.includes(item));
> как можно было дойти до реакта и не мочь в лукапы на 3 строчки
легко
const arrayIncludes = (array, includes) => includes.every( inc => array.includes(inc));
>мам как сложить два числа на лодаше
такс-такс, что тут у нас? nm? найс
За линейное время слабо?
За (n+m)logn - изи, за линейное - хз, я не олимпиадник. Не уверен, что так вообще можно. Если можно, вбрасывай линк на материал.
Такс-такс, да у нас тут олимпиадное говно с синдромом преждевременной оптимизации?
Сначала нормально сформулированное задание прочитать бы
Точно, я проебался. Линейным можно только если первый массив должен быть строго в таком же порядке во втором массиве (то есть быть подпоследовательностью), почему-то подумал из ОП-примера что это так.
alert('Hello world')
>За (n+m)logn
>За линейное время слабо?
>такс-такс, что тут у нас? nm? найс
За какое n вам тянка даст ?
Ебать, относительно недавно вам дали область видимости переменных, типы до сих пор не завезли в нативный js, а константные значения язык позволяет мутировать... Ох, ебать, и на этом говне ведь кто-то пишет "приложения"...
> Это не в моем стиле
Поставь ESlint, хули ты.
let a = ['l', 'o', 'h'];
let b = ['a', 'l', 'o', 'n', 'h'];
const fold = (arr,f) => !arr[0] ? true : f(arr[0]) && fold(arr.slice(1),f)
const hui = (a,b) => {
const content = b.map(e => ({[e] : true}) ).reduce( (a,obj) => ({...a, ...obj}) );
const includes = e => !!content[e];
return fold(a,includes);
}
let b = ['a', 'l', 'o', 'n', 'h'];
const fold = (arr,f) => !arr[0] ? true : f(arr[0]) && fold(arr.slice(1),f)
const hui = (a,b) => {
const content = b.map(e => ({[e] : true}) ).reduce( (a,obj) => ({...a, ...obj}) );
const includes = e => !!content[e];
return fold(a,includes);
}
while(true) Math.pow(Infinity, Infinity);
Область видимости была всегда, типы были с самой первой версии, константные значения мутировать нельзя. Если в консте лежит ССЫЛКА на массив или объект - то ссылку мутировать и нельзя. Сам объект или массив тут уж точно ни при чём.
Неосилятор неосилил и жалуется, спешите видеть.
ОХСУКАБЛЯНАХУЙ!
Чето никто не оценил мое имутабельное линейное литкодное решение
Что в нём линейное?
А почему не все в одном мапе?
Аноны, есть вопрос по гитхабу и реакту, знаю что есть тред отдельный по это все, но все же.
Вот я создал репу на гитхабе, запушил, решил сделать ветку gh-pages для хостинга там. В новую ветку перешла весь мастер целиком, хотя мне по сути нужны только внутренности папки build. В итоге я нашел npm gh-pages, с которым все получилось, но пришлось добавлять 2 скрипта и еще одно свойство в джейсонину, это какая-то хуита.
Как это делается все руками? Как это делается по-человечески? Ветка gh-pages создается заранее и в неё заливается только build? Или папка отдельно заливается руками? Или тот npm пакет это дефолтный вариант?
Вот я создал репу на гитхабе, запушил, решил сделать ветку gh-pages для хостинга там. В новую ветку перешла весь мастер целиком, хотя мне по сути нужны только внутренности папки build. В итоге я нашел npm gh-pages, с которым все получилось, но пришлось добавлять 2 скрипта и еще одно свойство в джейсонину, это какая-то хуита.
Как это делается все руками? Как это делается по-человечески? Ветка gh-pages создается заранее и в неё заливается только build? Или папка отдельно заливается руками? Или тот npm пакет это дефолтный вариант?
Слишком много грязи
Поясните, что тут происходит. Массив, который подвергается .map(), содержит объекты, поэтому возвращается массив с изменёнными объектами.
Я правильно понял?
>Область видимости была всегда
Да, блять, что еще скажешь, кловн? У вас ебучий var на всю программу расползался, где бы его не объявили...
>типы были с самой первой версии
Опять же, какие нахуй "типы с самой первой версии"??? У вас любое объявление аргумента функции не сопровождается ничем, сиди, блять, гадай что это за хуйня и что она принимает на самом деле, то ли объект, то ли строку, то ли еще какую хуйню или изучай код этой ебучей функции...
>ссылка
Какая еще, нахуй, ссылка? На
const hui = {
hui: 'jopa'
};
console.log(hui);
hui.tupoi = 'pidor';
console.log(hui);
и иди на хуй. Продолжай писать и хвалить свое говно, чмо от мира айти...
>У вас ебучий var на всю программу расползался, где бы его не объявили...
>У вас ебучий var на всю программу расползался, где бы его не объявили...
Пиздос. Ты жс-то в глаза видел когда-нибудь или прочитал эту хуйню где-то? Зайди блять в jsfiddle и проверь свою охуительную теорию, прежде чем открывать рот, пхпшник.
>сиди, блять, гадай что это за хуйня и что она принимает на самом деле, то ли объект, то ли строку
Это не значит, что в языке нет типов, даун, это значит что нет строгой типизации. Вот это новость, охуеть.
>Какая еще, нахуй, ссылка?
Как бы тебе блять объяснить, что такое передача по ссылке вообще понимаешь? В hui не объект, там ССЫЛКА блять на объект. Смотри.
const a = {test:'name'}
const b = a;
a.test = 'jopa';
console.log(a.test, b.test)// jopa jopa
Эту ссылку ты изменить не можешь. Сам объект - можешь, но это блять уже никак не претензия к const, const свою работу делает как и должен. В жс объекты ВСЕГДА передаются по ссылке.
hui = "ebalTvoyuMamku" выдаст выдаст ошибку
hui = {} тоже
ты же вносишь изменения в объект, который есть reference type, а не перезаписываешь ячейку памяти hui
Да толку ему объяснять, видно же что это залётный какой-то из окодемических языков типа паскаля завалился.
Зачем в content использовать map? Можно же сразу reduce
const content = b.reduce((a, i) => (a = true, a), {})
Хуясе, жабо-шиза пытается отстаивать "уникальность и полезность" своего недоязыка... Подрыв был виден даже с Марса, держу в кусе.
>обосрался в базовых понятиях
>пукни напоследок
А как запилить иммутабельный объект? Ну, чтобы нельзя было ебануть что-то типа
hui.hui = 'pidor';
другой анон
Заморозить жи! https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze
а ещё можно запрещать изменение отдельных свойств через флаги
Object.freeze()
Но ситуация с объектами внутри объектов остаётся такая же - ссылки заморозишь, сами объекты нет.
Чел, я готов не то что пукнуть, я бы тебе все твое лицо обосрал и размазал бы твоей же рукой... Ты начал выебываться тем, как знаешь "базовые понятия", упуская основной момент - язык полнейшая хуйня с дырами... Ах, блять, ну ладно-ладно, наверное, это такие фиииииичи.........
Щас я тебя заморожу, тупой кусок говна, чтобы ты перестал писать на этом говне...
Тебе ничего делать не нужно, ты уже всё сделал - при попытке рассказать про дыры и про хуйню ты обосрался и показал, что язык ты просто не знаешь. О чём вообще с тобой можно разговаривать, у тебя же кругозор и айкью как у хлебушка.
Ребята, хватит ссориться. Лучше подскажите новичку!
Есть массив [2, 4, 7, 8, 10, 12].
Нужно найти индекс лишнего числа. Лишнее число - 7, т.к. оно единственное нечетное.
Другой вариант массива: [1, 3, 5, 8, 11].
Лишнее - 8, т.к. единственное четное.
Как определять лишнее число по таким условиям? Должна быть одна функция, которая определяет лишнее число в двух этих случаях.
Есть массив [2, 4, 7, 8, 10, 12].
Нужно найти индекс лишнего числа. Лишнее число - 7, т.к. оно единственное нечетное.
Другой вариант массива: [1, 3, 5, 8, 11].
Лишнее - 8, т.к. единственное четное.
Как определять лишнее число по таким условиям? Должна быть одна функция, которая определяет лишнее число в двух этих случаях.
Ну многие обмазываются вот этим - https://github.com/immutable-js/immutable-js
Оно заморозит только поля верхнего уровня, но все вложенные объекты останутся мутабельными.
Фантастически хуёво придуманая задача. Она точно так выглядит?
>Она точно так выглядит?
Да.
Пока что придумал это:
const result = arr.map( x => x % 2 === 0 );
Так я получаю массив [true, true, false, true, true, true].
Осталось понять, как выбрать единственное из всех элементов. И найти его индекс.
>хлебушка
Какое же ты жалкое и мерзкое говно, смузи свое допил? А кофе брейк провел, пидарасина?
Создать два массива - один для чётных чисел, второй для нечётных. Проверять по arr%2 == 0.
Вернуть значение массива с длиной 1.
->
Мне не значение нужно найти, а индекс этого значения. Если у меня нужное значение будет в новом массиве, его индекс будет 0.
упс, в шары долблюсь
тогда возвращаешь .indexOf() значения в "единичном" массиве
Тупое хуйло хотело что-то ответить мне, наверное, в очередной раз доказать какой у них удобный язык, функциональный. Но увидев очередного хуесоса , который решил вкатиться в это говно по рассказам о 300к/нсек (и поэтому пришел сюда со своим говном "задачка с массивами"), быстро переключился на него, ведь это единственная для него еда тут, на большее никто тут не способен.
Маня, охлади свой пыл. Учу язык для себя. Развиваюсь всесторонне, понимаешь? Хотя ты кроме хуйло, хуесос, бля, сука, ы ничего не понимаешь, очевидно.
Хуйло, я понимаю что ты хуйло....
>пук
>среньк
Ты тут самый умный, молодец!
Решил задачу костылями, но решил.
function nTest(numbers) {
const arr = numbers.map( x => x % 2 === 0 );
if ( arr.filter(x => x).length < arr.filter(x => !x).length ) {
return arr.indexOf(true)
} else {
return arr.indexOf(false)
}
}
>кринж
Кринж....
Ты какой-то ненормальный. Я вообще с тобой не разговаривал, просто промазал по сообщению того анона. Зачем ты тут кидаешься калом? Тебе больше заняться нечем?
У меня в голове был такой вариант
function getN(arr) {
const even = [], odd = [];
arr.forEach(item => item % 2 ? odd.push(item) : even.push(item));
return arr.indexOf(even.length == 1 ? even[0] : odd[0])
}
Еще и модный! Ух какое слово подхватил, умничка.
По затухающей идут твои потуги что-то высказать по теме. Через пару сообщений уже хрюкать начнёшь.
Задача хуёвая, потому что не имеет отношения к жизни. В жизни не бываает "массивов с только одним лишним элементом". А если их там два? А если их три из шести?
Ч.Т.Д
Тебе мой хуй не сильно жмет твоей жопе?
Да, вариант рабочий.
Еще одна вариация того же:
function getN(numbers) {
...const odd = numbers.filter( x => x % 2 === 1 );
...const even = numbers.filter( x => x % 2 === 0 );
...return odd.length < even.length ? (numbers.indexOf(odd[0]) + 1) : (numbers.indexOf(even[0]) + 1);
}
Спасибо за помощь. :3
Эти задачи нужны для вбивания в голову различных методов. Чем я и занимаюсь.
на тайпскрипте можно че нибудь создать нормальное?
[code]const findUnwanted = numbers => {
\tconst remainders = numbers.map(number => number %2);
return remainders.findIndex( remainder => remainders.indexOf(remainder) === remainders.lastIndexOf(remainder))
}[/code]
Конечно.
Обосрался с разметкой и неймингом. Вот, короче.
const numbers = [2, 4, 7, 8, 10, 12];
const anotherNumbers = [1, 3, 5, 8, 11]
const findIndexOfUnwanted = numbers => {
\tconst remainders = numbers.map(number => number %2);
return remainders.findIndex( remainder => {
\treturn remainders.indexOf(remainder) === remainders.lastIndexOf(remainder)
});
}
console.log(findUnwanted(numbers), findUnwanted(anotherNumbers));
Уже нашел для себя оптимальный вариант , благодарю.
У меня сложность ниже
Не очень понятно, чем он оптимален, но читать и понимать суть его работы мне лично гораздо тяжелее, чем в
Хах, а мне наоборот читать и понимать легче
Это же на вкус и цвет.
Тебе вот это
odd.length < even.length ? (numbers.indexOf(odd[0]) + 1) : (numbers.indexOf(even[0]) + 1);
Читать легче, чем
remainders.indexOf(remainder) === remainders.lastIndexOf(remainder)
?
Ну хуууууууй знает.
Ну обычный тернарник же. а мне нравятся тернарники
Всем нравятся тернарники
Еще вопросик есть.
Строка:
const str = '123a4v5';
Как с помощью регулярки вытащить только цифры?
Делаю:
str.match(/\d+/)
Получаю:
["123", index: 0, input: "123a4v5", groups: undefined]
Строка:
const str = '123a4v5';
Как с помощью регулярки вытащить только цифры?
Делаю:
str.match(/\d+/)
Получаю:
["123", index: 0, input: "123a4v5", groups: undefined]
Пока получилось так:
parseInt(str.match(/\d+/g).join(''))
function getN(numbers) {
...const odd = [];
...const even = [];
...numbers.forEach((num, index) => num % 2 ? even.push(index), odd.push(index));
...return odd.length < even.length ? odd[0] : even[0];
}
Как перевести строку '0000' в number?
parseInt
Первосортный говнокод
parseInt('0000', 10) возвращает 0
[...'0000'].map(Number)
Блядь, я аутист. Как number выведет 0000...
Такс, блэт. Вот более лучшее решение, здесь алгоритм не будет обходить массив до конца, если на то нет надобности.
function getN(arr) {
let even, odd;
for (let i of arr) {
if (even != undefined && odd != undefined) return i % 2 ? arr.indexOf(even) : arr.indexOf(odd);
else i % 2 ? odd = i : even = i;
}
}
В смысле, а ты что хочешь?
Забей, я просто седьмой час ковыряю жс, уже башню клинит.
Тот же вкатывальщик.
Так я ведь почему спрашивал, смотрю всякие туду листы в связке реакт+редукс и вижу, что там код абсолютно не похож. Ни синтаксис, ни вообще то, что делается.
Да и почему нет? Работали же люди с жиквари без знания языка.
К тому же, я не говорил о том, чтобы не учить язык вообще, просто не углубляться в него особо.
Скажем, освоить его на уровне решения простых задач из учебника, чтобы знать синтаксис и как он в общем работает.
А дальше сразу переходить к реакту и редуксу.
Что ты несёшь? Ты куда-то не туда смотришь. Не похож на жс только jsx, да и тот под капотом - просто вызовы react.createElement, всё остальное - это чистый самый обычный жс. Ткни пальцем - где в редуксе и реакте не жс?
Аноны вы же знаете разницу между isNaN() и Number.isNaN() ?
https://ru.reactjs.org/
Ткни, плиз, пальцем, где он там похож, на код, который вы обсуждали выше?
То есть очень может быть, что ты прав, есть же if and similarity of function, но так-то, со стороны, это мало похоже на копание в массивах, приведеннлое сверху.
А если мне надо два вхождения найти ?
Пирожок, можешь по шагам расписать, что тут происходит, для менее сообразительных пирожков?
1) С чего ты решил, что программирование на жс должно выглядеть как сплошоное копание в массивах? Код по ссылке выглядит как любой другой код на жс за исключением, опять же, jsx. Копания в массивах и объектах в редуксе и реакте полно.
2) Без умения копаться в массивах ты вообще нихуя в реальной жизни не напишешь.
Ну ок, убедил.
Подскажите, будьте добры. Есть ли метод, который заменит мне все undefined в массиве на что-нибудь? Или есть самая короткая и простая реализация?
Например, заменить на пробел. Массив:
["u", "r", undefined, "s", "e", undefined, "w"]
Нужно получить:
["u", "r", " ", "s", "e", " ", "w"]
Например, заменить на пробел. Массив:
["u", "r", undefined, "s", "e", undefined, "w"]
Нужно получить:
["u", "r", " ", "s", "e", " ", "w"]
.
["u", "r", undefined, "s", "e", undefined, "w"].map(item => typeof item === "undefined"?"":item);
array.map( item => item === undefined ? ' ' : item);
Пока решил проблему map'ом.
string.map( el => el === undefined ? ' ' : el)
Благодарю, значит правильно решил
Завтра ищешь в интернете книжку HTML5 Canvas. Похуй если ничего не поймешь. Затем идешь на w3.org и изучаешь стандарты от корки до корки. Потом зубришь, именно, сука, вызубриваешь содержимое сайта developer.mozilla.org, чтобы от зубов отскакивало. Когда напишешь свой первый сайт - видеоредактор, по пути детально разобравшись в WebGL, скачиваешь и изучаешь любой редактор, рекомендую Notepad++ или Adobe Dreamweaver. Как переделаешь редактор, чтобы можно было добавлять объекты из 3DSMax и красивые 3D-переходы, можешь идти дальше - тебя ждет увлекательный мир JavaScript. WebCL, XUL, сверхбыстрый асинхронный Node.JS, сверхмощная мозговыебывательная многоуровневая обфускация. Отсос хиккующих выблядков / просто неудачников типа рейфага или Flash/Silverlight-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.
Аноны, подскажите, как в реакте элементу прописать два стиля?
Т.е. у меня есть CSS модуль в котором прописано два стиля, stil1,stil2. Я хочу, чтобы к элементу применились сразу два этих стиля. Как такое прописывать?
Т.е. у меня есть CSS модуль в котором прописано два стиля, stil1,stil2. Я хочу, чтобы к элементу применились сразу два этих стиля. Как такое прописывать?
<div style={Object.assign(style, style2)}>
или
<div style={{...style, ...style2}}></div>
Первая вылетает с ошибкой Cannot assign to read only property '0' of object '[object String]'.
Во втором случае className не реагирует {...style} и просто последний присваивает.
Кмк, filter тут по смыслу лучше (поведение отличается):
arr.filter(Boolean)
arr.filter(i => i !== undefined)
Аноны, подскажите пожалуйста для очередного вкатывальщика - какой курс (с торрентов конечно) или книгу для изучения основ брать? И вопрос номер 2 - я уже знаю как создавать функции, объекты но задачи решаю в основном математические (codewarriors) - где брать задачи которые больше будут похожи на чем придётся заниматься на реальной работе в офисе?
Upd html + css уже пишу, пока правда без адаптива но на препроцессоре scss
>и уже через пол года
работы. А перед этим, видимо, потратить несколько лет на хуйню в твоем посте?
ну так тудулист же, потом тудулист на фреймворке, потом тудулист чтобы дергал тудушки с сервера.
А реальные приложения это те же тудулисты, только в бОльших масштабах.
Алгоритмические задачки кажутся бессмысленными, но они заставляют твой мозг искать и находить оптимальные решения, а этот навык легко переносится и на более высокоуровневые решения.
А реальные проекты для бизнеса это в большинстве своем скучное формошлепство. А на бекенде крудошлепство.
Если ты идешь именно на фронта, то скорее всего на работе придётся писать и переписывать некое SPA - на React/Vue (+Redux/Mobx/Vuex). Вёрстка так или иначе будет, поэтому флексы/гриды нужны, неплохо уметь верстать по PSD макету. Есть вариант, что у тебя будет какое-то говно-легаси, тогда придётся иметь дело с jquery (старайся избегать этого).
Курс надо брать тот, который тебе зайдёт. На ютубе/coursehunters вариантов хватает.
Делай дефолтные тудушки.
Читай доку по реакту + редаксу/мобх. Этого для начала хватит.
Можешь поднять бек на експрессе с какой нить бд.
конкатишь stilи в className'е
Ну иди в питон тогда, вот инструкция
Завтра ищешь в интернете книжку Dive into python. Похуй если ничего не поймешь. Затем идешь на python.org и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию питоньего кода - PEP8, чтобы от зубов отскакивало. Когда напишешь свою первую имиджборду, по пути изучив верстку на html+css, скачиваешь и изучаешь любой питоний асинхронный вебсервер, рекомендую Tornado или Gevent. Как переделаешь имиджборду, чтобы выдавала по крайней мере 5 тысяч запросов в секунду, можешь идти дальше - тебя ждет увлекательный мир хайлоада. Apache Hadoop, сверхбыстрые асинхронные key-value хранилища, MapReduce. Отсос хиккующих выблядков / просто неудачников типа рейфага или сисярп/джава-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.
Дякую
Че для ноды можно сделать для портфолио? Кроме чятика. Мини-борду? Прикрутить вокруг чятика соцсеть? Что котируется работодателями?
Спасибо анончик, помогло.
dva chuyu
> Когда напишешь свой первый сайт - видеоредактор
> можешь идти дальше - тебя ждет увлекательный мир JavaScript
Как он сделает сайт-видеоредактор без увлекательного мира JS?
День прожил не зря.
Запускаю значит сервер на localhost и все работает как надо, но потом подключаю ноут к другому вайфаю, врубаю сервер и мне пишет, что страница недоступна ERR_EMPTY_RESPONSE.
Помогите анончики, что это за хрень вообще?
Помогите анончики, что это за хрень вообще?
Тогда можно так начать
Завтра ищешь в интернете книжку jQuery in action. Похуй, если ничего не поймешь. Затем идешь на MDN и изучаешь стандартную библиотеку от корки до корки. Потом зубришь, именно, сука, вызубриваешь конвенцию по написанию жопоскриптового кода от W3Schools, чтобы от зубов отскакивало. Когда напишешь свой первый слайдер, по пути изучив верстку на html + css, скачиваешь и изучаешь любой джаваскриптовый фреймворк, рекомендую AngularJS. Как переделаешь слайдер, чтобы не использовал jQuery и грузил картинки через $http, можешь идти дальше – тебя ждет увлекательный мир фронтэнда. React/Redux, TypeScript, вебпак, бабели-шмабели. Отсос у хиккующих выблядков/просто неудачников типа питонистов или сишарп/джава-хуесосов, которые не размазывают макароны по экрану не заставит себя ждать, и уже через полгода ты будешь писать такие конфиги, что любой хипстер будет течь при упоминании твоего shit.js на npm.
Чет проигрунькал.
Чувак не знает языкнейм, смотрит на либу и думает "Ебать, что-то это не похоже на языкнейм". Логично.
Че вы так жикавери не любите. Нормальная либа жи, а говно писать можно и на ваниле и на тайпскрипте.
Тем более, что вон, миллионы мухов не могут ошибаться. 85% интернета на жквери написано.
jQuery, the most popular JavaScript library ever created, is used in 85.03% of desktop pages and 83.46% of mobile pages.
https://almanac.httparchive.org/en/2019/javascript#open-source-libraries-and-frameworks
Лодаш на жалких 2% страниц всего используется.
Ты даун? Вам, одаренным, уже несколько лет на пальцах объясняют, что весь набор фич кверей перекочевал в ядро языка и просто нет больше таких причин, которые бы могли заставить использовать жукавери.
Ну перекочевал, и что? Это блять делает либу плохой чтоли?
>Это блять делает либу плохой чтоли?
>>что весь набор фич кверей
Что за фичи, назови хотя бы три самых важных. Которые перекочевали в "ядро" языка из джейквери.
И ты вообще понимаешь один из основных смыслов существования фреймворка, любого?
Я думаю что большая часть рассуждений "джейквери не нужон, переписываем все говномагазины на реакт" - просто пиздабовльство очень поверхностно разбирающихся в этом вопросе людей. Адекватных аргументов почему джейквери в своей нише плох обычно не приводится.
Раньше, чтобы забить гвоздь ты пользовался молотком.
Потом, со временем, научился забивать гвозди голыми руками. Зачем тебе таскать с собой молоток, если бы уже можешь забивать гвозди голыми руками?
И что блять, молоток это после этого хуевый инструмент? Ты реально не видишь изъянов в логике?
Жиквери-господин это старый пердун на прикормленном месте и он отдает себе отчет, что он поддерживает легаси, но деньги/лень служат ему оправданием.
Неофиты и старперы-слоупоки, которые не пригрелись на хорошем месте, защищающие жуквери это самое дно айти. Даже червь-пидор лучше их, потому-что он осилил хелоу ворлд на анугуляре и пошел хотя бы эникейщиком работать на вменяемую работу.
Нет смысла этим уважаемым дарованиям доказывать что-то обратное. Жиквери это их объективный уровень и их судьба. Не трогайте их и обходите их посты стороной.
Неофиты и старперы-слоупоки, которые не пригрелись на хорошем месте, защищающие жуквери это самое дно айти. Даже червь-пидор лучше их, потому-что он осилил хелоу ворлд на анугуляре и пошел хотя бы эникейщиком работать на вменяемую работу.
Нет смысла этим уважаемым дарованиям доказывать что-то обратное. Жиквери это их объективный уровень и их судьба. Не трогайте их и обходите их посты стороной.
Вы просто несете необоснованную максималисткую хуиту. Просто поверхностная болтовня - максимальная степень аргументации - это кривенькие аллегории.
А на самом деле вы не понмаете где реально плох/хорош джейквере, и где нужен и не нужен реакт.
На прямо поставленные вопросы в духе
Вы ответить не способны.
Потому что в статейках вашего уровня нет адекватной аргуметации почему плохол/хорошо,а статьи крутых перцев которые реально разбираются в вопросе вам не потянуть.
Хм, у тебя какой то косяк в логике. Ситауция обратная JS - голые руки, джеквери - молоток.
>Что за фичи, назови хотя бы три самых важных
sizzle => querySelector
ajax => fetch
deffeded => Promise
.animate => css transform
Больше в жквери нихуя и нет.
>джейквери не нужон, переписываем все говномагазины на реакт
А хули ты бросаешься из крайности в крайность? Как раз это - признак пиздабольства плохо разбирающегося человека. Реакт/Vue/Angular/Lodash НЕ АЛЬТЕРНАТИВА жквери, и никто об этом и не говорит. Альтернатива жквери - это es6, DOM API, Browser API. Нативные инструменты платформы. Никто не призывает "переписывать магазины на реакт", предлагают в следующий раз при разработке магазина не подключать жукверь, а просто напистаь обычный код на обычном голом жс. Для того чтобы найти элемент на странице и скрыть его ЖКВЕРИ НЕ НУЖЕН. Чтобы повесить на пару кнопок обработчики ЖКВЕРИ НЕ НУЖЕН. Чтобы сделать аякс-запрос ЖКВЕРИ НЕ НУЖЕН. А ведь это именно то, ради чего жквери подключен в 99% твоих "магазинов". Видел я эту хуйню,
$('.knopka').on('click', function(){
$(this).parent().siblings().find().parent().parent().next().closest()})
и вот эта вот хуйня бесконечная. Идиотский бестолковый траверс ДОМ 24/7 просто потому что ЖКВЕРИ МНЕ РАЗРИШИЛ ТАК ДЕЛАТЬ Я ВИДЕЛ ВСЕ ДЕЛАЮТ и полная пустота в голове, ни понимания первичности данных в интерфейсе, ни базы языка, нихуя, только говнкод и траверс ДОМ на каждый клик - вот и вся реальная практика жквери. А, ну да, ещё слайдер с пердежом килобайт на 500 и пара охуительных плагинов ещё на метр. Вот житуха-то. НУ НЕ НА РЕАКТЕ ЖЕ ДЕЛАТЬ ВЫ ЧТО БЛЯТЬ
Да нет, нормальный. Просто НЕ НУЖЕН. Не нужно класть его в чемодан в каждую поездку, возить с собой в трамвае и в лифте и плакать если вдруг забыл его дома. Он всё так же хорош для тех, кто ни одного гвоздя в жизни не забил, но ТЕБЕ он больше не нужен. И нехуй его таскать с собой. Понимаешь?
Скажи мне - в чем основной смысл существования любого фреймворка?
п.с. кто реально разрабатывает коммерчеси думаю без вопросв поймет в чем суть.
В штабильности и инфрастуктуре
И в стандартизации. Может даже в основном в стандартах дело.
Люди имея на руках библиотеки с отличной документацией, с примерами бест-практикс, с самой структурой побуждающей писать определенным порядком - умудряются так костылить и велосипедить,так что хоть свет туши.
Тот анон в пример написания нативным JS ставил какой то всратый слайдер. Заебись сложность, космическая.
А ты хотел бы ковырять приложение в котором какой нибудь маня-деятель наебашил свой реакт, с редуксом и сагами? Наебашил - ну как шмогла, документация - ебись сам, надежность велосипеда - а хуй его знает.
Ты че дебил блядь, там один и тот же код копируется, меняется значение, которое собственно приходит каким-то аргументом.
Это же пиздец нахуй. Ты че ебанат ебанный рот, пиздец не пиши нахуй больше ничего
>Поясните, что тут происходит.
>Массив, который подвергается .map(),
>содержит объекты,
>поэтому возвращается массив с изменёнными объектами.
>Я правильно понял?
Вообще-то массив не "подвергается map",
а скорее при помощи .map,
каждый элемент массива - изменяется функцией, указанной после стрелки. Эти элементы - возвращаются. А сам массив, никуда не возвращается, он присваивается переменной taskUpdated.
Вот, для наглядности, её контент.
Введи это, в консоли браузера у себя там:
var task = {id: 2}; //вводные для инициализации
var user = {tasks: [{id: 0}, {id: 1}, {id: 2}, {id: 3}]}; //и это.
var taskUpdated = user.tasks.map(t => { //функция-хуюнкция
\tif(t.id === task.id){
\t\tt.type = 'done';
\t\treturn t;
\t}
\treturn t
})
//смотри в консоль (клавиша F12)
console.log(
\t" taskUpdated", taskUpdated,
\t"\n JSON.stringify(taskUpdated)", JSON.stringify(taskUpdated),
\t"\n Array.isArray(taskUpdated)", Array.isArray(taskUpdated), //массив
\t"\n typeof (taskUpdated[0])", (typeof taskUpdated[0]) //элемент массива - объект.
);
Как замерить скорость выполнения запросов к бд? Пробовал вот такое https://pastebin.com/LcYgLH1b , но цикл while не останавливается через секунду. Пробовал менять while на for с ограниченным большим числом типа 100к, выводит count = 0.
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
ПЕРЕКАТ->
НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Для программирования на ХТМЛ https://codepen.io/pen/
Для Ноды с консолькой https://repl.it/languages/nodejs
Для фреймворков https://codesandbox.io/
Залить, задеплоить страничку, сервер, контейнер https://zeit.co/now
Аноны, хочу получить советов мудрых, высераю пару предложений и код на скриншоте, а получаю смехуёчки. Как быть?
Если рассчитываешь получить дельный ответ, формулируй правильно вопрос:
У меня есть проблема\задача (А) %текст-ошибки или задача%. Я пытался решить ее так %кусок-кода-опционально% (Б), у меня не вышло %текст-ошибки%. Я погуглил, почитал документацию и попробовал сделать так %кусок-кода-%(В), но получаю ошибку (Г).
Сделай песочницу по ссылкам выше для ясности и удобства. Если никогда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.