Больше пары строк кода в посте или на скриншоте ведут в ад.
Для программирования на HTML https://jsfiddle.net
Для Node.js с консолькой https://repl.it/languages/nodejs
Если рассчитываешь получить дельный ответ, сформулируй правильно вопрос: «что я хочу получить, что я для этого делаю, что я вместо этого получаю». Если когда самостоятельно найдёшь решение — поделись в треде, мы за тебя переживаем.
Руководство для вката: https://developer.mozilla.org
Я обязательно вкачусь без вышки и опыта!
Ангуляр для грустных
Зашел тут глазком глянуть на жс и экспресс, откуда такой фетиш на коолбеки? На любой минимальный пук мы кидаем в функции коллбек
Пользователь вводит
"Я хочу"
ему добавляется
"сосать члены"
в инпуте пишется
"Я хочу сосать члены"
Но тут возникает проблема - как грамотно реализовать удаление?
то есть надо чтобы пользователь нажимая на del удалял символы не из "члены", а из "хочу". Понятно дело, можно сравнивать с прошлой версией строки, и если она уменьшилась, то обрезать "хочу", но мне кажется, должен быть менее костыльный способ.
Каким место это к алгоритмическим задачам относится, даунич? Через js это пишется на изи, но на мой взгляд это костыльное решение. Вопрос был есть ли что-то типо специального атрибута или чего-то подобного, при помощи которого можно было бы не меняя значение инпута отображать отредактированное значение в строке
Я так и пробовал.
Вот из последней попытки :
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
https://pastebin.com/aMYXystc - новый мейн.
https://pastebin.com/tiNjXSs1 - новый воркер.
Я попытался просто пример из доки на либу зациклить.
Без цикла отрабатывает нормально, а в цикле не хочет работать последовательно (.
блять объясните, зачем возвращать функцию внутри другой функции, чтобы это заработало? почему просто нельзя код из тела вложенной функции сделать без обёртки в виде функции?
// ### 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 не выполнен - нихуя больше не делать и ждать ?
если так сделать :
SyntaxError: await is only valid in async function
Ну и к тому же, мне этот кусок кода надо запустить синхронно, что бы в for потом засунуть. Т.к. последующие итерации зависят от предыдущих.
Так что запихать всё это в асинхронную обёртку не вариант.
Твои цели сложно понять, а следовательно и понять что тебе нужно. Но скорее всего тебе не хватает sleep функции:
const sleep = ms => return new Promise(res => setTimeout(res, ms));
С ней ты можешь запускать циклы в которых каждые n миллисекунд будешь проверять какое-либо условие и делать в зависимости от него какое-либо действие.
Моя цель - распаралелить генетический алгоритм (наговнокодил сам).
В один поток всё работает. Хочется заставить работать worker thread. Всё упирается в то, что пул воркеров работает асинхронно, и в цикле for эпохи запускаются одновременно.
Здесь выкладывал синтетический тест, который считает число Фиббоначи, в качестве нагрузки.
>>1921551
node -v
v15.6.0
и как потом эта обёртка в цикле for себя будет вести? я ж от этого и хочу уйти.
>>1921544
А можешь пример написать ? Я с промисами авойт асинк только сегодня начал разбираться, пока что то не ок выходит.
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
А вначале всё так просто выглядело ...
Пару лет назад во фронтенд хотел вкатиться, будучи студентом, верстал-верстал, потом JS начал учить и мне таааааак противно стало, что я бросил к хуям.
Сейчас устроился на работу в областной телецентр, но проработав несколько месяцев за 15к на должности электромеханика средств телевещания, я понял, что если я буду просто сидеть и просто работать, то никакого светлого будущего вне не видать. Решил, собственно, опять попробовать войти в айти.
Как там с рыночком? Пузырь уже лопнул? Лопнет? Не лопнет? Вкатываться смысл есть?
Спросил бы в /wrk/, но ну их.
>>1921639
Что в шапке, кстати? Почему Мозилла, а не Кантор?
https://www.youtube.com/watch?v=M7nLUzpJrJk
Во, спасибо !
Теперь всё как надо.
Спасибище, Анон !
//### 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.
>Типа есть например 6 элементов в гриде, каждый разного размера, и к примеру что всё выровнить я делаю - :nth-child(1) {...} и т.д.
Это очень расплывчато. 6 элементов там постоянно, типа виджета, или какой-нибудь рэндомный список/таблица? В первом случае хуяришь по классу на каждый уникальный элемент, во втором только дочерними селекторами красить.
Читай
Бэм - https://ru.bem.info/
и учи стиль SCSS - https://sass-scss.ru/documentation/
Гайд верстки на Scss - гугли на торентах курс Петриченко Html/css с нуля, там чел сразу настраивает окружение и npm скрипты и прочую шелуху, сразу вникнешь и на scss/Бэм после курса научишься хуярить
на юдеми касарь стоит - https://www.udemy.com/course/webdeveloper/
я за 900 покупал, можешь и с торентов если денег нет, но через юдеми удобнее, там в комментах часто проблемы разбирают
Есть область и в ней какой-нибудь квадрат.
Мы можем зажать кнопку на квадрате и перетаскивать его по области.
Тут понятно, что можно при mousedown вешать класс ("элемент активен").
А при mousemove, например, перемещать его по области.
Проблема следующая: ну зажали мы на квадрате, а отпустили мышь за пределами. Значит нужен обработчик отжатия на body, например mouseup (а в обработчике мы проверяем, что отпускаем не на квадрате).
Ну а если мы зажали и двигаем этот квадрат, двигаем... и тут курсор заходит за область. Нужно, чтобы квадрат и дальше двигался, но две проблемы: как считать координаты куда его пихать и где это обрабатывать.
По идее, в document создаём обработчик mousemove, смотрим, активен ли кважрат и двигаем его, получая координаты по .getBoundingClientRect(). И всё нормально.
Вопрос только в том... а является ли это правильным способом? Т.е. каждый раз вызывать .getBoundingClientRect() при движении - это же пиздец как расточительно и тупо.
По сути, область же всегда на месте, достаточно считать .getBoundingClientRect только при инициализации области и, например, когда документ скроллится. Т.е. создать слушателя, который будет слушать windows.scrollчто-тотам и вызывать при изменении .getBoundingClientRect(), записывая его... в data-параметры div? в объект-состояние?
Допустим, так.
Но обработчик один хуй надо куда-то вешать. Тоже слушателя создавать?
Как это нормальные люди делают, чтобы не засирать память?
Сорян за ответ ссылкой, но тебе стоит освежить свои знания DragNDrop API
https://learn.javascript.ru/mouse-drag-and-drop
Забыл собственно АПИ
https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API
Я могу перемещать что-то по экрану. Вопрос в том, что разве при наличии двух таких плагинов с перемещением, мы не получим конфликт, ведь обработчик события на документе\окне может быть только один?
Т.е. один плагин вешает на document обработчик для mousemove и второй вешает свой обработчик, в итоге обработчик перезаписан и первый плагин корректно не работает.
>Т.е. один плагин вешает на document обработчик для mousemove и второй вешает свой обработчик, в итоге обработчик перезаписан и первый плагин корректно не работает.
Если ты в тупую присваиваешь `onmousemove` - конечно.
Но вообще-то уже 2021 год и есть `addEventListener()`.
Потому что не всем это интересно.
Меня как-то спросил друг, "А че, любой может вот так вот стать программистом? Типа выучить все бесплатно и 100к зарабатывать? А че тогда все не работают программистами?"
Я говорю, мол ну ты вот че не работаешь?
Он съехал типо "Ну я гумонитарий, это не мое пук среньк".
Н
Это я понял. Вот у нас контейнер нашего плагина: желоба с перемещающимся в нём квадратом.
Если зажать на нём мышь, то можно двигать квадрат вдоль желоба.
Цель: сделать так, чтобы при зажатии квадрат двигался не только когда мышь находится в контейнере, но и когда она в любой части страницы.
Т.е. если зажать над квадратом и влево вправо водить мышью под контейнером, этот квадрат всё равно будет продолжать двигаться.
Как этого добиться не насилуя макаку? Повесить eddEventListener на document тупая идея. Всплытие идёт в потомкам, как кто-то советовал. Тогда что использовать? Поднятие?
Ответ на вопрос. Код я и сам напишу.
Мне нужно не готовое решение, а понимание того, как и почему мы делаем определённые вещи.
Не знаю, как объяснить, чтобы было понятно о чём я спрашиваю.
Давай проще.
У нас есть кнопка в контейнере.
Кнопка активируется при зажатии (именно зажатии) и деактивируется при отжатии.
По идее всё просто. Вешаем mousedown на кнопку, при зажатии над кнопкой она активируется.
Вешаем mouseup на контейнер. При отжатии в контейнере кнопка деактивируется.
Понятный функционал, я блять не знаю как проще описать.
А теперь такая ситуация - я зажал кнопку и увёл курсор из контейнера. Отжал за пределами контейнера и кнопка всё ещё активна.
Вопрос, как сделать так, чтобы отжатие вне контейнера тоже деактивировало кнопку.
Одно решение, в лоб и тупое, добавить слушателя на окно\фрейм и если кнопка активна, то деактивировать её, иначе нихуя не делать.
А другое какое? Использовать погружение вместо всплытия? Всплытие же не идёт выше элемента на который повешен обработчик. А нам надо идти до document.
Вот в этом вопрос. Или опять непонятно объяснил?
Я всплытие понимаю так, что обработчик последовательно срабатывает на всех дочерних элементах, если мы его не остановим. Доходит до элемента и останавливается. А если нам надо что-то выше - то либо вешаем обработчик выше, либо использует погружение. Но так как я про погружение слышу раз в сто лет, то его, похоже, не используют. Вот отсюда у меня и вопрос.
Чел тралибасит или Express реально мертв нахуй?
ЧЯДНТ?
Что за тупые вопросы, господи.
Суть:
На тулбаре браузера есть кнопка плагина(уже прикрутил)
Когда пользователь кликает по ней, она сканирует код html страницы на которой сейчас пользователь и если находит нужные элементы то загружает по его ссылке фото по стандартному пути загрузок браузера.
Я запорослся на моменте парсинга html кода, скажите пожалуйста прибилизетельно какими функциями и технологиями это делает, я уж сам нагуглю.
В большинстве уроков по JS, где авторы работают в VS Studio, у них отступы явно меньше, где-то 2 пробела.
На какую клавишу они нажимают для табуляции? Или это я в глаза ебусь?
Причина вот эта строчка в js файле.
browser.downloads.download
Браузер firefox
Что делать?
Какой контекст ёпта? Разрешения настроил?
Да читал я это, не дурак. Уж сюда пишу от безысходности. Даже в бэкграунд вывел его, всё бестолку.
Пасаны, потихоньку пилю свое модальное окно на ангуляре, вроде че-то работает, но окно должно блокировать контент под собой, чтобы нельзя было с ним взаимодействовать, пока оно не закроется (да заодно и затемнять окружающий фон), но так не происходит. Это наверное скорее вопрос к css?
На данный момент в стилях вот это:
.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: 1250;
transition: 0.3s all;
}
Пчел. Смотри, по факту у тебя модалка должна состоять из двух блоков. Первое - это оверлей. Он должен быть растянут на всю ширину и длину экрана и затем затемнять под собой контент. Будет примерно:
.overlay {
position:fixed
width: 100vw;
maxWidth: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, 0.6);
zIndex: 2
}
А потом, поверх него накладывается контент модалки, в общем окно какое-то. По клику на оверлей модалка закрывается.
Ещё не забудь, что когда модалка открывается - ты по идее должен блокировать скролл страницы
> где именно npm ищет пакеты для установки
На серверах npm наверно. Видит какие у тебя зависимости в package.json и с сервера npm происходит загрузка
Контекст в общем смысле. Что пытаешься сделать, какой результат ожидаешь получить, как пытался пофиксить проблему.
Из инфы уровня "x is undefined" разве только сказать, что андефайнд потому что нету запрашиваемого объекта.
>>1922616
Сасс это не какая-то особая от CSS ебанина, отдельно его учить нет смысла.
>>1922617
Для такого случая у тебя должен враппер размером со страницу лежать в лэйауте. Но вообще модалы - зло. По сути служат исключительно для раздражения незнающего пользователя, так как знающий просто прибьёт твои модалы в доме.
>>1922618
Это конечно круто, что ты в новом файле это сделал, но в реальных проектах будут старые файлы.
Что за тупые вопросы. Гугли, уёбок.
С одной стороны вроде неплохо, а с другой огромные куски теории на полторы задачки, вчера сделал, сегодня уже забыл. Стоит по нему учиться или есть более годные ресурсы?
Пилите прохладные, если вам такое удавалось.
Не бывает таких фич, которые неделю назад добавили, долбоёб.
Все пропозлы проходят путь в несколько лет, и к моменту добавления в спеку ты уже должен их должен знать. А в книжке тебе о них напишут через несколько лет, после добавления в спеку.
Еще раз, расскажи, почему ты не тупой.
css.setAttribute('onload', `this.onload=null;this.rel="stylesheet"`);
Но жс считывает строку как plain текст и в html вставляет уже
this.onload=null;this.rel="stylesheet"
Вариант написать название функции и в скрипты вставить - не катит.
САП, двач. Скиньте кто плз шпору по typescript. Чтобы в документации не пересматривать всякое, а можно было подсмотреть + для собесов
Но блять в реакте нихуя не так. На каждый пук по триста библиотек, а если еще и тс сверху ебнуть, то и по два враппера для этих либ. Еще и куча конфигов для реакта, тса, миллионы зависимостей и какой-то package-log.
Пиздец, как вы так пишете? Как ньюфагу вообще разобраться в том, что использовать? Или для таких как я сделали ангуляр? не тыкал в него
>Если у тебя есть возможность сбилдить проект, к чему вообще вопросы, офк заливай билд.
А как ХР вообще работает? Сама единолично решает кого на собес звать? Я боюсь, что она чекнет мое резюме, побежит показывать проект, не разберется что еще есть гит, а чел, который будет смотреть уже код скажет "ой блять, тут все минифицировано, наверное код спиздил, ну нахуй, не зови его". Кол-во кадров на рынке вполне позволяет забивать на соискателя хуй.
>>1923393
А еще есть дохуя прикладного говна типа scss, styled components, ssr, кроссбраузерность, стейт менеджеры, webpack, babel и еще куча разного говна и всё это как бы вообще по дефолту уже подразумевается. И это ты даже еще в бек не полез. Вот это и является главной ловушкой джаваскрипта, что ты можешь долгое время учить веб разработку даже не приступив толком к изучению js
А хуле там писать? Авторизация через гугл, бэк на ноде, который только работает с базой по пост\гет запросу с клиента, фронт который представляет из себя свалку сообщений в одном элементе, поле для ввода с минимальной валидацией и кнопку отправить.
Или я где-то не прав?
>Авторизация через гугл
И пользователь не может постить, когда гугл его акк терминирует. Нет уж, каноничный чат подразумевает локальную авторизацию со своей БД пользователей. Гугл максимум можешь использовать как валидатор мыла при регистрации.
>бэк на ноде, который только работает с базой по пост\гет запросу с клиента
Про вебсокет забыл. Или будешь дёргать сервер новым запросом на каждое сообщение? Нода уж точно от этого обосрётся.
>фронт который представляет из себя свалку сообщений в одном элементе
Угу, помню одного такого убийцу твича, чат у которого рано или поздно ронял браузер, так как хранил их всем, постоянно возрастающим, списком.
>поле для ввода с минимальной валидацией
Но на сервере один хуй нужна будет полная валидация.
>И пользователь не может постить, когда гугл его акк терминирует.
Ну и лох, этот пользователь, значит.
>Про вебсокет забыл.
Не забыл, а не знал, теперь знаю, будет что почитать перед сном.
>Угу, помню одного такого убийцу твича, чат у которого рано или поздно ронял браузер, так как хранил их всем, постоянно возрастающим, списком.
Нет, ну я не еблан. Там будет ограничение по сообщениям (штук 300 хватит мб, остальное смотреть в архиве).
>Но на сервере один хуй нужна будет полная валидация.
Я, к сожалению, не ебу, что там надо на сервере, потому что бэком интересовался постольку поскольку.
Я имел ввиду именно package-lock.json, а не package.json. Не до конца понял нахуя он нужен и зачем его сохранять в гите.
Гугол говорит, что с ним у разных разработчиков могут быть разные версии зависимостей, но какого хуя? Почему бы просто не указывать точную версию в package.json?
>>1923399
Пиздец, и никто не сделал свой мегафреймворк для всего? Чтобы как в шарпе было.
У тебя ниеьический пробел в знаниях, коли ты полагаешь, что на бэк двнные доставить можно только с фронтом и что ты вообще хоть как-то контролируешь то, что теье на бэк приходит.
Не то, что в программировании пробел. А в целом - ты нихуя не понимаешь как устроен, хртя бы, ебучий интернет.
>Ну и лох, этот пользователь, значит.
Лох в эирй ситуации только ты, который забыл, зачем ты, как специалист, вообще в цепочке производства какого-либо продукта нужен. И если ты производишь хуевый продукт, то место твое сам знаешь где.
Сиди и ппописывй сеье скриптики для личного пользования, на здоровье, раз ты политику пон изводства прикоалного по не приемлешь и не понимаешь, что пользователь для тебя царь и бог, а ты червь иипидор.
>Вопрос зачем, если пост не удовлетворяет условиям, то, наверное, он просто не отправится на бэк.
Что мешает запрос в обход браузера отправить? Формочку с нужными полями и методом с эндпоинтом можно на любом сайте сделать и контроллировать жабаскрипт на сторонних сайтах ты не можешь.
>>1923484
>Пиздец, и никто не сделал свой мегафреймворк для всего? Чтобы как в шарпе было.
Даже майкрософт бы обосралась делать один мегафреймворк для всего веба.
При этом хочу научиться в редукс. Поясните где мне его там применить можно будет и как.
>>1923612
Как это должно реализовано? Я правильно размышляю или нет?
при клике купить на итеме ->онклик сохраняет в глобальную переменную редукса(или лучше в локалстор, а уже из него в переменную?) , при клике на корзину ->перекидывает на страницу корзины, которая берет инфу из этой переменной и может изменять ее количество при нажатии на -/+
return arr1.reduce(
(acc, cur) => (arr2.every((y) => Math.abs(cur - y) > d) ? acc + 1 : acc),
0
);
Почему этот код работает с круглыми скобками? Там же или вообще их не надо, или return {}
7 издание вышло в прошлом году.
Я это сделал сам, никуда не смотрел, просто взял и написал его и оно работает. Вот регулярное выражение которое я только что написал сам: /[("']+(.+)[)"']+/g
В том то и дело, что не будет то есть
let arr1 = []
let arr2 = []
arr1.reduce(
(acc, cur) => arr2.every((y) => Math.abs(cur - y) > d) ? acc + 1 :acc,
0
);
Нормально работает. И я вообще не оч понимают откуда взялись эти ()
то есть синтаксис (arg)=>(func) - что-то странное. Почему оно работает?
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 (как и надо)
Я что-то прихуел с логики
>Есть ли у нас конфа в телеге ?
Уёбывай.
Чёт вчитался про Electron JS. На хабре чёт у всех пердаки горят от него. Мол веб-макаки охуели, пишут тяжеловесные приложения под ОС. Что думаете об этом?
После 3-5 лет на фронте обычно уже похуй на каком фреймворке писать. Все они - суть одно и тоже, с небольшими различиями. Просто приходит осознание этих перделок как инструмента, а не какой-то определяющей характеристики.
Как с машиной - научился водить одну, потом легко сможешь пересесть с механики на автомат, или на грузовик, или даже на мотоцикл там принципы те же. При необходимости можно за пару дней научиться водить болид формулы 1. Не так как профи конечно, что из точки А в точку Б доедешь.
Новичку конечно будет сложно, ему покажется что его из знакомой уютной машинки на автомате пересадили за самолет. Но только потому что опыта мало, он не видит тех похожестей, которые видит сеньор.
Если видишь, что кто-то исходит на говно, доказывая что МОЙ ИНСТРУМЕНТ ЛУЧШЕ ТВОЕГО - с вероятностью 99% это либо неофит, либо человек с болезненно чувствительным эго.
>После 3-5 лет на фронте обычно уже похуй на каком фреймворке писать. Все они - суть одно и тоже, с небольшими различиями.
Мне не похуй. Некоторые фреймворки удобнее, на других я бы писать не стал (хотя и смог бы, конечно). Хотя исходить на говно и что-то там доказывать и правда смысла мало, пусть все пишут на чем хотят.
7 лет опыта
Предпочтения никто не отменял конечно.
Суть в том, что с ростом опыта для тебя не проблема писать на том, что больше подходит, а не на том, что больше нравится.
В то время как большинство споров на эту тему звучат как "Мой любимый инструмент лучше твоего а значит я лучше тебя".
Новичок сможет, но переваривать всё это будет долго. Книга очень нуб-френдли, и обсуждает каждый концепт с нуля. Это как плюс, так и минус, потому что порой будут обсуждаться самые очевидные вещи, с огромным занудством. Зато после прочтения будешь язык знать лучше чем те кто Кантора дрочит и на этом знакомство с жс заканчивает.
Как там Нода? Умерла уже?)
>>1924020
Вот я тоже немного не понимаю, там же одну верстку сделать и то времени много уйдет, пока ты всё это сможешь выровнять и сделать адаптив. А если сам js, у вас со временем уже появляются какие-то наработки, вы используете npm пакеты, или просто от руки бы все это написали за 2-12 часов? У меня много времени уходит на допиливание того, что я делаю изначально. То в мобилке что-то съезжает, то один элемент начинает конфликтовать с другим, вот это всё. Это с опытом придет?
Почему код alert( alert(1) && alert(2) ); отображает 1, а потом undefined?
И и ИЛИ преобразуют значения к логическому типу, но нифига не понятно как вообще преобразуется alert. Сам alert, или его аргумент?
Сперва отображается вызов `alert(1)`, а потом - вызов `alert(undefined || 2)`.
Во втором так же вызов `alert(1)`, а потом `alert(undefined && alert(2))`.
Учи скоупы чтобы не быть сишником.
>Сам alert, или его аргумент?
Дебил бля, как он тебе преобразует `alert()`, если ты вставляешь результат его вызова?
В смысле, это должно как-то отразиться на производительности или вроде того?
> Это пиздец
Я знаю, поэтому и спросил
> как я код со скрина буду копировать
Ну я думал, что там что-то сверхпростое, чисто посмотреть и понять где я ошибся.
Вот верстку выложил https://jsfiddle.net/4puq109x/1/
1. Магии слишком много подкапотной, всякого неявного
2. JSX удобнее и красивее вьюшных шаблонов
3. Vuex с его мутациями и экшнами такой же бойлерплейт, как редакс с его экшнами и редьюсерами
4. С вью нельзя нормально использовать styled-components и аналоги
5. Плохо поддерживает тайпскрипт
6. Сообщество состоит в основном из джунов и недомидлов
7. Работы меньше чем хотелось бы
Вот этот сайт подойдет https://ru.reactjs.org/docs/getting-started.html ?
Роботы, iot и автоматизация, моб приложения чётамещё
то дефолтное меню не появляется на всех элементах? Боди же в конце всплытия. Какова механика происходящего?
https://jsfiddle.net/1tu0aek7/
Ну, написание всякой хрени на ноде считается? Один раз даже ии для одного кубка писал, лол, весьма быстро бегало. А все, что ты перечислил до мобилок - это эмбдед, там или кресты почти без вариантов (если встраивать) или любой язык (если на серве). Кстати вертеть контроль IoT через ноду я бы не отказался, дефолтный интерпретатор питона уж слишком тормознутый, а обратно на всякие кресты для таких вещей я не хочу.
>В чем суть кросбраузерной верстки?
Тут скорее вопрос в чём суть вёрстки под IE. В современных браузерах вёрстка более-менее одинаковая.
>Знать всякие нюансы типо как вычисляется размер страницы с учетом скроллбара или нет?
В этом деле браузеры не могут договориться, поэтому `vh`и `vw` высчитываются по-разному между браузерами.
>При верстке добавлять префиксы это уже кроссбраузерно, или еще нет?
Префиксы тебе должен заполнять автопрефиксер, в сырцах это слишком дохуя бойлерплейта.
>Тут скорее вопрос в чём суть вёрстки под IE.
Ну то есть вся суть это знать, как сделать так, чтобы страница сносно работала на каком-нибудь древнем ИЕ?
>В этом деле браузеры не могут договориться, поэтому `vh`и `vw` высчитываются по-разному между браузерами.
Это я в курсе. Сколько еще таких нюансов?
>Префиксы тебе должен заполнять автопрефиксер
Если у меня вместе с вебпаком стоит лоадер ксс этого достаточно? Или нужно еще отдельно ставить какой-то плагин?
Ну то есть получается, что вся кроссбраузерность это такой пук в лужу в 2к21. Какого тогда хуя в каждой второй вакансии наравне с адаптивной версткой спрашивают какие-то проблемы кроссбраузерности? Что я должен буду сказать? "Вот у меня автопрефиксер расставляет префиксы, вот у меня (бабель?) заводит код на IE6." Этого достаточно?
П.С. И какой препроцессор сейчас лучше изучать. Я потратил день на изучение scss, вроде во всем разобрался. Как там все работает, как этой хуйней пользоваться вместе с вебпаком. Насколько это актуально сейчас? Просто есть всякие йобы вроде постКСС и Стайлед Компонент, но в вакухах везде лесс\сасс.
>Если у меня вместе с вебпаком стоит лоадер ксс этого достаточно?
Хуй знает что там у тебя установлено, посмотри билдовые .css файлы. Если там ехал префикс через префикс, то у тебя под капотом автопрефиксер стоит.
>Вот у меня автопрефиксер расставляет префиксы
Скорее будешь рассказывать, что не все браузеры поддерживают чистые свойства и для совместимости нужно лепить префиксные свойства, причём в особом порядке.
>>1925440
Из всех препроцессоров только SASS ещё более менее живой и пытается фиксить баги совместимости со свежим CSS.
PostCSS - что-то типа главной либы для работы с CSS. Автопрефиксер - один из плагинов для него.
Насчёт либ, встраиваемых в жс код, ничего сказать не могу, так как не перевариваю их и даже от взгляда на их хелловорлды корёжит. Сейчас бы в нынешнем году стили строчками прокидывать за пределами файлов стилей!
>>1925462
>в IE
>В современных браузерах
Выбери одно. Уже сама майкрософт отправила его в утиль.
1. Первый вариант просто вставлять svg как элемент, чтобы можно было изменять его любым образом прямо в компоненте, менять цвета, добавлять классы и все такое.
Проблема в том, что svg path порой бывает очень большой, и хранить такой объем прямо в коде не очень приятно.
2. Второй вариант - держать svg как отдельный компонент, принимать для него пропсы и все такое.
Но не является ли это оверкилом?
Ну и собственно может быть где-то просто хранить сам path в виде отдельногой переменной? Но я пока никак не пойму в каком виде его можно хранить отдельно, чтобы экспортировать только самую сам path, поскольку внутри я его не меняю, там просто хранятся координаты точек. Насколько я понимаю, если у тебя сложный svg из множества path, то его в любом случае придется держать в виде jsx элемента?
Как бы вы сделали?
капец, это же сколько инструментов надо знать! А есть такое, чтоб просто один язык выучил, научился прогать, прорешал все 1-3 кую задачи, сделал себе портфолио и стал программистом? а не ебаться с 5 языками и 5 инструментами
Это фронтенд и есть. Тут по сути один язык (тупескрипт очень похож), один фреймворк на выбор, инструменты вызывают трудности только первое время. Это не идет ни в какое сравнение с бэкендом, где зачастую надо и жс учить и минимум один язык под бэкенд и кучу смежных технологий, и теорию алгоритмов, и базы данных и хуйню с обменом данных и еще кучу всякой хуйни.
Знаю. Вопрос в том, что есть уже готовый сам по себе html элемент, а есть еще jsx разметка, которая принимает в себя пропсы, проверяет их на типа и потом становится снова обычным html элементом. Вот и вопрос, такое преобразование вообще хоть как-то более затрано по производительности чем jsx без вложений или вообще похуй? Т.е. можно вообще не брать в расчет время выполнения отрисовки вложенных компонентов или лучше не делать компоненты многократно вложенными друг в друга?
>Знаю.
Вот что ты, блядь, знаешь? М? Уёба? Что ты "знаешь"? Тебе сказали, что JSX это синтаксический сахар для createElement - ты НИХУЯ не понял из этого, но написал "Знаю". Что ты знаешь?
createElement это метод для DOM, который создаёт указанный нод. Тебе это, понятно, нихуя не говорит. Единственное, что сильно влияет на производительность это метод innerHTML, в JSX он не используется.
И ещё, каким это образом ты вообще собрался писать более-менее сложный JSX без вложений? У тебя даже Context-враппера вокруг твоего говноприложения нет, стейты тасуешь по деревьям пропсов?
Хуйня для детей. Серьезные дяди пишут логику приложухи независимо от фреймворков. Детям нужно на собесах доказывать что они что-то знают, поэтому выпячивают в первую очередь фреймворки, то что легче всего понять. Показать как они архитектуру реализовали они не в состоянии.
И это в треде про язык который не предполагает четких формулировок и уж тем более не умеет однозначно интерпритировать код, хаха поржал анон, спасибо!
Я никогда не пользовался вебштормом, но вангую, что дело не в нем. Терминал один на всей системе, один. Свой автообновлятор (реакт дев сервер, вебпак дев сервер, нодемон, хз что там у тебя) ты в любом случае запускашь из терминала. Если нет, то запускай из терминала. Хуй его знает, вебшторм это же обычное IDE.
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)
ПЕРЕКАТ >>1926415 (OP)