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

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

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

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

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

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

Руководство для вката: https://developer.mozilla.org
2 1920836
Господа синьоры озвучьте стек 2021. И кто из ютуберов топчик
3 1920837
>>0831 (OP)
Я обязательно вкачусь без вышки и опыта!
4 1920845
>>0837
Ну я вкатился и ты вкатишься.
5 1920846
>>0836
React/TS. Идеального стейт-менеджера до сих пор нет.
6 1920848
>>0837
Я вкатился, значит и у тебя получится.
sage 7 1920941
>>0836
Стека 2021 еще не вышел, из ютюберов - ивангай и влад а4
8 1920986
>>0836
Angular/TS. Стейте менеджер не нужен, потому что есть DI и сервисы.
9 1920989
>>0986
Я спрашивал у сеньоров
10 1920990
Озвучьте ваше мнение по поводу минина? Думаю купить его курсы, стоит ли?
11 1920993
>>0990

>курсы


Ну если ты долбоеб с двузначным IQ, то конечно стоит. Пользы ты в любом случае не получишь, но хотя бы деньги отдашь предприимчивому и хитрому минину, а не проебешь на шлюх и в казино.
Screenshot 2021-01-25 at 13.00.47.png194 Кб, 982x1384
12 1921001
>>0986
Ангуляр для грустных
15855935722820.png28 Кб, 412x826
13 1921003
14 1921005
>>1003
Каждый раз с этой таблицы ору. Эх, сейчас бы в бэкбон вкатываться.
15 1921009
>>0990
Покупаю курсы со скидкой на рутрекере.
16 1921060
>>0831 (OP)
Зашел тут глазком глянуть на жс и экспресс, откуда такой фетиш на коолбеки? На любой минимальный пук мы кидаем в функции коллбек
17 1921074
>>1060
У нас всё происходит в асинхронной манере, поэтому без калбеков ты ничего внятного не напишешь. Правда это уже в прошлом, сейчас все пользуются async/await конструкциями.
18 1921155
Нужен ли вэбпак в 2021? В том плане что бы конфигурировать его руками а не использовать к примеру уже готовый конфиг во вью или cra?
19 1921157
Хочу юзать ? для вытаскивания атрибутов объекта но есть шанс что старый браузер клиента не будет это поддерживать. Как на практике решается подобная проблема?
21 1921173
>>1155
Хуй его знает, но в требованиях пишут
вкатыш
22 1921197
Посоны, поясните по хардкору. Вот допустим мне нужно, чтобы в инпуте была йоба маска. То есть

Пользователь вводит
"Я хочу"

ему добавляется
"сосать члены"

в инпуте пишется
"Я хочу сосать члены"

Но тут возникает проблема - как грамотно реализовать удаление?
то есть надо чтобы пользователь нажимая на del удалял символы не из "члены", а из "хочу". Понятно дело, можно сравнивать с прошлой версией строки, и если она уменьшилась, то обрезать "хочу", но мне кажется, должен быть менее костыльный способ.
23 1921201
>>1197

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


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

24 1921203
25 1921204
>>1155
Вэбпак никуда не денется. Но хуй ты его "выучишь" на своих петах, так как его возможности, вместе с древом конфигов , раскрываются только на распухших проектах.
26 1921217
>>1201
Каким место это к алгоритмическим задачам относится, даунич? Через js это пишется на изи, но на мой взгляд это костыльное решение. Вопрос был есть ли что-то типо специального атрибута или чего-то подобного, при помощи которого можно было бы не меняя значение инпута отображать отредактированное значение в строке
27 1921219
28 1921232
>>1217

>пишется на изи



Ну да, в итоге мы получаем тормозящее дерьмо, потому что "пишуший на изи" макакен даже и не знает о такой структуре как Trie, а если и узнает, то не поймёт как её применить.
29 1921233
>>1920352 →
Я так и пробовал.

Вот из последней попытки :

async function run (js){
for (const j of js) {
console.log(`${j} iteration.`);
const r = await solve(xs[j]);
}
}

и резульат :
tt@qi:~/js/001_simple_bidirectional_workers_with_pool$ node t.js
0 iteration.
1 iteration.
2 iteration.
workerData is workerData!
Fibonacci(25) result: 75025
workerData is workerData!
Fibonacci(31) result: 1346269
workerData is workerData!
Fibonacci(30) result: 832040
workerData is workerData!
Fibonacci(25) result: 75025
30 1921247
>>1233
https://pastebin.com/aMYXystc - новый мейн.
https://pastebin.com/tiNjXSs1 - новый воркер.

Я попытался просто пример из доки на либу зациклить.
Без цикла отрабатывает нормально, а в цикле не хочет работать последовательно (.
31 1921272
Как в vue решают проблему drill props?
32 1921298
https://jsfiddle.net/vnkuZ/7726/
блять объясните, зачем возвращать функцию внутри другой функции, чтобы это заработало? почему просто нельзя код из тела вложенной функции сделать без обёртки в виде функции?
33 1921307
>>1298
Потому что onclick принимает в качестве аргумента функцию. Ты не можешь написать
document.getElementById('size-12').onclick = makeSizer(12);
Если у тебя makeSizer(12) не возвращает функцию.
34 1921318
>>1307
спасибо!
35 1921343
>>1247
Вот я ебан.
добавил console.log("Done !"); в конец функции solve

и получил

0 iteration.
Done !
1 iteration.
Done !
2 iteration.
Done !
workerData is workerData!
Fibonacci(30) result: 832040

Короче дело не в цикле ... тут был facepalm
36 1921365
>>0986
Вкатываться в ангуляр начал с нового года. Все правильно делаю? Можно ли будет найти работу или пока не поздно лучше переходить на Рекат?
37 1921380
>>1365
начни с самого пиздатого фреймворка "native js"
38 1921404
>>1380
И самого бесполезного.
39 1921484
>>1272
Пропукиванием эвентов.
40 1921492
>>1484
Через emit?
41 1921511
let x = [29,30,31];

// ### FUNCTION ###
async function solve(x){

const pool = new StaticPool({
size: 2,
task: filePath,
});

const execArr = x.map( (n) => pool.exec(n) );
const resArr = await Promise.all(execArr);

pool.destroy();

return resArr;
}
// ### END OF FUNCTION ###

let a = [];
solve(x).then(fibArr => {console.log(fibArr); a = fibArr;console.log(a)});
console.log(a);

##### OUTPUT ###########
[]
[ 514229, 832040, 1346269 ]
[ 514229, 832040, 1346269 ]

Как мне ему сказать, что пока solve не выполнен - нихуя больше не делать и ждать ?
41 1921511
let x = [29,30,31];

// ### FUNCTION ###
async function solve(x){

const pool = new StaticPool({
size: 2,
task: filePath,
});

const execArr = x.map( (n) => pool.exec(n) );
const resArr = await Promise.all(execArr);

pool.destroy();

return resArr;
}
// ### END OF FUNCTION ###

let a = [];
solve(x).then(fibArr => {console.log(fibArr); a = fibArr;console.log(a)});
console.log(a);

##### OUTPUT ###########
[]
[ 514229, 832040, 1346269 ]
[ 514229, 832040, 1346269 ]

Как мне ему сказать, что пока solve не выполнен - нихуя больше не делать и ждать ?
42 1921516
>>1511
const a = await solve(x);

console.log(a);
43 1921527
>>1516
если так сделать :
SyntaxError: await is only valid in async function

Ну и к тому же, мне этот кусок кода надо запустить синхронно, что бы в for потом засунуть. Т.к. последующие итерации зависят от предыдущих.
Так что запихать всё это в асинхронную обёртку не вариант.
44 1921544
>>1527
Пиши тогда на промисах, раз не можешь оборачивать.
45 1921551
>>1527

>SyntaxError: await is only valid in async function



Обнови ноду, либо оборачивай в
(async function() {
//твой говнокод
}());
46 1921554
>>1527
Твои цели сложно понять, а следовательно и понять что тебе нужно. Но скорее всего тебе не хватает sleep функции:

const sleep = ms => return new Promise(res => setTimeout(res, ms));

С ней ты можешь запускать циклы в которых каждые n миллисекунд будешь проверять какое-либо условие и делать в зависимости от него какое-либо действие.
47 1921580
>>1554
Моя цель - распаралелить генетический алгоритм (наговнокодил сам).
В один поток всё работает. Хочется заставить работать worker thread. Всё упирается в то, что пул воркеров работает асинхронно, и в цикле for эпохи запускаются одновременно.

Здесь выкладывал синтетический тест, который считает число Фиббоначи, в качестве нагрузки.

>>1551
node -v
v15.6.0

и как потом эта обёртка в цикле for себя будет вести? я ж от этого и хочу уйти.

>>1544
А можешь пример написать ? Я с промисами авойт асинк только сегодня начал разбираться, пока что то не ок выходит.
48 1921588
>>1580

>v15.6.0



А флаг '--harmony-top-level-await' при запуске за тебя кто проставлять будет, макакен?
49 1921596
тока, тока начал изучать js, практикуюсь примерно 1-2ч в день иногда больше, прохожу FreeCodeCamp. Сколько понадобиться времени чтобы знать js хоть на среднем уровне, сколько потребуется времени чтобы на этом суметь заработать? Когда я смогу выполнять заказы? К чему стремиться?
50 1921614
На собесах джунов спрашивают про бинарные деревья?
51 1921630
>>1614
Про кишочки спрашивать не будут, но могут попросить выполнить какую-нибудь элементарную задачу типа переворота или нахождения самого длинного пути между узлами.
52 1921635
>>1588
With v14.8.0, top level await has been unflagged and now just works. The only catch is that top level await is only supported in ES modules.

Вроде как и не надо такой флаг теперь.
Но теперь с модулями разбираться - просто тип поменять не помогает.

ReferenceError: require is not defined

А вначале всё так просто выглядело ...
53 1921638
>>1635
используй import вместо require
54 1921639
>>0831 (OP)
Пару лет назад во фронтенд хотел вкатиться, будучи студентом, верстал-верстал, потом JS начал учить и мне таааааак противно стало, что я бросил к хуям.
Сейчас устроился на работу в областной телецентр, но проработав несколько месяцев за 15к на должности электромеханика средств телевещания, я понял, что если я буду просто сидеть и просто работать, то никакого светлого будущего вне не видать. Решил, собственно, опять попробовать войти в айти.

Как там с рыночком? Пузырь уже лопнул? Лопнет? Не лопнет? Вкатываться смысл есть?

Спросил бы в /wrk/, но ну их.
55 1921641
>>0831 (OP)
>>1639
Что в шапке, кстати? Почему Мозилла, а не Кантор?
56 1921648
>>1638
уже пробовал.
import StaticPool from "node-worker-threads-pool";

const pool = new StaticPool({
^
TypeError: StaticPool is not a constructor
57 1921654
>>1648
import { StaticPool } from "node-worker-threads-pool";
58 1921655
Проходу собеседование, если кому интересно посмотреть залетайте, только не трольти в чате плиз, будьте адекватами

https://www.youtube.com/watch?v=M7nLUzpJrJk
59 1921659
А почему все заводчане или обитатели дна не вкатятся в айти? Что им мешает? Вопрос больше психологический.
60 1921667
>>1654
Во, спасибо !
Теперь всё как надо.

Спасибище, Анон !

//### SCRIPT ###

for(let i = 0; i < 3; i++){
console.log(`Start iteration ${i}`);
let x = [];
for (let i = 0; i < 3; i++){
x = 25 + Math.trunc(10 * Math.random());
}
const a = await solve(x);
console.log(a);
console.log(`Stop iteration ${i}`);
}

console.log("End of script.");

//### OUTPUT ###

att@qi:~/js/js_tests$ node 003_test.js
Start iteration 0
[ 1346269, 2178309, 832040 ]
Stop iteration 0
Start iteration 1
[ 5702887, 3524578, 2178309 ]
Stop iteration 1
Start iteration 2
[ 514229, 514229, 1346269 ]
Stop iteration 2
End of script.
60 1921667
>>1654
Во, спасибо !
Теперь всё как надо.

Спасибище, Анон !

//### SCRIPT ###

for(let i = 0; i < 3; i++){
console.log(`Start iteration ${i}`);
let x = [];
for (let i = 0; i < 3; i++){
x = 25 + Math.trunc(10 * Math.random());
}
const a = await solve(x);
console.log(a);
console.log(`Stop iteration ${i}`);
}

console.log("End of script.");

//### OUTPUT ###

att@qi:~/js/js_tests$ node 003_test.js
Start iteration 0
[ 1346269, 2178309, 832040 ]
Stop iteration 0
Start iteration 1
[ 5702887, 3524578, 2178309 ]
Stop iteration 1
Start iteration 2
[ 514229, 514229, 1346269 ]
Stop iteration 2
End of script.
61 1921677
>>1596
Никогда, поезд уже давно ушел, если хочешь что то делать в этом направлении то исключительно ради собственного интереса, заработать уже на этом к сожалению нельзя
62 1921687
>>1677
>>1596
Я начал примерно в Июле прошлого года, неделю назад получил свою первую оплату. Последние 3 месяца я учился часов по 9-12 в день. За последний месяц было 3 оффера по работе, и это мухосрань. Кукаретиков не слушай, но 1-2 часа в день это прям пиздец как мало.
63 1921689
Насколько правильным считается использование css селекторов во время верстки? Типа есть например 6 элементов в гриде, каждый разного размера, и к примеру что всё выровнить я делаю - :nth-child(1) {...} и т.д. Это нормально или хуета?
64 1921691
>>1687
Точно так же начал, июнь июль, напилил 5 проектов на среакте с редаксами хуяксами, тудушки, хуюшки, новостной сайт с бэком на ноде в хероку и клиентом на нетифлае, сейчас допиливаю первый вью проект, получил нихуя, так что иди нахуй этого мало
65 1921692
>>1691

>иди нахуй этого мало


Ну тогда ищи работу хуле, если у тебя на гитхабе не одни тудушки по курсам, а что-то своё есть. А не тут у наркоманов спрашивай что тебе делать
66 1921693
>>1692
А гитхабе все приватно, нахуй надо
67 1921697
>>1693
Ну тогда причина, по которой ты не можешь найти работу это величайшая тайна вселенной. Ты еще профили свои со всех площадок по поиску работы удали.
68 1921717
>>1689
хуета, учи БЭМ.
- у каждого элемента должен быть свой класс
-общая группировка классов называется блок
- нтч чайлд нужен для глубокого доступа в редких ситуациях

в основном все должно выглядеть так, чем меньше доступ через селекторы тем быстрее код
69 1921750
>>1717

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


Ну я уже чувствую, что хуета, по тому, насколько ублюдски выглядит css, надо учить
70 1921752
>>1689

>Типа есть например 6 элементов в гриде, каждый разного размера, и к примеру что всё выровнить я делаю - :nth-child(1) {...} и т.д.


Это очень расплывчато. 6 элементов там постоянно, типа виджета, или какой-нибудь рэндомный список/таблица? В первом случае хуяришь по классу на каждый уникальный элемент, во втором только дочерними селекторами красить.
71 1921759
>>1750
Читай
Бэм - https://ru.bem.info/
и учи стиль SCSS - https://sass-scss.ru/documentation/
Гайд верстки на Scss - гугли на торентах курс Петриченко Html/css с нуля, там чел сразу настраивает окружение и npm скрипты и прочую шелуху, сразу вникнешь и на scss/Бэм после курса научишься хуярить
72 1921763
>>1759
на юдеми касарь стоит - https://www.udemy.com/course/webdeveloper/

я за 900 покупал, можешь и с торентов если денег нет, но через юдеми удобнее, там в комментах часто проблемы разбирают
73 1921766
>>1759
>>1763
Да, спасибо, буду смореть, у меня тащемта в остальном понимания гораздо больше, но вот именно в css да еще и когда адаптив начинается, там пиздец, никак не могу с самого начала иерархию всю придумать
74 1921815
Здравствуйте. Для фронта стои учить что-то из общей теории прогоамитрования? Sicp, кнут, книши по алгоритмам и структурам данных и пр. Темы интересные, но боюсь проебать время.
75 1921829
>>0836
Next.js + Typescript + styled-components / emotion
76 1921832
>>1815
Нет
77 1921833
>>1815
Нет x2
78 1921834
>>1815
Нахуй не нужно. Если знаешь, будет неплохо, но честно - нахуй не нужно.
79 1921883
>>1829

>styled-components /


Ты блядь дурак чтоили?
80 1921902
Такой вопрос.

Есть область и в ней какой-нибудь квадрат.

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

Тут понятно, что можно при mousedown вешать класс ("элемент активен").

А при mousemove, например, перемещать его по области.

Проблема следующая: ну зажали мы на квадрате, а отпустили мышь за пределами. Значит нужен обработчик отжатия на body, например mouseup (а в обработчике мы проверяем, что отпускаем не на квадрате).

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

По идее, в document создаём обработчик mousemove, смотрим, активен ли кважрат и двигаем его, получая координаты по .getBoundingClientRect(). И всё нормально.

Вопрос только в том... а является ли это правильным способом? Т.е. каждый раз вызывать .getBoundingClientRect() при движении - это же пиздец как расточительно и тупо.

По сути, область же всегда на месте, достаточно считать .getBoundingClientRect только при инициализации области и, например, когда документ скроллится. Т.е. создать слушателя, который будет слушать windows.scrollчто-тотам и вызывать при изменении .getBoundingClientRect(), записывая его... в data-параметры div? в объект-состояние?
Допустим, так.

Но обработчик один хуй надо куда-то вешать. Тоже слушателя создавать?

Как это нормальные люди делают, чтобы не засирать память?
81 1921903
>>1902
Краткая версия вопроса: как обрабатывать поведение курсора за пределами элемента, где мы что-то изменяем, чтобы не превращать код в говно.
82 1921907
>>1903
Почитай про всплытие
83 1921909
>>1655
Нормально прошел, молодец.
84 1921910
>>1902
Сорян за ответ ссылкой, но тебе стоит освежить свои знания DragNDrop API

https://learn.javascript.ru/mouse-drag-and-drop
85 1921912
86 1921914
>>1659
ПРОСТО и БЕЗ ЗАДНЕЙ МЫСЛИ
87 1921916
>>1910
Я могу перемещать что-то по экрану. Вопрос в том, что разве при наличии двух таких плагинов с перемещением, мы не получим конфликт, ведь обработчик события на документе\окне может быть только один?

Т.е. один плагин вешает на document обработчик для mousemove и второй вешает свой обработчик, в итоге обработчик перезаписан и первый плагин корректно не работает.
88 1921918
>>1916
Тут, быть может, стоит сделать обработчик с погружением, потому что дело начнётся с html. Но его тут же нужно будет и прирезать на html. Вопрос только в том, а что, в таких случаях действительно делают обработчики с погружением?
89 1921919
>>1916
Вешать обработчик на документ нужно только в крайних случаях, особенно когда речь о таких частых событиях как движение мышью Вешай его на родительский элемент.
90 1921920
>>1916

>Т.е. один плагин вешает на document обработчик для mousemove и второй вешает свой обработчик, в итоге обработчик перезаписан и первый плагин корректно не работает.


Если ты в тупую присваиваешь `onmousemove` - конечно.
Но вообще-то уже 2021 год и есть `addEventListener()`.
91 1921921
>>1659
Потому что не всем это интересно.

Меня как-то спросил друг, "А че, любой может вот так вот стать программистом? Типа выучить все бесплатно и 100к зарабатывать? А че тогда все не работают программистами?"

Я говорю, мол ну ты вот че не работаешь?

Он съехал типо "Ну я гумонитарий, это не мое пук среньк".

Н
12123123.png4 Кб, 761x460
92 1921922
>>1919
Это я понял. Вот у нас контейнер нашего плагина: желоба с перемещающимся в нём квадратом.

Если зажать на нём мышь, то можно двигать квадрат вдоль желоба.

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

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

Как этого добиться не насилуя макаку? Повесить eddEventListener на document тупая идея. Всплытие идёт в потомкам, как кто-то советовал. Тогда что использовать? Поднятие?
93 1921927
>>1922
Ну тебе же уже сказали - drag and drop API, что тебе еще нужно? Чтобы за тебя код написали? Для этого есть готовые решения в UI библиотеках.
94 1921936
>>1927
Ответ на вопрос. Код я и сам напишу.

Мне нужно не готовое решение, а понимание того, как и почему мы делаем определённые вещи.

Не знаю, как объяснить, чтобы было понятно о чём я спрашиваю.

Давай проще.

У нас есть кнопка в контейнере.

Кнопка активируется при зажатии (именно зажатии) и деактивируется при отжатии.

По идее всё просто. Вешаем mousedown на кнопку, при зажатии над кнопкой она активируется.

Вешаем mouseup на контейнер. При отжатии в контейнере кнопка деактивируется.

Понятный функционал, я блять не знаю как проще описать.

А теперь такая ситуация - я зажал кнопку и увёл курсор из контейнера. Отжал за пределами контейнера и кнопка всё ещё активна.

Вопрос, как сделать так, чтобы отжатие вне контейнера тоже деактивировало кнопку.

Одно решение, в лоб и тупое, добавить слушателя на окно\фрейм и если кнопка активна, то деактивировать её, иначе нихуя не делать.

А другое какое? Использовать погружение вместо всплытия? Всплытие же не идёт выше элемента на который повешен обработчик. А нам надо идти до document.

Вот в этом вопрос. Или опять непонятно объяснил?

Я всплытие понимаю так, что обработчик последовательно срабатывает на всех дочерних элементах, если мы его не остановим. Доходит до элемента и останавливается. А если нам надо что-то выше - то либо вешаем обработчик выше, либо использует погружение. Но так как я про погружение слышу раз в сто лет, то его, похоже, не используют. Вот отсюда у меня и вопрос.
94 1921936
>>1927
Ответ на вопрос. Код я и сам напишу.

Мне нужно не готовое решение, а понимание того, как и почему мы делаем определённые вещи.

Не знаю, как объяснить, чтобы было понятно о чём я спрашиваю.

Давай проще.

У нас есть кнопка в контейнере.

Кнопка активируется при зажатии (именно зажатии) и деактивируется при отжатии.

По идее всё просто. Вешаем mousedown на кнопку, при зажатии над кнопкой она активируется.

Вешаем mouseup на контейнер. При отжатии в контейнере кнопка деактивируется.

Понятный функционал, я блять не знаю как проще описать.

А теперь такая ситуация - я зажал кнопку и увёл курсор из контейнера. Отжал за пределами контейнера и кнопка всё ещё активна.

Вопрос, как сделать так, чтобы отжатие вне контейнера тоже деактивировало кнопку.

Одно решение, в лоб и тупое, добавить слушателя на окно\фрейм и если кнопка активна, то деактивировать её, иначе нихуя не делать.

А другое какое? Использовать погружение вместо всплытия? Всплытие же не идёт выше элемента на который повешен обработчик. А нам надо идти до document.

Вот в этом вопрос. Или опять непонятно объяснил?

Я всплытие понимаю так, что обработчик последовательно срабатывает на всех дочерних элементах, если мы его не остановим. Доходит до элемента и останавливается. А если нам надо что-то выше - то либо вешаем обработчик выше, либо использует погружение. Но так как я про погружение слышу раз в сто лет, то его, похоже, не используют. Вот отсюда у меня и вопрос.
image.png133 Кб, 1794x1138
95 1921948
Насколько это актуально? Стоит ли везде лепить функции через выражения?
96 1921949
>>1948
О, и что по стрелочным скажете?
97 1921950
https://qna.habr.com/q/815323
Чел тралибасит или Express реально мертв нахуй?
98 1921951
>>1950
Еще одна жертва минина и прочих хуесосов, вот почему нужно читать документацию библиотеки
99 1921965
Насколько актуален этот ваш бэм? На каждый пук создавать папку с отдельным элементом и модификатором к нему? Это ж ебантизм не?
100 1921968
>>1965
бэм === бест практикс
101 1921970
>>1950

> автор Impress Application Server для Node.js

102 1921971
>>1965
Не актуален после появления SPA.
103 1921972
>>1968

>бест практикс


а_почему-лицо__в--говне?
104 1921975
>>1965
Полностью неактуален лет пять как
105 1921987
>>1975
А как жить теперь? Юзать стайлед компонент?
106 1921995
>>1972
Потому что нет блока
107 1921999
>>1987
Можно его, но вообще любые CSS-модули сойдут.
108 1922003
>>1948
Профайлером тычешь в своё поделие и определяешь те куски, которые тормозят, их и оптимизируешь. А то ты везде своих функций через выражения (с) натыкаешь, а у тебя там O(n!) блять.
109 1922007
>>1922

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


Это блять типичными иф элсами делается проверкой на координаты квадрата и шириной/высотой его контейнера.
110 1922052
>>2007
Чел, это-то понятно, вопрос был в другом. И, собственно, как я понял, никто не ебёт мозги и просто слушателя вешает на window или document и там уже проверяет.
111 1922106
>>1950

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


Сам как думаешь?
скрин.png136 Кб, 1600x900
112 1922134
Что я делаю не так анон? Короче на днях начал штудировать webpack, react, typescript и все эти модные вещи. При старте проекта html-webpack-plugin инжектит мои скрипты перед </head>. Мне такой расклад нафиг оно надо. Я привык чтобы скрипты подключались перед </body>. </body> сука, а не </head>. В ишусах https://github.com/jantimon/html-webpack-plugin/issues тоже нихуя толкового не нашел, никто не поднимает эту тему. С какого хуя? В общем анон, посмотри мой проект, я заархивировал в zip https://filebin.net/7ucwhnn7zq5f2p18/______.zip?t=gxrtb4xw, запусти сам убедись.
Screenshot6.png12 Кб, 521x188
113 1922145
Вчера клиенту бота скидывал. А у него касперский на js файл жаловался пикрелейтед. Убрал пробелы между строчками и ему стало норм.

ЧЯДНТ?
114 1922146
>>2134
Ты атрибут defer видишь, уась?
115 1922160
>>2146
Ну оно само собой вставляется. А ты видел хотя открывал проект? Я же оставил ссылку для скачивания.
116 1922163
>>2134

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



Принимаешься писать код не вылечив психические расстройства.
117 1922197
>>2134
Сейчас бы скачивать с двачей хуету васянскую, значит делаешь что то не так, если вообще еблан включай минина и делай по шагам, харк птьфу черт сука
118 1922215
парни а как переменную объявить подскажите плзз
119 1922220

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

120 1922254
>>2215
Вар
Screenshot7.png1 Кб, 133x92
121 1922260
>>2215
Что за тупые вопросы, господи.
122 1922264
>>2215
const variable = 1;

Изменение:

const variableModified = variable + 5;
123 1922266
>>2264
ну и нахуя ето надо
124 1922298
Какой фреймворк лучше всего подходит для многостраничного сайта, который через рест-апи подключен к бэку?
image.png97 Кб, 1096x660
125 1922303
как этот участок кода можно зарефакторить?
126 1922331
>>2303
for (let i = 0; i <= 5; i++) {

}
127 1922332
>>2331
фикс: let i = 1
и вместо [1]...[1], [2]...[2] и т.д. ..
128 1922333
>>2303
это не нужно рефакторить
image.png22 Кб, 567x139
129 1922335
130 1922338
>>2333
Трипл не спиздит
131 1922340
>>2333
Почему? большое нагромождение же
132 1922343
>>2335
Чё-то сложно
133 1922344
>>2340
подрастешь поймешь
134 1922349
>>2332
>>2331

>for (let i = 0; i <= 5; i++) {


О, сработало.
135 1922352
>>2332
>>2331
Я просто думал насчёт цикла но не знал что значения сохранятся после завершения, давно не программировал....
136 1922378
>>2003

>А то ты везде своих функций через выражения (с) натыкаешь, а у тебя там O(n!) блять.


Проиграл в голос прямо на рабочем месте. Что характерно, всё так и будет.
137 1922381
>>2344
Подрос - не понял. DRY, повтор больше трех раз => рефактор.
138 1922384
139 1922403
>>2303
Делегирование событий. Слышал про такое?
140 1922404
>>2403
Не
141 1922406
>>2404
Хуёво. Если у тебя будет 100 элементов. Тоже на каждое будешь отдельный эвент вешать?
142 1922408
>>2406
Да нет, если бы такая проблема была, я бы загуглил и узнал про делегирование, а теперь о нём сказал ты, пойду изучать
image.png91 Кб, 1297x852
143 1922409
>>2406
Я просто сейчас так учу язык, сразу вижу задание (с сайта оп-поста) и решаю, без знаний языка.
144 1922410
>>2134
Тебя просто заставляют не жрать говно. Правильно делают тащемта.
145 1922414
Посоветуйте годноту по стилям желательно что бы с препроцессорами
146 1922416
>>2215
const variable = "variable";
globalThis[variable] = "variable"
147 1922419
>>2414
scss
148 1922438
Никогда не работал с вебом, но сейчас нужно край высрать плагин для firefox чтобы скачивать фотографи с сайта.

Суть:
На тулбаре браузера есть кнопка плагина(уже прикрутил)
Когда пользователь кликает по ней, она сканирует код html страницы на которой сейчас пользователь и если находит нужные элементы то загружает по его ссылке фото по стандартному пути загрузок браузера.

Я запорослся на моменте парсинга html кода, скажите пожалуйста прибилизетельно какими функциями и технологиями это делает, я уж сам нагуглю.
149 1922448
>>2403

> Делегирование событий


матрица опять показывает себя, я как раз на этой главе
151 1922463
>>2450
спасибо
152 1922494
Что имеют ввиду когда пишут "наличие портфолио"? Ссылку на гит в резюме? Коммерчески-успешный проект, на который можно дать ссылку?
153 1922500
>>2494
Ссылку на репозиторий и в двух словах о технологиях, которые применял на проекте.
154 1922507
>>2494
петы которые сделал очевидно
155 1922509
>>2500
Ну то есть чтобы в гите были не просто загружены проекты, а чтобы к каждому было красивое описание + скрины\видео работы?
156 1922515
>>2509
программирование это не твое, оно тебе не нужно, просто закрой тред и иди лучше вебмки смешные смотри
157 1922516
>>2509
Описания как запустить хватит, скринов не надо
158 1922518
>>2515

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


Пукнула мелкобуква.
>>2516
Я видел у челиков все красиво оформлено, к каждому проекту в описании гифки, скрины и т.д.
159 1922542
>>2509
Гиты никто смотреть не будет. Лучше на hh добавить скриншотов и ссылок на проекты которые либо на хостинге платном, либо на херокуапп/гитхаб пейджс. К слову, размещал ссылку на сайт в резюме, переходило по ней процентов 5 от всех хрюш
160 1922560
>>2542

>процентов 5 от всех хрюш


Почему? Им похуй на кандидата?
А если я фото пресса и члена в резюме выставлю, сколько хрюш потекут?
161 1922591
Очень глупый вопрос: когда делать отступ на новой строке, нажимаю TAB. Происходит табуляция - отступаю на 4 пробела.
В большинстве уроков по JS, где авторы работают в VS Studio, у них отступы явно меньше, где-то 2 пробела.
На какую клавишу они нажимают для табуляции? Или это я в глаза ебусь?
162 1922594
>>2591
эх вот если была бы возможность настроить такую фигню...
163 1922595
>>2591
Это настраивается.
164 1922604
>>2591
Это только синьоры могут делать.
165 1922608
TypeError: browser.downloads is undefined в консоли

Причина вот эта строчка в js файле.

browser.downloads.download

Браузер firefox

Что делать?
166 1922610
>>2594
>>2595
>>2604
В настройках поменял на 2 пробела, но в файле.js до сих пор табуляция 4 пробела.
Заработает когда новый файл.js начну?
Мozilla MDN.png3 Кб, 620x80
167 1922611
>>2608
Какой контекст ёпта? Разрешения настроил?
Capture.PNG5 Кб, 367x226
168 1922612
>>2611
Да читал я это, не дурак. Уж сюда пишу от безысходности. Даже в бэкграунд вывел его, всё бестолку.
169 1922613
>>2610
Просто прими, что программирование не твоё. Говорю же с двумя пробелами только синьоры пишут.
170 1922615
>>2611
Что такое контекст? Я просто не веб разработчик, мне нужно разово разработать плагин под себя по-быстрому
171 1922616
Какие курсы по верстке купить? Что бы упор был на css и желательно с sass/scss
172 1922617
>>0831 (OP)
Пасаны, потихоньку пилю свое модальное окно на ангуляре, вроде че-то работает, но окно должно блокировать контент под собой, чтобы нельзя было с ним взаимодействовать, пока оно не закроется (да заодно и затемнять окружающий фон), но так не происходит. Это наверное скорее вопрос к css?

На данный момент в стилях вот это:

.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 1250;
transition: 0.3s all;
}
173 1922618
>>2613
Все, настроил.
Надо новый файл.js начинать, в старом так и будет 4 пробела.
какого это, быть токсичным защеканцем, который сажает других на дизмораль просто для того чтобы на их фоне казаться выше?
174 1922625
>>2618
вот было бы круто если б оно еще в старых файлах работало как надо
жалко что нельзя так сделать...
175 1922626
>>2343
Забей. Я все равно жопой посмотрел на твой скрин. Код немного переделать надо. Не заметил одного момента
176 1922632
Так блин, когда я пишу команду npm install то где именно npm ищет пакеты для установки (кроме файла package.json в этой же директории)?
177 1922635
>>2617
Пчел. Смотри, по факту у тебя модалка должна состоять из двух блоков. Первое - это оверлей. Он должен быть растянут на всю ширину и длину экрана и затем затемнять под собой контент. Будет примерно:

.overlay {
position:fixed
width: 100vw;
maxWidth: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
zIndex: 2
}

А потом, поверх него накладывается контент модалки, в общем окно какое-то. По клику на оверлей модалка закрывается.

Ещё не забудь, что когда модалка открывается - ты по идее должен блокировать скролл страницы
178 1922636
>>2632
пакеты в /node_modules локальной
в package.json зависимости (какие пакеты должны быть в этой /node_modules)
gallery-share-1608560906716.png365 Кб, 368x627
179 1922637
>>2632

> где именно npm ищет пакеты для установки


На серверах npm наверно. Видит какие у тебя зависимости в package.json и с сервера npm происходит загрузка
180 1922638
>>2615
Контекст в общем смысле. Что пытаешься сделать, какой результат ожидаешь получить, как пытался пофиксить проблему.
Из инфы уровня "x is undefined" разве только сказать, что андефайнд потому что нету запрашиваемого объекта.
>>2616
Сасс это не какая-то особая от CSS ебанина, отдельно его учить нет смысла.
>>2617
Для такого случая у тебя должен враппер размером со страницу лежать в лэйауте. Но вообще модалы - зло. По сути служат исключительно для раздражения незнающего пользователя, так как знающий просто прибьёт твои модалы в доме.
>>2618
Это конечно круто, что ты в новом файле это сделал, но в реальных проектах будут старые файлы.
181 1922649
>>2638
Пытаюсь загрузить изображение с сайта на жёсткий диск компьютера

browser.downloads.download({
url : document.images[0],
});

вот это весь мой js по сути. Что здесь не так? Заебался уже
232476334-15399524053460.jpg39 Кб, 500x500
182 1922651
>>2632
Что за тупые вопросы. Гугли, уёбок.
183 1922653
>>2649
>>2638
А всё, анон, я уёбок. Я не знал что возвращается document.images[0] и на обум туда вставил, сейчас поставил обычную url ссылку и всё заработало. Прошу прощения.
184 1922658
>>2649
Так ты присваиваешь в `url` ДОМ элемент, а не строку ссылки на картинку.
185 1922661
>>2658
Анон, спасибо, уже дошло >>2653
186 1922678
Как лучше всего сделать адаптивное меню, которое на маленьком экране превращается в бургер? Ебаться со стилями не трогая исходный html. Или наоборот сделать отдельный компонент, полностью независимый? И уже медиазапросом показывать либо один, либо другой, не убирая элементы из дома?
react js.png63 Кб, 1242x708
187 1922683
По udemy-курсу какого ютубера стоит изучать JS/React? (знаю Владилена Минина, IT-Kamasutra, Ивана Петриченко)
188 1922685
>>2636
Только package.json? У меня npm например ругается на невозможность найти какой-то .tgz файл. Откуда он его берет - хрен его знает (это не мой проект, я клонировал удаленный репозитарий себе)
189 1922713
>>2678
Ебаться со стилями. Сделаешь два разных меню - рано или поздно проебёшься.
190 1922714
>>2678
делать два отдельных компонента. будешь ебаться со стилями - рано или поздно проебешься
191 1922718
>>2713
>>2714
Ну меню будет использовать и ссылаться на одни и те же данные. А вот если делать его только стилями, то любое изменение в дальнейшем будет производиться гораздо сложнее. Так что я думаю лучше отдельный компонент сделать
192 1922736
Господа вкатуны, что скажете за учебник Кантора learn.javascript?
С одной стороны вроде неплохо, а с другой огромные куски теории на полторы задачки, вчера сделал, сегодня уже забыл. Стоит по нему учиться или есть более годные ресурсы?
193 1922737
>>2736

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


Я уже просто js как стих учу, я заебался, кажется другого способа не существует
194 1922797
>>2737
Понимать, а не заучиввть пробовал?
image.png376 Кб, 600x467
195 1922804
>>2797

>Понимать, а не заучиввть пробовал?

196 1922805
>>2736
Ой блет, "огромные куски теории". Ты ещё Флэнагана не читал.
197 1922806
>>2797
Говно, ты? Только у сверхлюдей с харкача фотографическая память и никогда ничего не забывается.
198 1922812
>>2736

>огромные куски теории



Проиграл. Ты хоть книгу любую открой, перед тем как такую чушь говорить.
199 1922816
Если я выучу JS/Node.js/React, я смогу сидя дома у себя в Урюпинске по интернету найти работу где-нибудь в Лос-Анджелесе или Сан-Франциско? Ну или хотя бы в Москве?
Пилите прохладные, если вам такое удавалось.
200 1922817
>>2816
Я первое знаю примерно на 1%, последнее процентов на 20%. Среднее не знаю нихуя. Каким-то чудом нашел удаленку и вообще блядь не понимаю куда я ввязался
201 1922818
>>2816
Вката на удаленку оче вряд ли возьмут. А за границей возьмут, только если ты уже сеньёр, ну и инглиш отличный.
202 1922820
>>2818
А если у меня будут примеры приложений и сайтов, которые я собственноручно сделал?
203 1922828
>>2820

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


Мне кажется это и есть самое главное, что ты можешь показать. Я сделал говноприложуху чуть сложнее тудулиста, меня уже на собесы приглашать начали
204 1922847
>>2818

>на удаленку оче вряд ли возьмут


Шарагам на удаленке проще кого-то держать, но тут уже и со стабильностью тоже вопросики будут
205 1922850
>>2828
какой город? я пишу клон твиттера фронт на vue а бекенд на джанге а приглашениями и не пахнет
206 1922852
>>2683
Старайся сверяться с документацией по возможности, а так, для новичков у Минина неплохой курс, вроде как
207 1922853
Посоветуйте книгу по голому, чистому, девственному js, но хотя бы с ES6+, знаю много годных, но все старые пиздец, наверняка принципиально мало что поменялось, но все таки не хочется с упорством задрачивать книгу, чтобы потом на собесе хуем по губам поводили за незнание новых фич
208 1922854
>>2853

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


>чтобы потом на собесе хуем по губам поводили за незнание новых фич


Оу май!
209 1922866
>>2853
Расскажи, как в твоем представлении в целом возможна такая книга , с описанием всех новых фич, за коорые тебе могут поводить по губам, если книги пишутся ПОСЛЕ того, как новый фичи появляются, а не наоборот.

Ещё расскажи, пожалуйста, почему ты не тупой.
210 1922867
>>2806

>Понимать, а не заучиввть


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


Ты дебил?
211 1922876
>>2866
>>2854
Ну новых блядь не тех, которые неделю назад добавили же, хуле вы тупите. Просто есть хорошие книги, которые в последний раз обновлялись в 2008-12 году, вот там уж точно много чего будет недоставать
212 1922882
>>2876
Не бывает таких фич, которые неделю назад добавили, долбоёб.
Все пропозлы проходят путь в несколько лет, и к моменту добавления в спеку ты уже должен их должен знать. А в книжке тебе о них напишут через несколько лет, после добавления в спеку.

Еще раз, расскажи, почему ты не тупой.
213 1922884
>>2882
>>2866
Хуя самомнения у js червя
214 1922886
>>2876
Насколько я понял, надо смотреть видеоуроки и повторять за автором, а не книжки читать.
Через книжки программирование усваивается не очень.
215 1922892
>>2886
Пиздец, и как же раньше учились? Видеоуроки в ходу последние лет пять, потому что зумерки не могут сосредоточиться на тексте.
216 1922896
>>2892
У меня знания лучше усваиваются через видео + повтор увиденного на практике.
А книжки по проганью...
Ну если ты повторяешь прочитанное ручками - может чему и научишься.
217 1922907
>>2896
И зачем именно ты учишься повторять?
218 1922927
>>2683
Скачай буру, очень заебись, у этих говноедов видосы по часу, тяжело сосредоточится очень много инфы, у буры ролик пару минут, все очень понятно и доступно
219 1922930
>>2927
Who is "бура"?
220 1922934
>>2930
Юрий бура, вроде в udemi
image.png395 Кб, 600x440
221 1923015
Бля. Есть ванила js и дом элемент, надо ему прописать инлайново online аттрибут.
css.setAttribute('onload', `this.onload=null;this.rel="stylesheet"`);

Но жс считывает строку как plain текст и в html вставляет уже
this.onload=null;this.rel="stylesheet"

Вариант написать название функции и в скрипты вставить - не катит.
image.png4 Кб, 417x103
222 1923016
>>3015
и в html вставляет уже ....
223 1923030
mobx
224 1923033
>>3015
Что тебе мешает листенер повешать? Какой-то хуйнёй страдаешь.
225 1923041
>>3033
нет скриптов не станице вообще, кроме этого инлайн кусочка. Так надо. Но походу жсом не вставить. Руками-то если прописать оно работает
226 1923043
>>3041
Что ты вообще хочешь сделать? Если нет скриптов, то и жсом ничего не вставишь.
227 1923055
>>3041
Кроме какого этого инлайн кусочка. Ты setAttribute где вызываешь?
вот и вызови там

el.addEventListener('onload', fn)
228 1923056
>>3016
На этом пике у тебя не аттрибут, а на innerText
229 1923057
>>3055
Во время сборки вызываю.
>>3056
Это для понимания корявых символов.
230 1923060
Планирую начать карьеру с фриланса, есть напутствия какие-нибудь?
231 1923064
>>3057
я дебил, все работает. Всем спасибо
232 1923130
>>3060

>есть напутствия какие-нибудь?


Да. Нахуй иди.
233 1923145
>>0831 (OP)
САП, двач. Скиньте кто плз шпору по typescript. Чтобы в документации не пересматривать всякое, а можно было подсмотреть + для собесов
234 1923171
>>3145
Нахуя?
235 1923192
>>2896
Тока начал учиться по видео, в чем суть повторять, если чел на видео сам создаёт программу, а ты ее просто переписываешь
236 1923207
>>3192
Не просто переписываешь, а осмысленно, я вот когда писал по видосам не писал так как он, а хуярил по своему, если на видео писали на классах я писал на функциях и хуками, не будь мартышкой думай головой когда пишеш
237 1923224
>>3130
э бля нахуй твоя попа хороша)
238 1923226
>>3207
Дык если учусь и не дохуя знаю, как я могу выбирать способы написания
239 1923232
>>3226
Ну ебать начинать с видосиков это хуевая идея, начни с чтения mdn
240 1923234
>>3224
Понял.
241 1923248
>>3234
я твой понял ну хую пумпонил
242 1923259
>>2797
>>2867
Как ты собрался что-то понимать без заучивания всего материала, долбоёбушка?
243 1923265
>>3259
Ты блять пятиклассник ? Может еще зубрить будешь? Ебать ты мудачек
244 1923282
А если я на какой-нибудь бесплатный хостинг заливаю приложуху, чтобы у херочки пися потекла, мне код стоит минифицировать или нет? На гитхабе энивей будут сорцы лежать, кому надо тот посмотрит. А вдруг кто надо посмотрит на хостинге, а там минифицированная дрисня, и кто надо подумает, что весь код спизжен, потому и минифицирован.
245 1923283
Я шарпист и привык к тому, что стандартная либа охуенная, кроме нее достаточно поставить к проекту пару больших либ от майкрософта и одну-две либы для прикладной задачи типа враппера для телеграм/гугл апи
Но блять в реакте нихуя не так. На каждый пук по триста библиотек, а если еще и тс сверху ебнуть, то и по два враппера для этих либ. Еще и куча конфигов для реакта, тса, миллионы зависимостей и какой-то package-log.
Пиздец, как вы так пишете? Как ньюфагу вообще разобраться в том, что использовать? Или для таких как я сделали ангуляр? не тыкал в него
246 1923284
надо сначала выучить все фреймворки и кантора наизусть как стихи, а потом уже приступать к проекту, соглы?
247 1923292
>>2448
Не верю. Кинь скрин
248 1923293
>>3282
Ты что заливать собрался? Если туду или лендос то похуй, если какое-то приложение серьёзней то тебе нужно почитать доку хостинга, как происходит деплой, как настраиваются env и на хостинге у тебя уже будет лежать продакшен реди код.
249 1923298
>>3293

>Если туду


Дефайн туду блять. Вот мне кажется, что не туду нихуя, что чуть чуть шлифануть и можно заказчику отдавать (воображаемому пока что), типо есть "реальный" функционал, а не добавить айтем, удалить айтем. Как определить туду или нет?
250 1923299
>>3283
М - модульность.
Попиши на ангуляре пока
251 1923302
>>3298
Если не чятик - значит туду
252 1923304
>>3298
Давай так. У тебя есть сборка на проекте? Если да, то заливаешь build. Если нет то минифицируй в каком-нибудь сжиматоре, не знаю что сейчас есть, и залей. Никто не будет открывать твой сайт и смотреть говнокод, а вот исходники на гитхабе могут глянуть.
253 1923305
>>3302
Блять, а чатик так сложно написать что ли? По-моему нихуя.
254 1923308
>>3304

>У тебя есть сборка на проекте?


Да есть, но насколько это целесообразно вообще? Где проходит грань между туду и тем, что уже надо билдить.
255 1923311
>>3308
я не знаю, решай сам. Мне прощё на новых проектах запустить cli которые мне даст удобный воркфлоу. Если у тебя есть возможность сбилдить проект, к чему вообще вопросы, офк заливай билд.
256 1923313
>>3311

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


А как ХР вообще работает? Сама единолично решает кого на собес звать? Я боюсь, что она чекнет мое резюме, побежит показывать проект, не разберется что еще есть гит, а чел, который будет смотреть уже код скажет "ой блять, тут все минифицировано, наверное код спиздил, ну нахуй, не зови его". Кол-во кадров на рынке вполне позволяет забивать на соискателя хуй.
257 1923330
>>3313
Смотрит по твоему резюме проходишь ли ты первычный отбор, потом скидывает резюме разработчикам и они уже выбирают кого позвать можно и что посмотреть.
258 1923358
>>3313

>А как ХР вообще работает?


Запускается загрудкич, переходит в защищеный режим, запускается загрузчик второго уровня, инициализируются обработчики прерываний, подсистемы, менеджер процессов, памяти, драйвера, в конце юзерспейс.
259 1923362
>>3259
Уже выучил суммы всех существующих чисел, мань?
260 1923366
261 1923367
>>3248
Понятно.
262 1923371
>>3305
Напиши.
263 1923393
>>3283
Добро пожаловать нахуй
264 1923399
>>3283
>>3393
А еще есть дохуя прикладного говна типа scss, styled components, ssr, кроссбраузерность, стейт менеджеры, webpack, babel и еще куча разного говна и всё это как бы вообще по дефолту уже подразумевается. И это ты даже еще в бек не полез. Вот это и является главной ловушкой джаваскрипта, что ты можешь долгое время учить веб разработку даже не приступив толком к изучению js
265 1923406
>>3283

>и какой-то package-log


Сомневаюсь, что у шарпа нет своего пакетного мэнеджера. Без контроля версий пакетов хуй ты что разработаешь в команде больше двух рыл.
266 1923425
>>3371
А хуле там писать? Авторизация через гугл, бэк на ноде, который только работает с базой по пост\гет запросу с клиента, фронт который представляет из себя свалку сообщений в одном элементе, поле для ввода с минимальной валидацией и кнопку отправить.
Или я где-то не прав?
267 1923440
>>3282
мне кажется ты сипишь терминами в которых сам еще не до конца разобрался.
268 1923455
>>2805
Загуглил флэнагана, его книга дефинитив гайд, последнее издание 2020 года... стоит читать или есть лучше книжки?
269 1923465
>>3425

>Авторизация через гугл


И пользователь не может постить, когда гугл его акк терминирует. Нет уж, каноничный чат подразумевает локальную авторизацию со своей БД пользователей. Гугл максимум можешь использовать как валидатор мыла при регистрации.

>бэк на ноде, который только работает с базой по пост\гет запросу с клиента


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

>фронт который представляет из себя свалку сообщений в одном элементе


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

>поле для ввода с минимальной валидацией


Но на сервере один хуй нужна будет полная валидация.
270 1923474
>>3465

>И пользователь не может постить, когда гугл его акк терминирует.


Ну и лох, этот пользователь, значит.

>Про вебсокет забыл.


Не забыл, а не знал, теперь знаю, будет что почитать перед сном.

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


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

>Но на сервере один хуй нужна будет полная валидация.


Я, к сожалению, не ебу, что там надо на сервере, потому что бэком интересовался постольку поскольку.
271 1923483
>>3474
П.С. Ну какую-нибудь валидацию на сервере я все-таки сделать смогу худо-бедно. Вопрос зачем, если пост не удовлетворяет условиям, то, наверное, он просто не отправится на бэк. Нахуя его второй раз валидировать?
272 1923484
>>3406
Я имел ввиду именно package-lock.json, а не package.json. Не до конца понял нахуя он нужен и зачем его сохранять в гите.
Гугол говорит, что с ним у разных разработчиков могут быть разные версии зависимостей, но какого хуя? Почему бы просто не указывать точную версию в package.json?

>>3399
Пиздец, и никто не сделал свой мегафреймворк для всего? Чтобы как в шарпе было.
273 1923508
>>3483
У тебя ниеьический пробел в знаниях, коли ты полагаешь, что на бэк двнные доставить можно только с фронтом и что ты вообще хоть как-то контролируешь то, что теье на бэк приходит.

Не то, что в программировании пробел. А в целом - ты нихуя не понимаешь как устроен, хртя бы, ебучий интернет.
274 1923512
>>3425
Так ты напиши.
Потом расскажешь, все ли так просто как тебе кажется.

Если бы ты хоть раз писал, не нес бы этой хуйни. Нр если теье нравится теоретезировать, вместо повышения скилла, то на здоровье.
275 1923513
>>3508
Блять, ну похоже что да. С чего мне начать? Что-то по сетям почитать?
276 1923515
>>3474

>Ну и лох, этот пользователь, значит.


Лох в эирй ситуации только ты, который забыл, зачем ты, как специалист, вообще в цепочке производства какого-либо продукта нужен. И если ты производишь хуевый продукт, то место твое сам знаешь где.
Сиди и ппописывй сеье скриптики для личного пользования, на здоровье, раз ты политику пон изводства прикоалного по не приемлешь и не понимаешь, что пользователь для тебя царь и бог, а ты червь иипидор.
277 1923517
>>3513
С википедии.
278 1923519
>>3517
Ну лан. А в целом по компьютер саенс что можно почитать\посмотреть? А то я рили пещерный, думаю, что под крышкой процессора гномики сидят и биты с байтами передают из рук в руки. Тот самый мемный CS50?
279 1923577
>>3519
начни с изучения протокла http. от зубов должны остакивать принципы rest и все коды ответов
280 1923591
>>3483

>Вопрос зачем, если пост не удовлетворяет условиям, то, наверное, он просто не отправится на бэк.


Что мешает запрос в обход браузера отправить? Формочку с нужными полями и методом с эндпоинтом можно на любом сайте сделать и контроллировать жабаскрипт на сторонних сайтах ты не можешь.
>>3484

>Пиздец, и никто не сделал свой мегафреймворк для всего? Чтобы как в шарпе было.


Даже майкрософт бы обосралась делать один мегафреймворк для всего веба.
281 1923606
Пытаюсь сделать екоммерс сайт с возможностью реги на нем.
При этом хочу научиться в редукс. Поясните где мне его там применить можно будет и как.
282 1923612
>>3606
интереснее было бы попытаться сделать екомерс сайт без редукса
283 1923614
>>3606
Редукс тебе с регой не поможет. Максимум в нём будешь хранить токен сессии, который будешь пропукивать в запросы.
284 1923618
Как написать на js штуку которая будет воровать по копейке с банковских счетов и отсылать на мой и чтобы никто не заметил? Куда копать?
285 1923630
>>3618
Это называется налоги и для этого тебе надо в гос. шаражку идти.
286 1923663
>>3362
>>3265
А потом такие дауничи обсираются на собесах. Потому что без гугла отличить split/slice или bind/call/apply не могут. Но зато они ПОНИМАЮТ
287 1923682
Можете примерно описать, насколько быстро вы вообще работаете? Вот например есть страница какого-то товара https://www.ozon.ru/product/planetarnyy-mikser-kitfort-kt-1324-1-krasnyy-149702462/ и например нужно сделать тут то же самое, что начинается снизу от заглавия и до фоток покупателей, разумеется без серверной части, просто отображение фоток при наведении, переключение цвета и добавление в корзину. С версткой и всей логикой у конкретно этого компонента. Сколько времени должно это занимать у опытного мидла к примеру?
288 1923692
>>3682
джун делает три дня
мидл сделает за 2 часа
синьер-помидор за 30 мин накидает по своим шаблонам

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

вот и делай выводы кем быть
289 1923693
Ребзя, скиньте ссылочку на какой-нибудь онлайн-дебаггер для JS. Нужно, чтобы отлаживал не файл с компа, а чтобы прям в онлайн интерпретаторе пилить и отлаживать.
290 1923697
>>3693
vs code там встроеный дебаг
Стикер383 Кб, 512x512
291 1923700
>>3692
Проиграл
мимо
292 1923701
>>3283
Во всём жиэсе так. Библиотека на библиотеке, нахуй.
А если тебе мало библиотеки на библиотеке. то можно на библиотекку, которая на библиотеке накатить патч из гитхаба, но для этого нужно отдельная библиотека patch-package.
И везде документация с var.
293 1923710
>>3701
непонимаю бугурт, библиотеки делаются чисто под конкретные задачи и логику. Лучше быть спецом в чем то узконаправленном плане - дороже будешь стоить, чем в широком плане, где всего знаешь по чуть чуть.
294 1923714
>>3710

>непонимаю бугурт,


Отсутствие документации, криво написаный код, пиздец с точки зрения безопасности.
295 1923721
>>3701

>И везде документация с var.


Чем плох var?
296 1923722
>>3721
А чем он хорош?
297 1923723
>>3721
хойстинг для переменных остался в нулевых
298 1923724
>>3714
ну так пиши не криковой код, криворучка
299 1923727
>>3724
Кривой код уже написан, а потом ещё и растащен в зависимостях десяток библиотек, а те в свою очередь ещё на столько же.
300 1923731
>>3663
Еблан если ты заучил это не значит понял как работает, такие еблачи обсираются намного чаще при виде лишнего аргумента переданного в функцию, патамушо не учил
Иди нахуй короче
301 1923732
А насколько солидно в партфолио ждуна будет смотреться нормально написанный чятик?
302 1923733
>>3721
Областью видимости
303 1923748
>>3663

>Потому что без гугла отличить split/slice или bind/call/apply не могут


Зачем на это отвечать без гугла?
304 1923751
>>3732
чувак у меня в портфолио 17 проектов - всем похуй. это 10 лет назад ты мог кого-то удивить гитхабом
305 1923756
>>3697
Хочу в бровзере.
306 1923757
>>3751

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


Когда ты помидор, то возможно. А у джуна, как мне кажется, это показатель, что чел хоть что-то умеет, а не посмотрел видео "стать пограмистом за 20 минут".
307 1923759
>>3757
я вкатывальщик
308 1923762
>>3759
Ну значит ты что-то делаешь не так. Давно вкатываешься?
309 1923769
>>3762
дело не в этом, никто не смотрит твои гитхабы, у них свои есть
310 1923771
>>3769
Ну хуй знает. В каждой блять второй вакансии "ПОРТФОЛИО ОБЯЗАТЕЛЬНО".
311 1923777
>>3723
Учитывая, что либы импортируются как модули, вообще однохуйственно как внутри модуля переменные объявлены.
312 1923786
>>3614
>>3612
Как это должно реализовано? Я правильно размышляю или нет?
при клике купить на итеме ->онклик сохраняет в глобальную переменную редукса(или лучше в локалстор, а уже из него в переменную?) , при клике на корзину ->перекидывает на страницу корзины, которая берет инфу из этой переменной и может изменять ее количество при нажатии на -/+
313 1923790
>>3769
Вот неправда, у меня один проект на гитхабе, и то мне писали и на собесе пару раз уже говорили, что мы вот у вас посмотрели код и задавали вопрос именно по коду. Может у тебя там тудушки и подобного рода хуета?
314 1923792
>>3790
да уж не фейсбук
315 1923793
>>3786
Начни с чего-нибудь попроще, например приложуху, которая бы показывала тебе текущую погоду при вводе города в инпут
316 1923797
>>3793
Я уже такую делал. Нужно что-то с редуксом.
Вот что у меня сейчас есть:
1)Главная страница- которая рендерит карточки из фаербейс
2)Роуты на карточку, формы реги и логина
317 1923799
Посоны, посдскажите плз. Сейчас на литкоде увидел следующее решение задачи
return arr1.reduce(
(acc, cur) => (arr2.every((y) => Math.abs(cur - y) > d) ? acc + 1 : acc),
0
);

Почему этот код работает с круглыми скобками? Там же или вообще их не надо, или return {}
51wijnc-Y8L.SX379BO1,204,203,200.jpg33 Кб, 381x499
318 1923805
>>2853
7 издание вышло в прошлом году.
319 1923814
>>3455
На мой взгляд, лучше Дефинитив Гайда книги по жс в природе не существует. Лучше этого описывает язык только спецификация.
320 1923815
>>3799
Без скобок буде ошибка компиляции, если заменить на {} то придётся добавлять return и количество строк увеличится .
321 1923817
>>2853
А тебе принципиально нужна книга? Есть видосы где классно поясняется за него
322 1923818
Я ТОЛЬКО ЧТО НАПИСАЛ РЕГУЛЯРНОЕ ВЫРАЖЕНИЕ
Я это сделал сам, никуда не смотрел, просто взял и написал его и оно работает. Вот регулярное выражение которое я только что написал сам: /[("']+(.+)[)"']+/g
323 1923824
>>3815
В том то и дело, что не будет то есть

let arr1 = []
let arr2 = []
arr1.reduce(
(acc, cur) => arr2.every((y) => Math.abs(cur - y) > d) ? acc + 1 :acc,
0
);

Нормально работает. И я вообще не оч понимают откуда взялись эти ()
то есть синтаксис (arg)=>(func) - что-то странное. Почему оно работает?
324 1923837
>>3824
(Math.abs(cur - y) > d ? acc + 1 : acc, 0)

это тоже самое что и:

Math.abs(cur - y) > d ? acc + 1 : acc;
return 0;

С помощью скобок можно объединять несколько строк кода в одну. Это было сделано чтобы обойти не писать return в стрелочной функции.
325 1923858
>>3824
В этом примере действительно скобки не нужны, но вообще это объединять несколько строк в одну.
326 1923877
>>3731

>Еблан если ты заучил это не значит понял как работает


Дебил, блять. Если ты заучил весь синтаксис языка, как ты можешь не знать как он работает. Ты даун что ли?
327 1923913
>>3877
Если ты выучишь каждое отдельное слово в каком-то естественном языке, даст ли тебе это способность на этом языке строить предложения и разговаривать в принципе?
328 1923942
Посоны поясните почему так пожалуйста
let a = 1
let b = a++
let c = b++
при выводе 2,2,1

let a = 1
let b = ++a
let c = ++b
при выводе 2,3,3

let a = 1
let b = a+1
let c = b+1
при выводе 1,2,3 (как и надо)

Я что-то прихуел с логики
329 1923946
>>1883
Нет. Какие альтернативы? После styled-components на обычном CSS писать становится отвратительно.
330 1923949
Есть ли у нас конфа в телеге ?
331 1923950
>>3949
иди нахуй долбоеб
332 1923951
>>3942
1. ты присваиваешь, а потом прибавляешь 1
2. прибавил 1 и присвоил
3. как и надо
333 1923954
redux
232509369-16006865102590.png6 Кб, 225x225
335 1923956
>>3949

>Есть ли у нас конфа в телеге ?


Уёбывай.
336 1923962
>>3956
В чем проблема ?
337 1923963
>>3951
>>3955
Спасибо
338 1923965
>>3962
Тут серьёзные дяди сидят, вкатуны 35 лет после смены с завода.
Хули ты приперся сюда со своими конфочками, школьник?
339 1923969
>>1829
gatsby как вариант вместо next.js
и apollo client мастхев
react, ts, apollo(grpahql) это кор остальное вкусовщина
340 1923972
>>3969
А что если я вместо апполо уже задрочил реак-квери?
341 1923975
>>3972
Ну выучишь еще одну либу то
342 1923985
>>0831 (OP)
Чёт вчитался про Electron JS. На хабре чёт у всех пердаки горят от него. Мол веб-макаки охуели, пишут тяжеловесные приложения под ОС. Что думаете об этом?
343 1923988
>>3985
Discord и Visual Studio Code написаны с использованием Electron, являются одними из лидеров на рынке, поэтому судить нужно по таким показателям, а не "у кого-то пердак горит".
344 1923992
>>3965

>Тут серьёзные дяди сидят, вкатуны 35 лет после смены с завода.


Чел, мне всего 29. Зачем накидываешь 6 лет?
345 1923993
>>0846
Лучше редакса ничего не будет.
346 1924001
>>3992
Всего?

Долбоеб, проснись, тебе тридцатка, полжизни позади, а ты не добился ровеым счетом ничего.
347 1924002
>>3942

>Я что-то прихуел с логики


Ты и не пытался ее понять.
348 1924003
>>3519
С википелия начни, блядь. Это не шутка, ты чего какой тупой?
349 1924005
>>3769
Смотрят.
350 1924009
>>4001
Что значит ничего не добился? Я брал топ50 в одной компьютерной игре. Успешный человек успешен во всем. Так что думаю добьюсь успеха и тут.
351 1924017
>>3814
Новичок в программировании сможет переварить, или она для более прошаренных?
352 1924020
>>3682
Я бы тройку дней заэстимейтил. Часов 12 на работу, еще 4 на авралы и тестирования, еще 8 в запас.

Если в вакууме делать компонент, тогда часов 10 на все про все.
353 1924023
Сука какой же вью кривой нахуй а вьюех еще хуже, лучше реакта с редаксом нихуя пока нет
354 1924024
>>4023
Мне на работе последний месяц приходится писать на вью, после реакта у меня шок с этого поделия, особенно vuex, они ещё потом что-то про бойлераплейт говорят, лол.
355 1924025
>>4024
Библиотека будущего ?
356 1924030
>>3682
Заняло бы суммарно часа 2, но потратил бы дня 3-4 ибо апатичный лентяй и меня заебывает долго кодить.
анон 357 1924040
Вот говорят во фронтенде фреймворки и библиотеки меняются регулярно и надо все время че-то новое учить. Сколько там лет реакт уже в мейнстриме, когда его другое что-нибудь заменит, ммм?
358 1924042
>>4040
После 3-5 лет на фронте обычно уже похуй на каком фреймворке писать. Все они - суть одно и тоже, с небольшими различиями. Просто приходит осознание этих перделок как инструмента, а не какой-то определяющей характеристики.

Как с машиной - научился водить одну, потом легко сможешь пересесть с механики на автомат, или на грузовик, или даже на мотоцикл там принципы те же. При необходимости можно за пару дней научиться водить болид формулы 1. Не так как профи конечно, что из точки А в точку Б доедешь.

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

Если видишь, что кто-то исходит на говно, доказывая что МОЙ ИНСТРУМЕНТ ЛУЧШЕ ТВОЕГО - с вероятностью 99% это либо неофит, либо человек с болезненно чувствительным эго.
359 1924043
>>4030
За два часа ты бы даже верстку не закончил, не то что компонент бы сделал.
360 1924061
>>4040
Если что то и заменит реакт то это будет революция во фронте и фронтэнд в том виде в котором он сейчас просто перестанет существовать, а пока реакт более интуитивен и проще в освоении нежели другие подобные системы
361 1924066
>>3954
MobX
362 1924093
>>4042

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


Мне не похуй. Некоторые фреймворки удобнее, на других я бы писать не стал (хотя и смог бы, конечно). Хотя исходить на говно и что-то там доказывать и правда смысла мало, пусть все пишут на чем хотят.

7 лет опыта
363 1924158
>>4093
Предпочтения никто не отменял конечно.

Суть в том, что с ростом опыта для тебя не проблема писать на том, что больше подходит, а не на том, что больше нравится.

В то время как большинство споров на эту тему звучат как "Мой любимый инструмент лучше твоего а значит я лучше тебя".
364 1924168
>>4158

>большинство споров на эту тему звучат как "Мой любимый инструмент...



истинно так.
вообще большинство всех споров.
365 1924198
>>4017
Новичок сможет, но переваривать всё это будет долго. Книга очень нуб-френдли, и обсуждает каждый концепт с нуля. Это как плюс, так и минус, потому что порой будут обсуждаться самые очевидные вещи, с огромным занудством. Зато после прочтения будешь язык знать лучше чем те кто Кантора дрочит и на этом знакомство с жс заканчивает.
image.png112 Кб, 1362x625
366 1924235
>>0831 (OP)
Как там Нода? Умерла уже?)
367 1924248
>>4040
Во-первых посмотри как выглядел код на реакте 5 лет назад и сейчас. Там вообще все другое. Во-вторых тебе без задней мысли могут сказать "Славик, если хочешь, может тебя на другой проект посадить. Там ангуляр/svelte/vue. ЗП х1.5))))"
368 1924251
>>4235
что за дено?
369 1924252
Так блять, мне тут недавно заливали что require на бэке использовать "никрута нимодна" и что так никто не делает. Но постоянно бля натыкаюсь на код или статейки https://habr.com/ru/post/498996/ где везде require - с хера ли?
370 1924258
>>4252
Кто сказал?
371 1924259
>>4252
Кто тебе заливал? На ноде ес6 модули от силы год назад в стабильную ветку добавили, так что абсолютно большинство пакетов и кода написано комонЖС.
372 1924266
>>4030
>>4020
Вот я тоже немного не понимаю, там же одну верстку сделать и то времени много уйдет, пока ты всё это сможешь выровнять и сделать адаптив. А если сам js, у вас со временем уже появляются какие-то наработки, вы используете npm пакеты, или просто от руки бы все это написали за 2-12 часов? У меня много времени уходит на допиливание того, что я делаю изначально. То в мобилке что-то съезжает, то один элемент начинает конфликтовать с другим, вот это всё. Это с опытом придет?
373 1924272
You Don't Know JS еще актуален?
374 1924300
>>4272
в дополнении к кантору да
375 1924306
>>4272
Даже The Good Parts ещё актуален.
376 1924438
>>4266
Ну ты больше слушай тут сеньоров мамкиных. На словах тут тебе инстаграм за два часа напишут. А по факту за два часа даже проект не настроят.
377 1924553
Как вообще отлаживать #приватные поля в классах? Они же бля не логируются нормально, если вывести через консоль объект.
378 1924604
>>4553
Прокси.
379 1924673
Почему код alert( alert(1) || 2 || alert(3) ); отображает сперва 1, потом 2? Ведь оператор ИЛИ возвращает первое истинное значение. Если alert(1) ложь, то почему отображает 1?

Почему код alert( alert(1) && alert(2) ); отображает 1, а потом undefined?

И и ИЛИ преобразуют значения к логическому типу, но нифига не понятно как вообще преобразуется alert. Сам alert, или его аргумент?
380 1924683
>>4673
конченый жс, так ?
381 1924698
>>4673
Сперва отображается вызов `alert(1)`, а потом - вызов `alert(undefined || 2)`.
Во втором так же вызов `alert(1)`, а потом `alert(undefined && alert(2))`.
Учи скоупы чтобы не быть сишником.

>Сам alert, или его аргумент?


Дебил бля, как он тебе преобразует `alert()`, если ты вставляешь результат его вызова?
382 1924741
>>4553
Убирай # и все
Первый день что ли прогаешь? Пока ты работаешь с кодом, ты - Альфа, ты - Пахан. "Уряяя код нипазваляет мне его лагироавать! Двачик памагииии" Тебе не стыдно?
383 1924751
>>4066
redux
effector
image.png17 Кб, 606x116
384 1924753
Конструктор принимает 3 необязательных аргумента как на пикриле... Как мне передать только 2й аргумент validatorOrOpts не передавая 1й?
385 1924756
>>4753
Передать - undefined, 2ndParameter?
image.png21 Кб, 1032x101
386 1924820
Как сделать промежутки между элементами навигации больше в bootstrap? Каждый элемент это колонка. padding и mradgin делает промежутки больше везде, кроме, собственно, промежутка между колонками. Пытался p-* использовать, эффект тот же.
387 1924821
Нормальная ли это практика - вызывать функции внутри jsx? Нужно проверить какое пришло значение с сервера, и в зависимости от этого показывать цвет текста от серого до зеленого. И чтобы получить этот цвет я проверяю значение в цифрах и возвращаю строку. Значение обновляется единственный раз в компоненте в самом начале. Лучше в useEffect это провернуть, или можно в таком случае функцию вызвать прямо в jsx?
389 1924824
>>4821
да
390 1924825
>>4821
Здесь нет никакого эффекта, это вычисляемое поле, вычисляй его на каждом рендере или заверни в useMemo
image.png24 Кб, 1035x203
391 1924826
>>4822
Я же сказал, что пробовал. Вот что получается, когда я p-* использую. Мб как-то не так делаю, но я не понимаю в чем ошибка. К контейнеру чисто как в примере добавил px-4, строке gx-5, элементу внутри колонки p-5 бахнул.
392 1924831
>>4826
Да похуй что ты там сказал. В доках написано что можно - значит можно. Пришел со скрином без кода - пошел на хуй.
393 1924834
Что будет если я в том же ангуляре сделают обычные методы, вызываемые из html-шаблона и возвращающие void асинхронными, поставив перед ними async?
В смысле, это должно как-то отразиться на производительности или вроде того?
394 1924836
>>4831
Вот код разметки. Помоги, пожалуйста
395 1924837
>>4836
Блять обосрался, вот правильные скрины. Не против, что скринами код кидаю?
396 1924840
>>4837
Это пиздец, как я код со скрина буду копировать?

>>4834
Что будет если ты попробуешь?
397 1924846
>>4840

> Это пиздец


Я знаю, поэтому и спросил

> как я код со скрина буду копировать


Ну я думал, что там что-то сверхпростое, чисто посмотреть и понять где я ошибся.
Вот верстку выложил https://jsfiddle.net/4puq109x/1/
398 1924849
>>4846
.col должен быть прямым потомком .row
У тебя тут немношк намешано всего подряд - row и col здесь вроде не нужны, хватит обычного .nav и на .nav-item повесишь .mx-*
399 1924853
>>4849
Получилось, спасибо!
400 1924882
>>4024
Ну точно не семён
Разверни
401 1924883
>>4882
1. Магии слишком много подкапотной, всякого неявного
2. JSX удобнее и красивее вьюшных шаблонов
3. Vuex с его мутациями и экшнами такой же бойлерплейт, как редакс с его экшнами и редьюсерами
4. С вью нельзя нормально использовать styled-components и аналоги
5. Плохо поддерживает тайпскрипт
6. Сообщество состоит в основном из джунов и недомидлов
7. Работы меньше чем хотелось бы
402 1924886
>>4883
Ты охуел чтоли тут со своими развернутыми ответами? У нас тут таких не любят.

Точь в точь мои мысли описал.
403 1924893
Ребятки поясните про vuex, я так понял основной смысл создать стейт, дальше экшеном передать из компонента payload и в мутациях уже изменить сам стейт?
404 1924957
>>4840

>Что будет если ты попробуешь


Бля, конечно ничего. Уже пробовал, поэтому и спрашиваю. Это влияет как-то на производительность или может помогает запускать "тяжелые" методы?
405 1925008
>>4957
Нет
406 1925127
>>4893
да в экшене ты можешь либо делать запрос к апи и получать данные а потом с этими данными вызвать мутацию либо сразу из компонета вызываешь экшон с payloadом , а в экшоне вызвываешь мутацию
407 1925182
Аноны, посоветуйте литературу для изучения реакта, помимо документации и курсов, курсы смотреть не хочу так как они нудные и поверхностные, видел что есть книги но у них года выпуска 2017-2018 скорее всего уже устарели(или нет?).
408 1925183
>>5182
кроме доков ниче не надо
берешь и пишешь
409 1925189
>>5183
Вот этот сайт подойдет https://ru.reactjs.org/docs/getting-started.html ?
410 1925219
>>5189
лучше всех подойдет
411 1925238
>>5219
У реакта отвратная дока.
412 1925240
>>5219
Спасибо большое
image.png767 Кб, 800x447
413 1925248
414 1925259
Здесь есть аноны которые используют JS где-то кроме вэб, хотя бы на уровне хобби? Расскажите кулсторей.

Роботы, iot и автоматизация, моб приложения чётамещё
image.png2 Мб, 1200x749
415 1925295
>>5240
ты заходи если что
анон 416 1925300
Почему когда ставишь document.body.AddEventListener("contextmenu", function(event) { event.preventDefault(); });

то дефолтное меню не появляется на всех элементах? Боди же в конце всплытия. Какова механика происходящего?

https://jsfiddle.net/1tu0aek7/
417 1925323
>>5300
боди в конце всплытия, но в начале перехвата.
компоненты вложены один в другой: событие сначала спускается к самому вложенному, а потом начинает всплывать. как-то так.
418 1925324
>>5259
Ну, написание всякой хрени на ноде считается? Один раз даже ии для одного кубка писал, лол, весьма быстро бегало. А все, что ты перечислил до мобилок - это эмбдед, там или кресты почти без вариантов (если встраивать) или любой язык (если на серве). Кстати вертеть контроль IoT через ноду я бы не отказался, дефолтный интерпретатор питона уж слишком тормознутый, а обратно на всякие кресты для таких вещей я не хочу.
419 1925325
>>5323
да, но захват при погружении же нужно врубать отдельно, нет?
420 1925333
>>5259
Любые бытовые скрипты пишу на жс последние лет 10.
421 1925339
поясните за боты в телеге, какой там язык в приоритете?
422 1925341
>>5339
имею в виду что бы написать свой бот js с большим обьемом данных
423 1925346
>>5238
У Vue кста не лучше
424 1925404
EventEmitter в ангуляре в основном только для Output используется? Что-то больше особо его нигде не видал / не юзал
425 1925417
В чем суть кросбраузерной верстки? В чем вообще суть кросбраузерности? При верстке добавлять префиксы это уже кроссбраузерно, или еще нет? Знать всякие нюансы типо как вычисляется размер страницы с учетом скроллбара или нет? Чего и где вообще на эту тему почитать?
426 1925427
>>5417

>В чем суть кросбраузерной верстки?


Тут скорее вопрос в чём суть вёрстки под IE. В современных браузерах вёрстка более-менее одинаковая.

>Знать всякие нюансы типо как вычисляется размер страницы с учетом скроллбара или нет?


В этом деле браузеры не могут договориться, поэтому `vh`и `vw` высчитываются по-разному между браузерами.

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


Префиксы тебе должен заполнять автопрефиксер, в сырцах это слишком дохуя бойлерплейта.
427 1925435
>>5427

>Тут скорее вопрос в чём суть вёрстки под IE.


Ну то есть вся суть это знать, как сделать так, чтобы страница сносно работала на каком-нибудь древнем ИЕ?

>В этом деле браузеры не могут договориться, поэтому `vh`и `vw` высчитываются по-разному между браузерами.


Это я в курсе. Сколько еще таких нюансов?

>Префиксы тебе должен заполнять автопрефиксер


Если у меня вместе с вебпаком стоит лоадер ксс этого достаточно? Или нужно еще отдельно ставить какой-то плагин?
Ну то есть получается, что вся кроссбраузерность это такой пук в лужу в 2к21. Какого тогда хуя в каждой второй вакансии наравне с адаптивной версткой спрашивают какие-то проблемы кроссбраузерности? Что я должен буду сказать? "Вот у меня автопрефиксер расставляет префиксы, вот у меня (бабель?) заводит код на IE6." Этого достаточно?
428 1925440
>>5435
П.С. И какой препроцессор сейчас лучше изучать. Я потратил день на изучение scss, вроде во всем разобрался. Как там все работает, как этой хуйней пользоваться вместе с вебпаком. Насколько это актуально сейчас? Просто есть всякие йобы вроде постКСС и Стайлед Компонент, но в вакухах везде лесс\сасс.
429 1925462
>>5427

>В современных браузерах вёрстка более-менее одинаковая.


Да если бы блядь. Однажды на моих глазах свежесляпанную страницу, нормально отображавшуюся в хроме, дичайше РАСПИДОРИЛО в IE.
430 1925464
>>5462
да ты пиздишь просто
431 1925468
>>5462
ie уже давно многие не поддерживают а edge более менее ок

хуже что страницу может пидорасить в сафари а это говно еще и тестировать без мака тяжело
432 1925475
Есть кто работает с реактом в Котлине?
433 1925525
>>4751
Это ты тот анон, который пиарил Effector?
Стикер255 Кб, 512x512
434 1925526
>>5475

> Есть кто работает с реактом в Котлине?


Это как? Я с React Native работал
435 1925545
>>5440
Scss топчик
436 1925551
>>5545
Ну то есть на scss все еще верстают? А почему не styled components? Я еще толком не смотрел, но выглядит очень интересно.
437 1925554
>>5551
Нахуй этот ссаный компонент, запилить батон или список и так можно
438 1925561
>>5554
Так удобно же, пишешь код на реакте и сразу ксс. Кайф, не?
439 1925562
>>5561
Не
441 1925567
>>5562
Почему?
442 1925568
этому треду не хватает дискуссии
443 1925569
>>5567
Потому что есть лаконичные css modules. да и вообще кто додумался верстку через js генерировать. Для этого css специально придумали
мимо
444 1925570
>>5568
Ну а о чем дискутировать?
445 1925571
>>5570
какая разница? этот тред проходной двор
446 1925573
>>5571
Расскажи кем работаешь? Чем занимаешься?
447 1925587
>>5435

>Если у меня вместе с вебпаком стоит лоадер ксс этого достаточно?


Хуй знает что там у тебя установлено, посмотри билдовые .css файлы. Если там ехал префикс через префикс, то у тебя под капотом автопрефиксер стоит.

>Вот у меня автопрефиксер расставляет префиксы


Скорее будешь рассказывать, что не все браузеры поддерживают чистые свойства и для совместимости нужно лепить префиксные свойства, причём в особом порядке.
>>5440
Из всех препроцессоров только SASS ещё более менее живой и пытается фиксить баги совместимости со свежим CSS.
PostCSS - что-то типа главной либы для работы с CSS. Автопрефиксер - один из плагинов для него.
Насчёт либ, встраиваемых в жс код, ничего сказать не могу, так как не перевариваю их и даже от взгляда на их хелловорлды корёжит. Сейчас бы в нынешнем году стили строчками прокидывать за пределами файлов стилей!
>>5462

>в IE


>В современных браузерах


Выбери одно. Уже сама майкрософт отправила его в утиль.
448 1925590
Какой фреймворк лучше всего подходит для метапрограммирования?
449 1925591
>>5590
а что ты метапрограммируешь?
450 1925594
>>5587
То есть PostCSS в любом случае знать надо?
451 1925597
Котятки, посоветуйте плиз какую-нибудь книженцию по шаблонам проектирования и вообще ООП для Javascript (можно Typescript).
452 1925598
>>1173
думаю, главное понимать, как он работает и уметь поставить необходимые обвесы при случае, ну и канешна уметь с ним работать, хотя хули там уметь, 1 раз попробовал и усё
453 1925626
>>5594
Его так же нужно знать, как и ноду для установки npm пакетов.
454 1925657
Как лучше всего работать с svg в реакте?

1. Первый вариант просто вставлять svg как элемент, чтобы можно было изменять его любым образом прямо в компоненте, менять цвета, добавлять классы и все такое.
Проблема в том, что svg path порой бывает очень большой, и хранить такой объем прямо в коде не очень приятно.

2. Второй вариант - держать svg как отдельный компонент, принимать для него пропсы и все такое.
Но не является ли это оверкилом?

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

Как бы вы сделали?
16042061732130.jpg103 Кб, 500x500
455 1925659
>>5626
капец, это же сколько инструментов надо знать! А есть такое, чтоб просто один язык выучил, научился прогать, прорешал все 1-3 кую задачи, сделал себе портфолио и стал программистом? а не ебаться с 5 языками и 5 инструментами
image.png467 Кб, 736x736
456 1925662
>>5659

>а не ебаться с 5 инструментами


>5 инструментами


А есть еще typescript, который как бы js, но не совсем. А еще знаешь сколько весёлой ебли у тебя с одной только версткой будет, ммм, а потом ssr, стейт менеджеры, тестирование...
Все выучили, и ты выучишь.
457 1925669
>>5659

>капец, это же сколько инструментов надо знать


Сложно только пока ты вкатун. Чем больше знаешь - тем легче изучить новый язык или инструмент. Большинство из них осваиваются вообще за один-два вечера.
458 1925688
>>5569
>>5554
На стайледах удобно пропсы передавать вместо всратого пердолинга с data атрибутами

>>5659
Не боись, я после года работы на реакте (2 на js в сумме) вкатился во вью за неделю на рабочих задачах, в тайпскрипт и ангуляр тоже довольно быстро
459 1925708
mobx
460 1925717
>>5708
redux
461 1925723
>>5659
Это фронтенд и есть. Тут по сути один язык (тупескрипт очень похож), один фреймворк на выбор, инструменты вызывают трудности только первое время. Это не идет ни в какое сравнение с бэкендом, где зачастую надо и жс учить и минимум один язык под бэкенд и кучу смежных технологий, и теорию алгоритмов, и базы данных и хуйню с обменом данных и еще кучу всякой хуйни.
462 1925734
>>5657
Ну короче говоря превращение html элемента в jsx компонент сильно сказывается на производительности или можно хуй забить на это?
463 1925751
>>5717
+ redux-observable
464 1925754
>>5734
Мань, ты ведь понимаешь что в рантайме нет никакого JSX? JSX это просто сахар для вызова функции React.createElement
465 1925759
>>5754
Знаю. Вопрос в том, что есть уже готовый сам по себе html элемент, а есть еще jsx разметка, которая принимает в себя пропсы, проверяет их на типа и потом становится снова обычным html элементом. Вот и вопрос, такое преобразование вообще хоть как-то более затрано по производительности чем jsx без вложений или вообще похуй? Т.е. можно вообще не брать в расчет время выполнения отрисовки вложенных компонентов или лучше не делать компоненты многократно вложенными друг в друга?
466 1925762
>>5688

>пропсы передавать


А нахуй их передавать?
467 1925763
>>5590
esprima
468 1925767
>>5762
Чтобы в зависимости от пропсов задавать стили. Либо через дата атрибуты если на sass
469 1925784
>>5751
useReducer
470 1925796
>>5659
Учитывая, что погромирование - постоянная трансформация между языками, то тебе ещё нужно знать кресты, так как на них написаны все движки жаваскрипта. Плюс все вспомогательные языки этих движков - ассемблер, кофискрипт, раст.
471 1925797
>>5688
Пропсами ты должен стейт передавать, а не стили.
472 1925798
Че скажите за отуса? Стоит его смотреть?
473 1925819
>>5659
А есть такое, чтобы ты просто русский язык выучил и сразу стал великим русским писателем?
474 1925820
Поясните за tsconfig. Он нужен для компилирования ts файлов? А тогда что делает в вебпаке ts-loader?
475 1925833
>>5820
Тсконфиг нужен, представь себе, для конфигурации тс
476 1925851
>>5759

>Знаю.


Вот что ты, блядь, знаешь? М? Уёба? Что ты "знаешь"? Тебе сказали, что JSX это синтаксический сахар для createElement - ты НИХУЯ не понял из этого, но написал "Знаю". Что ты знаешь?
createElement это метод для DOM, который создаёт указанный нод. Тебе это, понятно, нихуя не говорит. Единственное, что сильно влияет на производительность это метод innerHTML, в JSX он не используется.
И ещё, каким это образом ты вообще собрался писать более-менее сложный JSX без вложений? У тебя даже Context-враппера вокруг твоего говноприложения нет, стейты тасуешь по деревьям пропсов?
477 1925869
>>5833
Есть ведь ts-loader?
478 1925872
>>5869
Не поверишь, но ts-loader читает значения тсконфига, чтобы их пропукать в вебпак.
Понимаю, Америку открыл, но это так.
479 1925882
>>5872
Ты кажется открыл не ту америку, зачем вебпаку тсконфиг?
480 1925887
>>5882
Зачем вебпаку тс-лоадер? Сам уже не знаешь, чего наставил?
481 1925890
>>5887

>Зачем вебпаку тс-лоадер?


Это тебя в первом посте и спросили. Пока ты какую то хуйню пишешь
482 1925892
>>5890

>Это тебя в первом посте и спросили.


Лоадеры сами себя не ставят, мы тут не медиумы, чтобы угадывать, что ты там наустанавливал в своём проекте. Пользуй `git blame` и посмотри, когда и откуда тсконфиг взялся.
483 1925893
>>5892
Это все здорово, а лоадер то что делает?
484 1925894
>>5892
Придурок тут довольно таки прозрачный вопрос про конфиг и лоадер хули тут медитировать?
485 1925903
В чем принципиальная разница между thead и th? В каких случаях использовать структуру таблица с thead/tbody, а в каком просто задать th?
486 1925908
>>5784
Хуйня для детей. Серьезные дяди пишут логику приложухи независимо от фреймворков. Детям нужно на собесах доказывать что они что-то знают, поэтому выпячивают в первую очередь фреймворки, то что легче всего понять. Показать как они архитектуру реализовали они не в состоянии.
487 1925910
Вот все пиздят сообщество разработчиков кукареку кудах а где это сообщество? Где его штаб-офис? Где база где они сука все сидят? А?
488 1925911
>>5893
У каждого лоадера есть свой гитхаб, вот пиздуй читать, что он там делает.
>>5903
th - всего-лишь строка, которая может присутстваовать даже в теле таблицы, в зависимости от её структуры.
thead же - отдельная секция в этой таблице.
sage 489 1925953
>>5911

>пиздуй читать


Ха что и следовало ожидать, опять пошли маня-маневры. Харк птьфу в твой еблет собака тупая, вопрос был задан хотя бы джунам а не уебанам
490 1925958
>>5953
Твой вопрос даже для вкатунов не годится, пиздуй дальше всякую хуйню в свой вебпак ставить, а потом с горящей жопой и тупыми вопросами плакаться в этом треде.
491 1925973
>>5958
Вопрос банально простой про лоадер и конфиг, ебать и только у уебанов полыхнуло
492 1925989

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


И это в треде про язык который не предполагает четких формулировок и уж тем более не умеет однозначно интерпритировать код, хаха поржал анон, спасибо!
sage 493 1926002
>>5911

>th - всего-лишь строка


>The HTML <th> element defines a cell

494 1926020
>>6002
Сажедебил совсем пригорел. В теле th - заголовок строки.
495 1926027
>>6002
Так строка или заголовок? Ты хоть что нибудь то можешь сказать не проебавшись?
image.png224 Кб, 480x360
496 1926083
>>5851
Знал что jsx-а в рантайме нет, дяденька :(
Но чуть дальше не погружался, спасибо, что все расписал. Двач, здесь все мои друзья
Про контекст и стейт менеджеры я знаю, пользуюсь, практикую, сильно не бейте только
497 1926193
Чому проект, который я делаю в вебшторме нормально автоматически обновляется в firefox, но не обновляется в хроме? В чем может быть причина? Что-то где-то нужно прописать? Хром такое по дефолту вообще должен уметь?
498 1926248
>>6193
Я никогда не пользовался вебштормом, но вангую, что дело не в нем. Терминал один на всей системе, один. Свой автообновлятор (реакт дев сервер, вебпак дев сервер, нодемон, хз что там у тебя) ты в любом случае запускашь из терминала. Если нет, то запускай из терминала. Хуй его знает, вебшторм это же обычное IDE.
Стикер255 Кб, 512x512
499 1926338
>>6193
Может дело в браузере по умолчанию?
image.png1 Кб, 231x30
500 1926384
как вытащить из json ответа post_id?
501 1926389
>>6384
response.post_id
502 1926392
>>6389
undefined
503 1926393
>>6384

>vk_spam


Хех
504 1926395
>>6392
А у тебя жсон через async await получен?
505 1926402
Насколько gulp вообще актуален в 2к21?
506 1926405
>>6402
И самое главное:
Reactstrap vs Material UI
507 1926416
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
508 1926426
>>6402
для смурфиков которые делают лендинги и интернет-магазины на пыхе. очень актуален
509 1927782
>>5796
Проиграл с кофискрипта
Как там в 2015 без ES6 поживается?
510 1928691
>>5659
Да, просто выучи язык С, сделай по нему лабы, прочитай K&R, всё теперь ты программист, можешь идти нахуй.
Тред утонул или удален.
Это копия, сохраненная 4 мая 2021 года.

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

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