Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://codesandbox.io
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Документация - https://developer.mozilla.org
Руководство для вката - https://github.com/acilsd/wrk-fet#javascript
mdn в оригинале
<button>{text}</button> или <button>{children}</button>
Есть у кого нормальные, адаптивные макеты в фигме? В инете один шлак, все расстояния расставлены как будто блять наугад, адаптивных макетов вообще единицы, ни переменных блять, вообще ничего. Так и в продакшене дела обстоят? Макеты, где блять элементарно не могут по центру выровнять элемент какой-то, хочу в верстальщики вкатиться, а макетов пристойных нет, чтоб показать даже
Нет, реакт макакой
- Буксерчер - сделал как тестовое, провалил интервью, причесал и выложил как учебный проект в резюме - но судя по логам хероку - никто ни разу не сделал запрос, то есть скорее всего никто не заходил даже
- Визуально уродливая, но с анимациями и свистоперделками - функциональная вебморда для хуйни, в которую я играю с друзяшками: залогиниться/зарегаться/поменять пароль/залить аватарку. Её я выдал как самый прибыльный проект во фрилансе, и на интервью про него много спрашивали
У верстал другая специфика, так что тебе мой опыт вряд ли поможет
например new Error(), Error()
Причем тут задрочиться? Вкат на работу - это лотерея. Ты никогда не знаешь где тебя завалят, где придумают причину не брать на работу, а где вкатишься на изи. В основном все играет против тебя, и устройство во многом зависит от везения. Потому собственно и советуют искать работу как можно раньше, а не ждать пока научишься серчеры закрытыми глазами писать, и потом все равно слушать мозгоебство эйчарок.
Так вкатываются единицы. Неосиляторы - это только первый пласт отвалившихся, дальше идут как раз те, кто не успевает вкатиться по тем или иным причинам. Если у тебя есть роскошь сидеть на шее и искать работу - радуйся, ты в числе счастливчиков и рано или поздно найдешь свое весло.
а причем тут народ ру, если мы про изоморфные, я кстати не тот кто картинку принес.
так если упоротся можно и хостет языки использовать типа кожуры, там версия и для жвм и для клр есть, ну и для интепретатора жс тоже ессесно, но что то прям бума на изоморфные приложения я не наблюдаю, может у тебя есть инфа поновее.
Допустим, у нас метод функции toString() ищется сначала в __proto__, потом в Function.prototype, но почему метод объекта hasOwnProperty() идет сначала в Function.prototype, потом в тамошнем __proto__ находит Object.prototype.
Не пойму - это я не понял тему нормально или оно так неинтуитивно сделано, что не сразу врубаешься в эту логику?
Это какой-то полный пиздец. В итоге половину времени дрочишься с TS, чтобы он не доебывал тебя разной бесполезной хуйней. Нахуя его вообще придумали?
вкатун
Ты совершенно не понимаешь суть Тайпскрипта. Он был сделан не для того, чтобы что-то тебе подсказывать и упрощать жизнь, а для того, чтоб продлять время разработки и тянуть за дополнительное время и навороты гешефт с кабана. Пилишь больше бойлерплейтов и длинных простыней => выполняешь больше работы => требуешь большей оплаты. Это старый добрый энтерпрайз подход, как раз от создателей Сисярпа. Там для того, что бы сделать какую-то тривиальную вещь нужно нагородить целый огород из дженериков, ООП и шаблонов. И что-то похожее как раз и во фронтенд просовывают.
сука почему так сложно то, я же понимаю этот жаваскрипт, реакт, там всё просто, но не ебаный ксс
Первая ссылка в гугле.
https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
https://www.typescriptlang.org/docs/handbook/2/objects.html#tuple-types
>Tuples can also have rest elements, which have to be an array/tuple type.
Доку жопой читал?
В общем. Я все ебусь с картами. Имплементировать удалось, но при миллионе точек - оно лагает жутко и неудобно это вообще.
Было решено делать кластеризацию точечек. Погуглив - нашел только говеные решения от гугла, что как понимаю не особо применимо к опен стрит мапсу, который я решил использовать.
Так вот. Я пока что придумал три решения:
1. Просто бьем карту на "квадратики", точки что попали в квадратик - в кластер и соответственно - центр квадратика - метка. Просто-быстро но не так интересно.
Два других решения:
К ближайших соседей. И К-среднее. Строим на зум классификаторы беря только часть точек для обучающего датасета. Затем - остальные распихиваем по этим кластерам. Плюс в том - что круто же, не какие-то тупые квадратики и проверка нахождения точки там, а крутой алгоритм, типа вот какой я умный. Но тут проблема в том что это я а будет ли когда вернется настоящий фронтендер разбираться с этим? Типа не кладу ли я бомбу замедленного действия таким образом? Да и вообще, надо ли оно?
А, ну и еще вопрос. Я не настолько за жс и его скорость шарю. Норм или не норм эту вот кластеризацию на клиенте делать?
Просто у меня почему-то смутные сомнения насчет этого и кажется что такие вот калькуляции на мой родненький бекенд было бы лучше перенести.
>Не затерпел же.
Лицокнига и инстраграм как пример, вполне затерпели, еще и с заглотом.
>клепать SSR костыли
Пришлось клепать из-за ботов поисковиков, а не пользователей.
>>2210816
Уебищная задача === уебищная реализация, что ты хотел? Это же пиздец дегродычем надо быть, что бы в типы длину массива/строки заносить руками.
Ты кажется то фейковое интервью старуструпа всерьез воспринял.
Тайпскрипт просачивается, потому что сложность проектов на ЖС сейчас сильно возросла(да, есть каргокультисты но их на самом деле не так много). Так вот. Из-за сложности больших проектов у тебя два пути - покрывать 100% кода тестами и нанимать миллион разрабов и сверху несколько десятков архитекторов, сверху устраивать сложный CI/CD, либо таки поменять инструмент который снизит когнетивную нагрузку на разрабов и будет кричать и ломаться сразу, а не когда до сломанной строчки дойдет.
Нет, лол. Где ты это прочитал?
Просто проекты на тайпскрипте - в развитии - помогают снизить затраты на ораву кодеров и время на внедрение фич в будущем, Делая чуть более линейной экспоненциальную сложность большого проекта на JS.
Ну серьезно, няша. Когда тебе компилятор TS просто показывает место где ты обосрался, кричит о местах где ты решил что самый умный и т.д. - немного проще, чем если у тебя миллион строк кода, а ошибка заключается в том, что ты ошибся в имени свойства и теперь - пизда, нихуя не работает, а откуда ты получил этот говняк - ты не знаешь и сидишь как дебил с дебагером, которые у жс - то еще говно, если в работу подключаются фреймворки.
>IterableIterator
>МасляноеМасло
Ситуация: есть жсон с такой схемой:
{
"type": int,
"id": int
}
Выглядеть на деле жсон может так:
{
"type": 1,
"id": 1
}
или так:
{
"type": 2,
"id": 1
}
Т.е. для каждого типа есть повторяющиеся айдишники. Для каждого айдишника я подготовил "словарную расшифровку" типа такого:
let perevod = {
1: {
1: "first_one",
2: "first_two"
},
2: {
1: "second_one",
2: "second_two"
}
}
}
Мне нужно возвращать расшифровку только одного айди - в зависимости от того, какой был тип, т.е. если придет
{
"type": 2,
"id": 1
}
То мне надо, чтобы вернулось "second_one". А если пришло
{
"type": 1,
"id": 2
}
то надо вернуть "first_two".
Сорри за длинный высер, не знал, как расписать понятнее.
Может поможет:
https://habr.com/ru/company/avito/blog/512146/
>Лицокнига и инстраграм как пример
И первым и вторым во всем мире будут вымазываться, даже если они будут в несколько раз дольше грузиться. Ты смотри по рядовым ресурсам, у которых есть масса аналогов и с которых пользователь сбежит, если будет дольше 4 секунд ждать загрузку.
Вот тут двачую. Когда начинал вкатывался бывало горела жопа с того, что не знаешь откуда берутся некоторые ошибки. Не всегда показывает где что, приходится вручную каждую строку просматривать. и это хорошо, если копонентов не много. А с названиями переменных как-то полдня ебся, когда повторял пример какого-то лектора, у которого разница в названии переменных была в одной букве (одна называлась "list", "другая lists" или как-то так). И сука никаких ошибок не выплевывает, код проходит и не работает нихуя. Я тогда понял что лучше уж с типизацией по пердолюсь лишний раз.
До того как попал на первую работу - кодил где-то час в неделю(ну, в плане вуз, лол, там матан, статистика, физика, еще и нужно доклад по философам-хуесофам, а лабы по кодингу из сложного: ну, компилятор простенький для простенького языка намутите, да с опенгл поиграться чтоб чайник отрисовать из кастомного формата - вы великолепны).
Сейчас уже на работе именно кодинг это где-то 20 часов в неделю максимум, остальное - это попиздеть разных видов, то за то кто что делает, то за то как делаем, то за то у кого мы спрашиваем и кто может с нас спрашивать и прочее-прочее.
Короче проверил на https://text-compare.com и оказалось, что скобки на 7 строке разные.
Всякая хуета типа ани, воида и нулла нужна только временно, если переписываешь проект с жс. Если начинаешь новый проэкт, то нужно брать самые жосткие тсконфиг и еслинтрц, насколько тебе котелок позволяет. Если не можешь писать в стрикт моде без ани, то лучше оставаться на жс - меньше дров наломаешь.
вот код для создания элемента списка
function addItem() {
var ul = document.getElementById('dinamic-list');
var sensors = document.getElementById('sensors');
var li = document.createElement("li");
li.setAttribute('id', sensors.value);
li.appendChild (document.createTextNode(sensors.value));
ul.appendChild(li);
}
Button - это просто прикол, если делаешь всякую мелочевку и выкладываешь на гейхаб, то можно сделать разноцветные кнопочки и сложить из них радужный флажок, например.
TouchableWithoutFeedback - вообще зашквар, т.к. от любого взаимодействия должен быть визуальный отклик, иначе юзер подумает, что приложение зависло и напишет плохой отзыв.
А вообще все уже давным давно используют Pressable
http://Smokepod.ru
На этом примере, сделать из этого говно покрасивее. Накидать побыстрому в фигме улучшения, обращая внимание на нормальный дизайн.
>Какой уровень навыка нужен?
Делать наброски руками, отстальное все равно. Оплачивается, офк.
Все не так однозначно
https://www.toptal.com/back-end/server-side-io-performance-node-php-java-go (вот эта статья походу)
Сказал сделаю за день, сделал за три.
Меня быстро такими темпами пидорнут с галеры?
Зависит от того, что ты подразумеваешь в виду под "тредами". Если какой-нибудь async/промис внутри одного процесса, то да, это просто ставится в очередь и выполняется в одном потоке друг за другом. Если полностью отдельный процесс, то тут все как обычно с процессами.
Для IO трэды не нужны. В ноде есть воркер-трэды для объемных вычислений, чтобы они собственно не тормозили основной трэд с асинхронным вводом-выводом
> Workers (threads) are useful for performing CPU-intensive JavaScript operations. They do not help much with I/O-intensive work. The Node.js built-in asynchronous I/O operations are more efficient than Workers can be.
https://nodejs.org/api/worker_threads.html
>Since JavaScript doesn’t support concurrency, Node.js worker makes use of V8 allowing the worker to run in complete isolation from other existing workers.
И это уже вопросы на уровне движка, жс однопоточный, а движок может быть хоть хуелирадопоточный, он же не на жсе написан.
>озадачится
тся
А сам утром насмехался, какой же дегрод такую ошибку допускает..
Но еще нужно сделать так, чтобы при нажатии этйо же кнопки бралось значение из тега селект и на выходе появлялся новый инпут, который будет иметь название, введенное в первом инпуте.
Как это вообще делается, нихуя не пойму. Кучу роликов посмотрел, голова пухнет
Смотри, тут выводит инпут с текстом, который я ввел в первом инпуте, а его нужно сделать чистым и чтобы туда новые данные были введены и чтобы вся форма имела значение выбранного селекта, чтобы потом из всего количества форм можно было извлекать данные на основе выбранного номера селекта.
Извини, что туплю, полный нуб
https://jsfiddle.net/qphuz4s7/
У тебя там еще и несколько форм, охуеть, ты управление ядерным реактором пишешь?
Соответственно нужно скопировать весь стейт в новый объект, мутировать его, а потом заменить старый стейт на новый.
Так вот, как копировать то?
Object.assign не сработает, потому что если в свойствах будут объекты, то я их же и получу в новом объекте, а мне везде новые нужны.
let nextState = JSON.parse(JSON.stringify(state)); ?
Или все-таки через Object.assign, но не мутировать свойства, а только присваивать новые?
Нихуя она не генерит. Просто она для дизайнера простая как грабли после фотошопа и бесплатная к тому же.
А разработчику как плюс - все размеры, отступы и прочее там указаны так, что можно тупо скопировать блок свойств в файл css, если совсем хлебушек в голове.
Читал, что для этого есть interceptors, но как их юзать не могу понять. Хелп!
>>2214338
const errorHandler = err => {
if (err.response) {
// Запрос был совершен, и сервер ответил с кодом ошибки
} else if (err.request) {
// Запрос был совершен, но ответ не был получен
} else {
// Неизвестная ошибка
}
}
const api = axios.create({
baseURL,
headers: { 'X-API-KEY': apiToken }
})
api.interceptors.response.use(response => {
return response
}, err => errorHandler(err))
Я так делал
От души, ща попробую
Задача: нужно слепить програмку-калькулятор, которая что-то там считает. С внутренней математикой я кое-как справился, но теперь её нужно перевести в формат веб-странички для отчета да, я знаю, что это хуевое решение и вообще нужно кодеров нанимать, а не математиков программировать сажать. С этим я справился на flask и flask-bootstrap (это питоновские фреймворки, по факту).
В текущем виде внешний вид выглядит примерно так: https://pastebin.com/wqcM1qZB и пикрилейтед (я отрезал всё, что можно было отрезать - для простоты).
Что я хочу: добавить возможность вводить данные во второй строке больше одного раза. То есть сейчас там "Дата выдачи" и "взнос", но подразумевается, что дат и взносов может быть много. То есть мне нужна кнопка "добавить", которая по нажатию рисует эту же строку ещё раз, а в новой нарисованной строке появляется кнопка "убрать", которая её стирает (пик2). Такой процесс можно повторяться более одного раза. После этого данные считываются и передаются внутрь на обработку (обработка на питоне уже написана).
Я нашел с помощью SO скрипт https://pastebin.com/hxUyK6g6, который ВРОДЕ БЫ делает примерно то, что надо, но я понятия не имею, как впилить его в уже имеющийся у меня файл.
Анон, помогай. Очень прошу.
fix Навел красоты
https://jsfiddle.net/hcnbjufr/2/
В четверг были скомпрометированы npm-пакеты coa и rc. На первый пакет приходится 7 миллионов загрузок в неделю, на последний — 14 миллионов.
Во взломанных пакетах был размещён Windows-троян, который воровал сохранённые пароли, данные кредитных карт и т.п.
На данный момент вредоносные версии пакетов уже удалены, но специалисты по безопасности рекомендуют на всякий случай проверить в системе наличие вредоносных файлов: compile.js, compile.bat, sdd.dll. Для предотвращения подобных инцидентов npm советует включить двухфакторную аутентификацию.
https://www.bleepingcomputer.com/news/security/popular-coa-npm-library-hijacked-to-steal-user-passwords/
Конкретно в разработ очке ЖСа - электороноподелия, то есть ВСКод, могут обсираться на линухе. Ну и может ещё попердолиться после установки придётся, маловерятно на убунте, но по сравнению с шиндошс может напрягать.
Самый главный профит в том, что на бубунте будет нативный докер, который можно хоть на кофеварке запускать. А не шиндошская абстракция над эмуляцией, которая мало того что память жрёт, так ещё и постоянно сама вытекает, заставляя пердолиться с линуксовской консолечкой на винде.
А еще - 5-часовые видосы пилят с объяснением как блядь записать функцию с массивом из 3 простых чисел и вывести это в консоль лог сука. Нахуй так делать, после такого видео я понятия не буду иметь как эту хуйню применять на практике, как прописывать более сложные функции, как выводить данные в хтмл, создавать там новые блоки и так далее. просто пиздец.
И еще называют все это - подробный курс с нуля. УУУ сука, как горит
>говорят о термине и сразу еще 10 других штук используют
Профдеформация, когда так часто используешь термины что кажется что все их понимают.
> 5-часовые видосы пилят с объяснением как блядь записать функцию с массивом из 3 простых чисел и вывести это в консоль лог сука
Но они же каждые микрошаги объясняют для нулевых, другим видео и не нужны.
>после такого видео я понятия не буду иметь как эту хуйню применять на практике, как прописывать более сложные функции, как выводить данные в хтмл, создавать там новые блоки и так далее. просто пиздец.
Так ты сразу смотри видео где разрабатывают сервис!
>И еще называют все это - подробный курс с нуля. УУУ сука, как горит
И еще у них случайно есть более продвинутые курсы о том же, но с оплатой?
let sum=0;
for(let i=0;i < word.length;i++){
if(word=="a"){
sum++
}
}
console.log(sum)
туплю пиздец, почему мне sum выдает 0
на 2 картинке из доки ноды слайд тупа перевели. смотри кароч эриджинал докс
У меня есть апи которое работает на несте и сервится с помощью nginix, все это на авске , янастроил чтоб работало на порте 3000, сразу после npm run start, но проблема в том что приложение падает после пары часов работы, что делать, может продакшн билд для этого использовать?
короче я так скину.Я просто не понимаю почему оно не работает.Мне кажется есть какая та наитупейшая опечатка , которую я в упор не вижу.
Блядь, язык говна.
>Можешь использовать for .. of, а можешь использовать .forEach()
Используешь forEach
>Пук-срёньк хуй тебе, а не await
Нахуя мне вообще дали выбор блядь.
Я правильно понимаю, что в Typescript типизировать нужно только то, что требует конпилятор? А то, что не требует и не ругается типизировать не нужно?
Бэк на жс - хуйня. Т.е. не совсем хуйня, для небольших проектов применимо, но чисто с целью экономии, чтобы не нанимать фронта и бэка, а нанять фронта, который может в жс, сказать ему, что он теперь фуллстак, и всучить ему документацию ноды, в которой он без особых проблем разберется.
https://4pda.to/2021/09/14/390549/
Тут написано - https://phoboslab.org/log/2021/09/q1k3-making-of
>а зачем нам его пихают
В языке хорошо организованное ООП.
А еще это не медленное скриптоговно, как жс и питон.
К тому же анон хотел бек писать.
>если все челы из компаний ищут стажеров на фронтенд или джаву?
Искать не значит нанимать, они просто просеивают маслят на наличие x10 потенциальных прогеров.
Вообще я сам таки в жс вступил и жалею что отказался шарп учить из-за того что он майковский.
https://github.com/max-menshenin/JavaScript/tree/main/8.5/task_2
и как лучше организовать ввод пользователя, слышал promt устарел
Вот, я немножно переписал свою хуйню. Рейт мой говнокод (10 строк):
https://pastebin.com/K19kATMb
Эта хуйня лежит в файле post.service, сохраняет данные и устанавливает many to one отношения с автором и блогом.
Что не так? Что можно сделать по-другому? Оно работает, но я чувствую, что я хуйню сделал.
мимо другой анон
где искать вуакансии на джуна, когда на город их тупо нет, по удаленке тоже не густо, либо требования по стажу 2+ года во фронте на джуна ХАХАХА, либо зп 20к на руки, или знание фронт+бэк за 40к
они ебанулись? или я? хотя со мной то все понятно
>они ебанулись?
Ну не ебанулись, а просто воннаби джунов сейчас как гавна, вот и повышаются требования, а зарплаты чутка снижаются. Джуны сейчас всем нужны, но рекрутерям приходится копаться среди нормальных перспективных и конченых бревен, которые рили пару видео посмотрели на ютубе и все, готовы в бой за 100к, как в рекламе говорят.
Потому что reduce работает так, что он на каждом шаге в аргумент prev передаёт предыдущее значение, которая вернула твоя функция. А в самый-самый первый раз предыдущего значения нету и ты не указал начальное (второй аргумент reduce), поэтому в prev передаётся a[0], а в item передаётся a[1] в качестве исключения.
В цикле всё работает без return prev, потому что ты изменяешь одну и ту же переменную, которая живёт снаружи цикла, а в reduce переменная prev живёт внутри функции, поэтому тебе надо её значение возвращать и передавать самому себе на каждом шаге, чтобы не потерять.
Вот пример - у меня есть вот такой калькулятор средней температуры по данным счетчиков. в первом окошке добавляются счетчики с данными и пользователь выбирает фаренгейт или цельсий.
В среднем окошке кнопка рассчета средней температуры по конкретному виду счетчиков.
Я так понимаю нужно создать массив для начала? но как туда записать эти счетчики по имени класса, чтобы кнопка рассчитать выбирала конкретный тип датчика и только после этого рассчитывала среднее значение?
Для начала - как вообще создать массив, чтобы туда поместить данные, которых еще как бы нет и они появятся только после того, как нажмешь "добавить счетчик"?
const data = Array(LENGTH)
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Array
все сразу стало очень понятно (нет)
Вот смотрю я видосы, обучающие работе с массивами, там приводится пример, в котором массив пишется так:
let arr = [
{name: вася, age: 30}
{name: вася, age: 30}
{name: вася, age: 30}
]
как это вообще может понять принцип работы с реальными массивами данных, если в реальной практике данные не вбиваются в код, епта, никто не сидит и вручную не создает эти списки. Почему не объяснить на примере работы с html кодом, чтобы можно было сразу выполнять простые задачи. Вот я кучу видео пересмотрел и в душе не ебу как мне просто добавит в массив все, что будет в теге li с классом ''celcius'
это же простейшие вещи, но в обучалках тулят эти ебаные НЭЙМ и АЙДЖ. КАК с этим работать вообще непонятно, приходится чисто интуитивно пробовать разные варианты кода. Большая часть кода, который я написал был сделан чисто перебором сотен вариантов кода только потому, что нет годных обучалок, где пошагово объясняются простые вещи
Вот есть у меня const datd = [] и как туда "пушить" данные, записать [push = li.classname(vacya-pupkin)]?
Да, я вообще не ебу как это делается, но мне не найти примеров, везде работа с простыми числами и изменение массива ппрямо в коде, что за херня, как на этом научиться выполнять реальные задачи
Document.getElementsByClassName('celsius')
здесь сначала нужно объявить переменную, затем объявить вторую переменную для массива с классом фаренгейт?
и после этого как-то обозвать новый массив и прописать push, поместив в скобки 2 переменных? чет не совсем понял
Нет. Эта хуйня парсит дом и вытаскивает из него все элементы с класссом "celsius".
Читай cuntора https://learn.javascript.ru/searching-elements-dom
То что в тебе есть упорство перебирать варианты, это похвально, и полезно для достижения цели. Что за обучалки ты смотришь? Годные обучалки есть только в шапке этого треда. Судя по [push = li.classname(vacya-pupkin)] тебе нужно подтянуть базы как по синтаксису жса (чтобы знать какие в нем есть типы данных, благо их немного, и как с ними работать), и по DOM. Не знаю сколько у тебя времени и почему ты пишешь эту программу, но я бы посоветовал не видео смотреть, а прочитать/пробежать книжки, где последовательно, от простого к сложному рассказывается о языке, и это будет выгодное вложение времени, потому что книга читается гораздо быстрее чем видео, ее не нужно ставить на паузу чтобы написать пример в консольку, и если ты к тому же будешь запоминать прочитанное то сможешь переходить к все более сложному материалу. Потому что пока, ты, не зная букварь, пытаешься подражать носителям языка, которые теша свое ЧСВ кидают тебе объедки кода итт.
>как это вообще может понять принцип работы с реальными массивами данных, если в реальной практике данные не вбиваются в код, епта
>https://jsonplaceholder.typicode.com/
>это же простейшие вещи, но в обучалках
А сам разобраться?
>Вот есть у меня const datd = [] и как туда "пушить" данные, записать [push = li.classname(vacya-pupkin)]?
Прежде чем писать на языке, которого не знаешь, тебе сюда: https://learn.javascript.ru/
>как на этом научиться выполнять реальные задачи
Ты даже базу не знаешь, а пытаешься что-то там накляузничать, иди читай документацию, поридж.
>владилена минина.
>должно быть все понятно
export const MyComponent = ({ fetchShitApi }) => {
const [shit, setShit] = useState(null);
useEffect(() => {
(async () => {
const shitFromApi = await fetchShitApi();
setShit(shitFromApi);
})();
}, []);
};
Если компонент размонтировался прежде, чем отработал вызов апи, реакт дрищет варнингом про can't perform state update on an unmounted component.
Я хочу написать тест (jest + enzyme), который будет на этом падать. Пробовал такое:
let doResolve;
const fetchShitApi = jest.fn(() => new Promise((resolve) => doResolve = resolve));
const wrapper = mount(<MyComponent fetchShitApi={fetchShitApi} />);
expect(fetchShitApi).toHaveBeenCalledTimes(1);
wrapper.unmount();
doResolve();
Но если запустить этот тест, то он проходит, и в консольку варнинг не пишется. Накидайте советов мудрых, ну или просто обоссыте.
https://learn.javascript.ru/fetch-abort
useEffect(() => {
(async () => {
const controller = new AbortController();
const shitFromApi = await fetchShitApi(controller.signal);
setShit(shitFromApi);
return () => {
controller.abort();
}
})();
https://stackoverflow.com/questions/70044413/how-is-the-event-loop-never-blocking-but-messages-in-the-queue-are-run-to-comple
> владилена минина
Чёт вспомнил как он преподов к себе набирал по тесту с 20 вопросами уровня что будет если typeof(null)
А вообще если и смотреть инфоцыган, то лучше тех которые делают что-то по-сложнее туду листа на сср и которые не сильно в рекламу вкладываются
Такая примерная схема?
Чтобы одним острым словцом проверять наличие ключа в массиве и выводить некое значение если его нет?
Да блять пиздец печет уже с ебаных фронтошимпанзе, подобное говно на каждом шагу буквально:
- проверить массив, по которому собираемся делать моча-редьюс, на нулевость? Нахуй надо, лучше ебанем мочу-редьюс из лодаша, ведь функции лодаша чето вернут даже если в них скармливать говно с желудями. Че именно вернет и нужно ли такое поведение в случае нулевости - да похуй вообще, лишь бы отрисовалось, а не упало с cannot read property of undefined
- function doWork(kal) { return kal || 'zalupa'; }; doWork(0); // макака не знает о фолси-значениях, в итоге в продакше РУЧКА инпута серит говном, когда пользователь вводит ебаный нолик
- заебали мудаки, которые пытаются сделать из говна сметану и играться в ниибацца "модульность" своих фронтовысеров, хуярят на каждый "модуль" index.js с экспортом внутренних каловых масс, а потом эти "модули" начинают импортировать друг друга и энджой ёр отладка циклических зависимостей, когда
import { huita } from '../zhopa' ;
console.log(huita); // undefined ???
Есть метод рендера списка прогнозов погоды
Откуда реакт его берёт? В контроллере вижу метод для httpget, который возвращает список из пяти случайных прогнозов, но откуда тогда в этом коде параметр forecasts?
Я ни слова не понял из того что тебя не понятно, но:
renderForecastsTable создается на лету. Это просто буквально функция, которая возвращает некий JSX. Скорее всего там дальше в коде вызывается что-то типо: render {
return renderForecastsTable()
}
>но откуда тогда в этом коде параметр forecasts
Это буквально "какие-то данные", которые запихиваются в функцию, ничего более. Там свободно могла оказаться строка "хуй", ничего бы не изменилось.
https://www.udemy.com/course/javascript_full/
Стоит брать вкатуну в жс, пока скидка идет?
Ладно, я действительно косноязычно объяснил. Вопрос в том, откуда эта функция берёт параметры. Она же просто вызывается с параметрами, которые взялись из воздуха. Как они попали из бека вот сюда?
У меня проблемы с синтаксисом скорее, понимал бы я как это прописывается, сделал бы уже 10 счетчиков с разным кодом и все бы работали. Но мне не найти как именно это прописывается. Все советуют читать документацию - возвращаюсь в начало, читаю, там те же примеры с простыми числами, с которыми по обучалкам я примерно понимаю как работать, например вот есть пара примеров кода, которые у меня работают, могу вычислить сумму, среднее значение в веденных input
но как это сделать с динамическим списком инпутов, который создается моей функцией - не представляю
Я не знаю что такое вижла, если честно.
>create-react-app
Это опционально, можно и руками сделать. Сreate-react-app просто заранее делает весь бойлерплейт.
>Почему тогда на классах
Хуй знает, где ты этот код мамонта откопал и там спрашивай, уже пару лет как на функциональных пишут.
посмотри https://www.youtube.com/watch?v=GNrdg3PzpJQ
Чтобы понять как работает реакт, потрать 3 часа и потом сэкономишь десятки.
>как это сделать с динамическим списком инпутов, который создается моей функцией
Просто создавай элемент input и присваивай ему нужный тебе атрибут, например: <input type="number" data-type="temperature" data-measurement="celsius"/>
Потом просто querySelectorAll("input").forEach(input => {
if (input.dataset.type === "temperature"){
//тут твоя логика
}
})
Есть еще вариант с custom-elements, но это уже для опытных веб макак
>>2218819
Чел....Просто подключи себе на страничку vue.js Вот туториал для школьников
https://www.youtube.com/watch?v=NeXuUGgiwyw
Посмотри как с этим жизнь проще.
getElementsByClassName возвращает список (не массив).
Ты пытаешь распсарсить в Int этот список.
Тебе надо сделать так:
const celsiusInputs = Array.from(getElementsByClassName('one'));
const celsiusSum или че там тебе надо, в качестве примера будет сумма = celsiusInputs.reduce((input)=>pareseInt(input.value), 0)
>>2218961
querySelectorAll это метод у элемента. Т.е. он вызывается из родительского элемента, у которого в потомках есть твои инпуты, для примера можешь использовать document.querySelectorAll(...)
Затем что ты начнешь с инпутов, потом еще что-то надо добавить, потом еще, в итоге у тебя неподдерживаемая каша из говнокода, которая весит в 3 раза больше чем приложение на фреймворке. Это еще в 2010х проходили.
То что ты делаешь и что у тебя на скрине - лютейший говнокод, который не будет быстрее работатать добавь туда еще 100 строк подобного кода.
Во-первых, в форыче не пишется return, он проходит по массиву и что-то делает, он не должен возвращать ничего.
А во-вторых, предположим, что у тебя if/else внутри нормальной функции, так вот, такая простая ветка по-нормальному пишется примерно так. У тебя все равно после if, если он сбудется, не пойдет дальше код.
Не ебу. Попробуй для начала шапку треда почитать, явно поможет двигаться в нужном направлении.
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
document.getelementsbyclassname("one") возвращает тебе все элементы с классом one.
Класс one у тебя зачем-то и на элементах li прописан и на вложенных в них input'ах., то есть содержимое celsiusInputs у тебя выглядит условно говоря как [ lione, inputone, lione, inputone, ... ]
Ты проходя по этому массиву с помощью reduce пишешь parseInt(input.value), но здесь правильнее назвать переменную не input, а item, потому что по сути у тебя в переменную input записывает то lione, то inputone по очереди, как мы выяснили из предыдущего предложения, и если у input c классом one ты еще можешь получить value даже если в input ничего не введено то value будет пустой строкой '' что кстати тоже вернет undefined при помещении в parseInt, то у элемента li нет по умолчанию свойства value, то есть для него будет parseInt(undefine) // NaN.
а потом это NaN прибавляется к acc, а NaN прибавленное к числу дает в итоге NaN. вот и получается что celsiusSum у тебя NaN. и если ты его делишь на celsiusInputs.length то будет типа NaN/5 что в результате вычисления даст NaN.
ОАОАОА, вышло, ааааа, блядь!! Что-то получилось, охуеть.
Только вот есть один омрачающий все это нюанс - нужно еще добавить selected? чтобы при выборе селекта над второй кнопкой выбирался либо инпут с 1 классом, либо инпут со вторым
https://codepen.io/Asvald/pen/zYdXRyR
Не понимаю пока как прописать селектед и куда его прописать, пытался в скобки после If, но походу неправильно
>>2219288
https://codepen.io/Asvald/pen/zYdXRyR
Ой, тот код был неверным, выводил в консоль походу
1. На input'ы поставь type="number". Какого хуя я могу буквы туда вводить? нахуя?
2. Какого хуя у тебя разделы захардкожены? В моем понимании у тебя изначально должен быть первы раздел и возможность добавить нвоый раздел.
3. При выборе раздела у тебя не меняется поля ввода. Они должны быть для каждого раздела уникальными.
4. Должна быть возможность удалить/переименовать раздел или счетчик.
5. У тебя должен быть один инпут раздела, а не два
https://youtu.be/jydvLPCBSps?t=50
Так блять, есть же Promise.race ?
В этом говне после постинга сообщения в треде идет вечное ожидание (на клавише отправки горит "Обработка"). Сообщение на сервак отсылается и постится, это видно если обновить тред, но оно не помечено как мое а также чтобы снова что-то постить надо перезагрузить тред. В консоли вылезает:
Uncaught DOMException: The quota has been exceeded
В (sharkey.js:1179):
localStorage.gevents = JSON.stringify(events);
Сам вызов localStorage.gevents дает пустой массив
https://frontendmasters.com/courses/object-oriented-js/
Вообще рекомендую все его курсы. У парня талант объяснять JS.
Не знаю, попробуй посмотреть, как это делается на ютубе.
https://www.youtube.com/results?search_query=vue+axios+authorization
https://www.youtube.com/results?search_query=vue+axios+authentication
Почувствуй силу Vue.js
https://codepen.io/stozen-spb/pen/vYJwOoM
PS сори за говнокод в компьютедах, лень было переделывать.
Как думаете, на каком уровне надо знать JS для этой вакансии? В моей мухосрани очень мало веб-студий, можно сказать это будет первый опыт собеседования (если не считать той мелкой веб-студии где я работал несколько лет назад). Боюсь обосраться. Сразу заставят показывать какие я йоба-приложения на JS делаю или просто по теории погоняют?
С вёрсткой у меня проблем нет, вся остальная фигня из требований в вакансии учится за вечер на каждый пункт.
Насчёт JS - изучал его по курсам от Специалиста. Сейчас читаю Кантора. Но теория это одно, а практика совсем другое.
Контора эта - не мелкая студия, а крупная фирма с филиалами по всей стране.
>Как думаете, на каком уровне надо знать JS для этой вакансии?
Как минимум - знать js.
>Насчёт JS - изучал его по курсам от Специалиста
жпг
Есть некая веб форма с текстовыми полями. Нужно вставить в текстовые поля текст через консоль браузера.
Я пытаюсь автоматизировать кое-какую рутинную работу. Мне надо 30 раз в день заполнить эту форму при том что из всех значений меняется одно.
>>2220056
иди спроси у них, все равно тебя даже на собес наверное не позовут, а если позовут, то обосрешься, потому что первый раз. главное опыт собеседования получить, чтоб потом не обосраться, может второй раз через месяц попробуешься и тебя возьмут, потому что типа "усердный, не сломался, а еще раз попробовал"
ФП-шикизи опять обоссаны
ПЕРЕКАТ >>2220402 (OP)
ПЕРЕКАТ >>2220402 (OP)
ПЕРЕКАТ >>2220402 (OP)
ПЕРЕКАТ >>2220402 (OP)
>>2214714
Это снова я со своим flask-bootstrap и попытками в js. Короче говоря, анон помог, но возникла маленькая сложность.
Дано: https://pastebin.com/tjKDXkwd
Как есть: пикрил 1
Как хотелось бы: пикрил 2
По сути, задача сводится к:
1) клонировать ряд и добавлять не в конце формы (после кнопки submit), а сразу же
2) выровнять кнопки по центру поля формы
3) для всех последующих клонов ряда убрать название (сидит внутри фласкового приложения)
Выручай, анон. Без тебя никак.
Анон, я верстаю это уже неделю. Я блядь нихуя не умею верстать, передавать данные, еле-еле разобрался в различиях get и post, и на каждую правку у меня отваливается всё нахуй. Я ни разу не программист, и для меня это задача вообще не профильная. Думаешь, почему я здесь?
Что анон предпочитает?
ЧУвак, говорю как такой же новичок как и ты - спрашивать у программистов и надеяться получить сразу ответ - это бессмыслица. Программисты это, как бы тебе объяснить... Вот представь Чэд говорит - просто подойди и познакомься к тянке, хули тут думать. То же самое и с программистами, они думают, что их знания, выработанные годами, в голове у новичка уже появились каким-то магическим образом за неделю.
Программисты не умеют в обучение других и в помощь новичкам. Это невозможно оспорить. Даже те, кто обучалки делает, всегда прииводит либо хуевые примеры, либо говорит так, что нихуя непонятно. В итоге бесполезная инфа для новичков. Так что тупо перебирай сотни видосов, книг, статей, все что угодно. И в итоге ты начнешь понимать. Да, это жесть, но походу в программировании по другому никак, такие уж тут люди
мимо бекмакен
>wordpress
jpg
>>2220840
>Какой фреймворк быстрее всего изучить для бложика/визитки?
Вью. Там доки простые, просто копируешь и вставляешь с умным лицом.
А там объясняется, почему ООП в JS это не то же самое, что ООП в других языках программирования. Прототипно-ориентированное программирование - это один из стилей ООП.
На JS в этом плане повлиял Self - https://en.wikipedia.org/wiki/Self_(programming_language)
А потом ты попадаешь на проект с ООП, а тимлид говорит тебе:
>либо зп 20к на руки
И че, у тебя щас зп 200к, наверное?Нет?У тебя вообще нет зп?А в чем проблемы тогда?Я не вижу проблемы поработать за копейки, 2-3-6 месяцев, учитывая, что после этого ты в принципе откликаться на вакансии не будешь.
Ну и да, в регионах чуть дальше Уральских гор это не прям хуевая зп, не очень конечно, но жить можно.
import java.util.Scanner;
public class Main {
public static void main(String[] args) {
System.out.println("Введите значение x, a");
double x = readNum("Enter x: ");
double a = readNum("Enter a: ");
double b;
int chisl = 1;
int znamenat = 1;
for (int i = 1; i <= 32; i++) {
a = (x - 2 i);
chisl = a;
}
for (int i = 1; i <= 31; i++) {
if (i == 1) {
b = (x - i);
} else{
b = (x - 3 i);
znamenat = b;
}
final var y = chisl / znamenat;
System.out.println(y);
}
final var y = (((((x - a) x - a) x - a) x - a) x - a) * x - a;
System.out.println(y);
}
private static double readNum(String text) {
System.out.print(text);
Scanner scanner = new Scanner(System.in);
int num = scanner.nextInt();
if (num <= 0) {
System.out.println("Error");
}
return num;
}
}