Анончик, помоги тупому разобраться с Vue.js.
вот такой пример: https://jsfiddle.net/t78g92g6/
в консоли сыпет Avoid mutating a prop directly...
Я прописывал computed и в основном и в компоненте, нихрена не помогает, документация какая-то размытая.

>>1187489
Вот так: https://jsfiddle.net/1kho5LLh/

1. data в компоненте должно быть функцией, иначе все компоненты будут одинаково себя вести.
2. привязывать надо data а не prop.
3. data можно инициализировать из prop

Т.е. props - это данные инициализации, read only.
Всё мутабельное состояние хранится в data (это как state в React, только изменения отслеживаются автоматически - реактивность).
Свойства в data должны быть определены заранее, если хочется, чтобы они были реактивными - из props или просто значения по-умолчанию.
Если в надо менять data массив и т.п. - надо использовать Vue.set(...)

>>1187502
Быстрофикс:
https://jsfiddle.net/e40utf6b/
(value={innerText} не нужно)

>Если в надо менять data массив
Если надо менять в data массив

бамп

>>1187505
В дате в app не обновляется.

Вы заебали JS треды плодить. Чем вас со смузи-то не устроил?

>>1187568
Оно и не должно само обновляться.
Это же всё в компоненте происходит.
Инкапсуляция называется.
Надо или события постить из чайлда, или коллбек дёргать (передав его сначала как prop).

Тебе надо определиться, что ты хочешь получить.
И нужно ли тебе вообще _реактивное_ состояние (two way binding) в самом этом компоненте.

Я сейчас попробовал сделать через коллбек - работает, но, с отставанием на 1 вводимый символ, почему-то.
Надо почитать доки, потом ещё попробую, сейчас некогда.

Я сам сейчас как раз потихоньку ковыряю Vue.
И мне оно что-то чем дальше, тем меньше нравится (в сравнении с React) - как-то ограниченно всё (хотя, там можно делать расширения, и там уже ограничений нет, я даже сделал одно, но это уже гораздо сложнее).
С другой стороны - простые вещи делаются очень быстро и просто, и без доп. инструментов, редаксов-хуяксов и прочего. И оно (немножко) быстрее реакта.

>>1187572
Ты посмотри на название твоего смузи треда.

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

Но там есть ограничение:
The maximum size of a single message from the native messaging host is 1 MB, mainly to protect Chrome from misbehaving native applications. The maximum size of the message sent to the native messaging host is 4 GB.

Почему говорят комопнентА, а не компонент?
Например, дерево компонент, а не дерево компонентов?

Мне от этого люто бомбит, ведь на английском это component.

>>1187602
На английском - средний род, it.
Так что, как говорить по русски - вопрос традиции.
Наверное, считают, что так благозвучнее (нет тупого звука в конце).

>>1187591
Мне нужно, чтобы реакивно были связаны компонента и само приложение Vue, в котором стоит watch на определенные переменные.

>>1187568
>>1187591

Короче, разобрался.
Отставало на один символ потому, что я привязывался к onKeyDown и брал value, которое ещё не изменено в момент события.

Если ты хочешь использовать внутреннее реактивное состояние компонента - используй watcher (почитай про это), и из него дёргай коллбек, переданный из app.
Если внутреннее состояние тебе не нужно (именно для value) - дёргай коллбек, привязавшись по onKeyUp, или по onKeyDown, но через setTimeout(_коллбек_, 0), и дальше appText = evt.target.value;

Вот пример с коллбеком по @keyup без внутреннего состояния для value (т.е. без v-model):
https://jsfiddle.net/m205j50a/

>>1187626
watcher'ы и так стоят, проблема в предупреждении и еще в одной удивительной штуке: стоит инпут с датой в компоненте и watcher на эту переменную с jqurey.get на изменение. Так вот, когда ставишь брейпоинт на серверной стороне, начинают сыпаться xhr-запросы лавиной. Подозреваю, что в этом предупреждении проблема.

>>1187616
См. выше.

И ещё один момент.
В Vue, как бы, два вида реактивной передачи данных.
One way data flow через props - parent -> child.
И реактивное связывание через v-model - в обе стороны, но только внутри компонента.

Т.е. ты можешь менять prop из parent, и child сразу изменится.
Но, если что-то меняется в child, то наружу это можно передать либо через event (в Vue своя система событий) или через callback.

>>1187633
Да, решил через event сделать. Посмотрел пример простейшего EventBus, чтобы напрямую из компоненты $root не вызывать.

>>1187632
>проблема в предупреждении
Так не мутируй prop изнутри, лол.
Также, подозреваю, что у тебя зацикливается реактивность.
Попробуй без неё - см пример >>1187626.

Ну и перечитай то, что я написал, и внимательно посмотри примеры.

>>1187572
Забывает строгая типизация, а мы подъебываем.

>>1187635
>EventBus
Это имеет смысл, только если у тебя несколько подписчиков на событие из компонента, на разных уровнях, а не только parent.

И, если это так, то тебе лучше сразу разобраться с Vuex.
Он именно для этого, и это именно замена EventBus.
Всё равно с ним придётся разбираться, если у тебя уже сразу пошли такие расклады.

>>1187432 (OP)
Аноны помогите. Нихуя не понимаю в setTimeout. А именно как оно блять нахуй работает?

Короче, суть в том, что я решил сделать анимацию баннеров через JS. Есть две функции, в одной с помощью рекурсии setTimeout происходит смена баннера каждые 4.5 секунды, во второй функции происходит плавное понижение свойства opacity этого же баннера. Так вот, вторая функция прописывается в первой, чтоб как бы происходило плавное изменение. Вообщем, вот код:

function fadeOut(step) {
var stopVal;
if (step > 0) stopVal = 0.0;
if (step < 0) stopVal = 1.0;
var el = document.getElementById("change");
var currentOpacity = parseFloat(el.style.opacity);
if (isNaN(currentOpacity)) currentOpacity = 1.0;
currentOpacity -= step; el.style.opacity = currentOpacity;
if (currentOpacity.toFixed(2) != stopVal) setTimeout(fadeOut, 5, step);
}
var timerId = setTimeout(nextBanner, 4500, 1);
function nextBanner(i) {
fadeOut(0.01);
var elements = document.getElementById("change");
var currentBanner = elements.style.backgroundImage; var indx;
var staticPath = "\"http://172.16.2.16/static/starter-theme/images/";
//confirm(elements.style.opacity);
if (currentBanner == "url(" + staticPath + "1.jpeg\")" || currentBanner == "") indx = 0;
if (currentBanner == "url(" + staticPath + "2.jpeg\")") indx = 1;
if (currentBanner == "url(" + staticPath + "3.jpeg\")") indx = 2;
if (currentBanner == "url(" + staticPath + "4.jpeg\")") indx = 3;

indx += i; var newPath;
if (indx >= 4) indx = 0;
if (indx == 0) newPath = "url(" + staticPath + "1.jpeg\")";
if (indx == 1) newPath = "url(" + staticPath + "2.jpeg\")";
if (indx == 2) newPath = "url(" + staticPath + "3.jpeg\")";
if (indx == 3) newPath = "url(" + staticPath + "4.jpeg\")";
elements.style.backgroundImage = newPath;
fadeOut(-0.01);
timerId = setTimeout(nextBanner, 4500, 1);
}

Так вот, дело в том, почему-то ну нихуя не работает. А симптоматика следующая: функция fadeOut не срабатывает сразу, она понижает сначала opacity до 0.99 с 1.00 и ВСЕ, хотя должна понижать до нуля. КАКОГО ХУЯ?


Я ПРОШУ ПРОЩЕНИЯ у сеньоров за мой говнокод. мне вообще похуй на яваскрипт, просто нужно сделать вот это и все. я вообще на питоне лабаю

>>1187684
Причем, Анчоусы мои дорогие, отдельно функция fadeOut работает нормально

У тебя есть три секунды, что бы не думая написать какой лучший UI фреймфорк на vue.

>>1187706
нинужно.
У каждого проекта свой дизайн, свои кнопочки, свой ui

>>1187684
>http://172.16.2.16/static/starter-theme/images/
пиздец

>>1187432 (OP)
> https://github.com/vladimir37/js-thread/blob/master/Wiki/faq.md

> удивительно удобного синтаксиса

Это что за наркоман написал?

Бля, если я хочу покомпилировать js на компе мне впадлу в онлайн заходить и посоздавать массивчики и так далее, какой компилятор-то есть нормальный?

>>1187772
но js интерпретируемый язык...

>>1187776
Говно какое-то. Как же сложно переходить с байтоебства на жс. Нельзя вот так просто скачать что-нибудь и кликать на консоле jsjaff example.js, нет нужно вбивать в гугол how to run JAVASCRIPT ON LINUX и качать огромные папки like NODE.JS, который тебе нахуй 100 лет не уперся.

>>1187776
откуда скрин?
А в чем проблема в браузере? Тот же jsfiddle из шапки, вполне удобен, или просто Developer Tools хрома
А если тебе надо будет изучать архитектуру конкретного фреймворка, то тут вообще никуда не деться

>>1187785
Ставишь ноду один раз, а потом на изичах через любимый терминал пишешь:
node your_mom_is_beautiful.js

Или если проект с зависимостями, пишешь:
npm i
npm start

СЛОЖНАААА

>>1187790
>я привык в IDE форматировать код. Первое, что я попробовал, это brackets - быстрый, но хуевый. Я привык форматировать код очень часто, на автомате ctrl + alt + L. В brackets это выглядит очень хуево.

Атом вообще долго открывается. Но хуй с ним. Форматирует тоже хуево. Зато блять отступы, как на 2-ом пике он убирает, но верхние не УБИРАЕТ. Сука, как же смешно блять)

Саблимом пока не пользовался. Либо vim хуярить, чего очень не хочется, либо надеятся на этот саблим. Хз вообще.>>1187802
>Ставишь ноду один раз, а потом на изичах через любимый терминал пишешь:
>node your_mom_is_beautiful.js
Я же написал, мне впадлу node js пихать в свой кудахтер без надобности. Хотя наверное придется. Огорчение.

>>1187804
Вот я даун. не чекаю что выше писал. ну да ладно.

>>1187804
Реквестирую, почему не работает 1 скрин?

Which JavaScript library or framework would you regard as essential to you on the majority of your projects?
https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results#js-framework-essential

>>1187804
>мне впадлу node js пихать в свой кудахтер

Но, тебе придётся "пихать node js в свой кудахтер", если ты хочешь "покомпилировать js на компе", сучёнок.

Байтоёб он, блядь, ну надо же.
Байты ты свои как ебёшь?
Прямо в виме, без смазки, или, всё-таки, компилятор используешь?

>>1187804
codesandbox.io

>>1187859
>>1187888
Спасибо, но я все-таки решил на webStorm залечь. Все-таки я слишком привык уже к этой компании.

>>1187905
Но, node js всё равно придётся поставить, лол.
Если ты хочешь ES6+ и /или выполнять скрипты как консольные приложения.

>>1187772
>>1187785
>>1187804
Читаю твои посты и содзается впечатление, что ты не байтоеб, а самый натуральный долбоеб. Ты походу даже не знаешь, что термин "байтоебство" означает. У тебя такие тупые вопросы, что ты походу вообще ни разу не программировал, и тем более не занимался байтоебством на низкоуровневых языках.

>>1187723
Да заебешься под каждый свое придумывать, особенно если он не для прибыли

>>1187601
В чём проблема обменяться объёмными данными за несколько сообщений? Если твои данные превышают лимиты сообщений, то придумай и инкапсулируй в Native messaging protocol свой протокол обмена данными между расширением и нативным приложением, пакетами, где размер пакета + размер заголовка пакета укладывается в лимиты хромовских сообщений, а внутри расширения и приложения аккумулируй и сшивай пакеты.

>>1188075
Я не пробовал, но думаю что в браузере скорее всего стоит защита для такого случая. Если попытаешься разбить файл на чанки, и все их отослать в расширение и если слишком много 1мб чанков/сообщений за определеный промежуток времени отослешь, то, я думаю, браузер просто перестанет их принимать из-за подозрительной активности. Я вообще не тот анон, который изначально задавал вопрос, но стало интересно, надо будет попробовать зафигачить такое тестовое раширение, когда будет время.

>>1188124
Нахера startday, а если я буду пользоваться всю жизнь этой программой, накуя раздутая база? Алсо, moment.js

>>1188124
И причем здесь пн, не пн. У каждого дня порядковый номер.

>>1188124
Объект даты сам знает сколько дней в месяце и какой день недели в любой день.
https://www.w3schools.com/js/js_date_methods.asp
https://stackoverflow.com/questions/1184334/get-number-days-in-a-specified-month-using-javascript
В базе надо хранить исключительно дату события. Это всё, что от Date.

>>1187684
Какую-то херь запутанную и громоздкую ты накодил, держи такой вариант:
https://plnkr.co/edit/g7vQvKjLMO3yrfrMyI67?p=preview

Урлы в массиве, он передаётся в функцию параметром, как и id элемента с интервалом, вместо урлов картинки в base64 в этом примере, статикПас добавишь сам если нужно. Но это тоже хуёвый код, без всяких проверок, допилишь короче.

>>1187757
>>1188175
Спасибо за помощь. Да, сам понимаю то, что код просто невероятно ебанутый. Но срочно нужен результат, Анчоусы, да я и не мастер яваскрипта.

>>1188175
Спасибо большое, Анон. Быстро все переделал, теперь работает как надо. Добра тебе!

>>1187660
У меня там в итоге еще websocket'ы будут события отправлять и принимать.

>>1188082
Ты же уже всё разрешил манифестом и регистрацией в реестре своего приложения, поэтому на подозрительную активность ему кмк будет наплевать, он же не прослушивает какой-то эфир с кучей непонятно чего, а строго коннектится к тому , к чему прописано. Алсо не надо сразу всё посылать, там же есть колбеки, в которые вкладываешь ответы, можно положить ответ, что чанк получен, жду следующий, даже можно без колбеков реализовать - просто надо подсмотреть как там всякие tcp/ip реализованы и что-то сделать упрощенное: типа первое сообщение: запрос на передачу > ждёшь входящее сообщение с ответом что к приёму готов, посылаешь сгенерированный id для этого набора данных, номер чанка, размер чанка еще что-то и сам чанк, ждёшь пока придёт сообщение - чанк успешно получен, посылаешь следующий чанк с тем же id, опять ждёшь, последний помечаешь, что он последний, теперь реципиент может начать сшивать чанки с одинаковым id и обрабатывать, а может отложить это, принимаю следующий набор данных с другим id, и потом уже дождавшись определенного сообщения с командой оработки начать сшивать чанки с одинаковыми id. Это так примерно, там конечно много всяких подводных камней вскроется, но чисто теоретически не думаю, что там большие проблемы возникнут, я тоже с нативным клиентом не пилил, нет надобности. Хотел как-то побаловаться, чтобы в yotube-dl просто урл страницы с видео передавать, но потом забил - редко что-то качаю.

>>1188136
>>1188163
Спасибо за ответы.

В итоге я храню каждое событие в отдельном объекте, куда кладу Date и длительность события, ну и имя и прочее. Так нормально будет?

>>1187804
А для джавы тебе нужно пихать JVM. А для питухона тебе нужен питоновский интерпретатор. А для го тебе надо качать голанговский компилятор. А для шарпика тебе вообще нужна вижуал студия, которая тяжелее твоей бывшей.
Чувак, это норма качать вспомогательное ПО для окружения, в котором ты собираешься работать. А если тебе уж совсем в падлу, то иди на хуй открывай любой браузер, открывай консоль разработчика и пиши что хочешь. Проблемы на ровном месте.

Давно не следил за вебом, есть ли уже такой фреймворк, чтобы:
Сервер таки выдает хтмл, но только семантику - никаких вспомогательных/декоративных элементов, никаких классов/стилей, никаких кастомных атрибутов, максимум - айдишники на элементах лайаута.
Все остальное делает клиент, используя при этом тот же роутинг, что и серверсайд.

>>1187432 (OP)
Сделал регулярку PATTERN, она определяет, чередуются ли согласные и гласные буквы в слове, т.е. чтобы не было двух подряд идущих гласных или согласных, и в слове должно быть больше одного символа.

const VOWELS = "aeiouy";
const CONSONANTS = "bcdfghjklmnpqrstvwxz";
const PATTERN = new RegExp(`(^([${CONSONANTS}][${VOWELS}])+[${CONSONANTS}]?$)|(^([${VOWELS}][${CONSONANTS}])+[${VOWELS}]?$)`, "gi");

Вроде как PATTERN.test(word) должен возвращать true, когда word соответствует регулярке, а иначе false. Однако, он работает странно: для строчек, которые подходят под шаблон, он при первом вызове дает true, а при следующем вызове false, и дальше чередуется.
То есть [PATTERN.test("pole"), PATTERN.test("pole"), PATTERN.test("pole"), PATTERN.test("pole")] вернет [true, false, true, false]

Помогите понять, почему так происходит.

>>1188233
>которая тяжелее твоей бывшей.
ReferenceError: my_ex is not defined

>>1188233
var regex = new RegExp(`^[${VOWELS}](?:[${CONSONANTS}][${VOWELS}])[${CONSONANTS}]?+$`)

>>1188351 ->>>1188331

>>1188351
var regex = new RegExp(`^[${VOWELS}](?:[${CONSONANTS}][${VOWELS}])+[${CONSONANTS}]?$`)
Не то скопировал.

>>1188351
>>1188353
Моя регулярка работает как надо, вопрос был не об этом, а о том, почему метод test дает то тру то фолс, для строки которая под выражение подходит, а регулярка точно работает, если использовать не тест, а через саму строку вызывать match или search все работает как надо и при повторных вызовах тоже.

In: "polet".match(PATTERN)
Out: ["polet"]
In: "polet".match(PATTERN)
Out: ["polet"]

In: "polet".search(PATTERN)
Out: 0
In: "polet".search(PATTERN)
Out: 0

Но:
In: PATTERN.test("pole")
Out: true
In: PATTERN.test("pole")
Out: false
In: PATTERN.test("pole")
Out: true
In: PATTERN.test("pole")
Out: false

Что за херня?

>>1188331
>>1188485
Я думаю, что такие вещи регулярками не делаются. Поэтому и не работает.

Это задача именно для последовательного перебора.

>>1188485
Константу нельзя только переприсвоить, все поля в ней спокойно меняются, втч перемотка серча. В твоем втором примере каждая хуйня в кавычках - это новый объект.
Так что просто оберни свою регулярку в метод.

>>1188523
>Константу нельзя только переприсвоить, все поля в ней спокойно меняются, втч перемотка серча
Ясно, спасибо. Я понял, я поставил флаг глобального поиска g, поэтому он между вызовами сохраняет индекс следующий за местом последнего совпадения и ищет начиная с него. Достаточно убрать флаг g, и все работает, как задумано, там на самом деле этот флаг и не нужен, там используются символы начала и конца строки, ^ и $, т.е. либо строка сразу вся попадает под шаблон, либо нет.
>>1188513
>Я думаю, что такие вещи регулярками не делаются. Поэтому и не работает.
Звучит, как будто интерпретатор на меня обиделся и нарочно не работает, так как я ожидаю, но это же не так. Меня конкретно в этом случае интересовала причина неожиданного для меня поведения.
>Это задача именно для последовательного перебора.
Ну а как по твоему реализуют регулярные выражения? Там же ведь строчка последовательно проверяется, регулярные выражения просто способ задать условия проверки, разве не так.

>>1188207
>поэтому на подозрительную активность ему кмк будет наплевать, он же не прослушивает какой-то эфир с кучей непонятно чего, а строго коннектится к тому , к чему прописано
Ну это как бы да. Но тогда зачем они поставили это дебильное ограниение по 1 мб на сообщение, если всё равно похуй сколько ты их отошлешь? Наверно специально, чтобы мамкиным хакерам усложнить работу?

>>1188589
Чтобы долбоёбы не посылали 1ГБ/в секунду, подвешивая хром и отправляя ОС в глубокий своп, у хрома да и дургих браузеров многих таких фишечек направленных на оптимизацию производительности, энергопотребления и потребления памяти, он к примеру частоту таймеров понижает до 1000ms в неактивных вкладках. Есть два способа установки расширений - пользователем и административными политиками, если хакер сумел убедить пользователя что он не хакер или получил административные привилегии - дальше уже какие-либо защиты бессмысленны, все действия должны восприниматься как легитимные, хром лишь изредка предупреждает - что установленное в !режиме разработчика расширение что-то там изменило, отключить его? А так лимиты если и есть, то скорее всего несут цель не зафризить наш любимый суперотзывчивый гугелхром. Но это все теория - надо пробовать или читать хромиумные исходники.

>>1188331
Вместо твоей регулярной каши, легче написать обычный цикл и будет сразу понятно что код делает. Вот написал по-быстрому и работает как надо.
https://codepen.io/anon/pen/yjjQMp?editors=0011

>>1188591
Добавлю, что хакеру которому повезло установить малварное расширение тем или иным способом глупо будет спамить хромиум мусором, он лучше установит майнер, спиздит учётки, заинжектид какую нибудь рекламу, или шифранет файло натвным клиентом и потребует битки. Лимит сделн по какой-то другой причине.

>>1188602
Цикл ещё и быстрее работает, и меньше жрёт.
На этой конкретной задаче, разумеется, и на подобных.

Столкнулся со следующей проблемой при работе с Google visualization.

У меня есть 4 массива определенных чисел:

1 массив (X) чисел используется, чтобы отобразить координату по оси Х.

2 и 3 массивы (Y1 и Y2) - это координаты по оси Y, которые нужно представить в виде линий.

4 массив (Y3) тоже координаты по оси Y, который нужно представить в виде точек.

Я смог сделать линии для 2 и 3 массивов, но после многих дней поиска я так и не смог отобразить 4 массив в виде point chart. При работе с ComboChart также к успехам не смог прийти. Был бы очень признателен за помощь.

Пример:
https://jsfiddle.net/yvy6nm53/2/

Лучший пакет для сравнений https://github.com/edankwan/penis.js

>>1188659
> if(B===D) alert('true');
> penis.setBalls('foo');
> var softPenisCompareResult = B==D; // true
> var hardPenisCompareResult = B===D; // false

Лол, поржал. Даже не знал, что таким кто то занимается

>>1188659

>>1188661

Да норм угарели, там еще по соседству есть проект vagina.js. Ну тут просто угарел с комментов https://github.com/edankwan/penis.js/issues/13

Реактоёбы, поясните про MobX.
Как я понял, он позволяет делать реактивность как в Vue.
Кто пробовал - как ощущения, какие минусы, и т.д.?

>>1188685
А ты не пробовал реактивный двигатель жопу сувать?

>>1188691
Давай, снимай штаны, нагнись, и раздвинь булки руками.
Щас попробуем.

>>1188734
Начнем с того, что у тебя в переменной рандом аттак не целое число, его округлять нужно. Лучше просто так задай i <= 100.

>>1188734
>атчрандома, а у меня цикл тупо зависает и всё.
В условиях цикла у тебя стоит "i + 1". а надо либо "i++", либо "i += 1"

>>1188736
Его необязательно объявлять вне цикла

>>1188740
У него о рандомное число записывается в другую переменную, переменная i инициализируеься в условии цикла и ей присваивается значение 0. Ты чо пишешь то?

Условие у него не выполняется, потому что в правой части у инкремент неверный и условие i < random неправильное, потомоу что в рандоме должно быть целое, а не с плавающей точкой.

>>1188742
>>1188738
>>1188737
Спс, сча попробую.

>>1188750
Во-первых, у тебя корректно отработал скрипт
Во-вторых, у того инкремент переменной i был неправильный

Уже около 10 месяцев пишу на джаве, что будет, если я просто перепрыгну на typeScript или на coffee? Или все-таки довести до ума жс?

Котаны, вкатываюсь в react. Подскажите годный учебник по функциональному программированию!

>>1188822
>>1187867

>>1187432 (OP)
Заебало сидеть без работы. Посоветуйте минимальный набор технологий, чтобы устроиться на галеру в мухосрани. Изучаю HTML, JS, CSS, немного реакт. Стоит ли еще учить SASS, Underscore, Lodash?

Таки отважился на Реакт. И вот что не могу понять. Почему и в доках, и во всей макулатуре байндяд хендлеры.
this.handleClickProviderFactory = this.handleClickProviderFactory.bind(this);
Почему просто не писать хендлеры стрелочными функция в конструкторе?
Вот сделал лягушатник, подводных камней не нашёл. Всё в Incr.js
https://codesandbox.io/s/zpyk52vy4

>>1188874
С серверной частью разберись.
https://github.com/devSchacht/translations/blob/master/node-hero/full_book.md
Сделай проектик, хоть прям по этому туториалу. И ищи уже.

>>1188926
функции биндят чтобы при каждом рендере не создавалась новая функция. Ты ее 1 раз создаешь и передаешь в компонент. Если ты будешь писать стрелочные или анонимные функции, то при каждом рендере будет создаваться новая функция

>>1188927
Ты повторяешь то, что написано в документации.
Открой пожалуйста мой пример, открой консоль. Там везде отладочная печать.
Стрелочная функция у меня создаётся только один раз в конструкторе. Дальше, даже в дочерние компоненты, передаётся только ссылка.

>>1188930
ну хз. Как по мне создавать функции в конструкторе это немного говнокод. Методы в классе создаются отдельно. Можешь писать так как ты пишешь, программирование штука гибкая, но так никто не пишет + наверняка ты наткнешься на какую-то поебень с замыканиями в будущем.

>>1188931
>говнокод
Как по мне, так получается чище и структурированней.
По докам ты создаешь метод на прототипе и байнд в конструкторе, это две функции вместо одной и тот же засранный конструктор.
Никакой поебени я пока придумать не могу. Нужен случай, где это просто не будет работать.
Тем более новый подход с публичными полями это по сути и есть то, что я предлагаю, только ясней, потому что синтаксис публичных полей бестолковый.

Единственная беда, которую могу придумать, это наследоваться от своих компонентов.

class Button extends Component {
handleClick() {console.log(`hi`)
}
class WarnButton extends Button {
handleClick() {
super() // -> hi
console.log(`warn`)
}
}

Вот такое нельзя будет сделать. Но многоуровневое наследование недолюбливают доки, я и Ден наше солнышко Абрамов.
Так что я просто не могу понять, почему так никто не пишет.

>>1188926
>Почему просто не писать хендлеры стрелочными функция в конструкторе?

Это вопрос стиля. Пиши, как нравится.
Мне, например, кажется неразумным перегружать конструктор определениями функций.

Есть ещё class properties, это лучше всего.

https://github.com/facebook/react/issues/9851

Аноны подскажите как правильно валидацию делать на vue.js. Кто то советует Vuelidate, кто то руками. А что лучше то?

>>1188959
Если ты мужик, то руками.

>>1188961
я ток вкатываюсь. эт значит что я мужик?

Котаны, поясните вкатывальщику в реакт. В методе жизненного цикла компонента componentDidMount() можно получить к уже отрендеренному элементу в реальном dom.
Как применить к этому компоненту нативные методы?
Например через componentDidMount() я хочу к обьекту style получить доступ, или допустим к координатам и размерам отрендеренного элемента. Через this не работает чет.

Второй вопрос - опять же в componentDidMount() в корневом элементе я получаю JSON с помощью AJAX. Объект из JSON я записываю в state.arr корневого эл-та. Далее передаю этот state.arr массив пропсами в дочерний элемент. Он передается в дочерний элемент, и в дочернем я могу допустим в консол-лог вывести массив, но вот при попытке вывода this.props.arr - хуярит ошибку. Это именно с массивом который я по AJAX получил. Как так то?

>>1189253
Так, почитал. Для связи с реальныи dom нужно юзать refs?

>>1189266
>refs
Да.
Обычно в качестве ref используют callback.
ref={(nodeRef) => this.nodeRef = nodeRef}
Тут есть нюанс - в этом случае nodeRef может быть null при первом вызове.
Нормально, если ты просто делаешь присваивание как выше - это похуй.
А если сразу в колбеке начинаешь работать с nodeRef - - надо иметь это в виду.

Вообще, не стоит использовать стрелочные функции или bind(this) в render(). Могут быть лишние update. Надо понимать, что в этих случаях каждый раз создаётся новая функция.

Лучше определить колбек как стрелочную функцию в конструкторе:
this.refCallback = (nref) => {...};
В этом случае она будет вызываться только когда нужно, и там не будет null.
Или можно определить это как метод и сделать:
this.methodName = this.methodName.bind(this);
в конструкторе.
А потом ref={this.methodName}

Рекомендую ещё читнуть вот это:
https://twitter.com/dan_abramov/status/752936646602031104?lang=en

И вот это (про bind в render):
https://medium.freecodecamp.org/why-arrow-functions-and-bind-in-reacts-render-are-problematic-f1c08b060e36

>>1189438
Надо читать комменты к твиту.

>>1189253
Доборо пожаловать в пидерастию джейэсных фреймворков.

>>1189253
Если хочешь менять style, возможно лучше делать декларативный ререндер, вместо сайд эффектов в didMount

>>1189438
Тогда скажи мне пожалуйста еще одну вещь.
В нативном dom я могу получить детей элемента, могу получить отдельный child - elem.children[0], например.
Очень удобно для манипуляций. В react есть что то подобное?
Или я все еще не вкурил его подход?!

https://www.shipmap.org/
Прикольно как. Тис из WebGL.

Котаны, я тут маня-вкладку наговнокодил на react. И возник такой вопрос :

у меня есть дефолтное сосостояние стэйта. Событием я его меняю. Но console.log в обработчике не фиксирует что стэйт изменился.
А вот console.log в render стэйт уже фиксирует изменения.
Получается нужно на вкладку два раза нажимать что бы она открылась.
Почему так?

вот кодепен
https://codepen.io/anon/pen/GdXKeY

>>1190259
Ну и говнище лагучее

Ой в пезду, рендеры, дефолты, стрелочные функции. Перекачиваюсь в разработку нативного софта.

>>1190310
А что ты хотел, эта же вебтехнологии, которые жрут больше чем надо. На нативном софте это бы летало в 60фпс на древнем компе. Лично у меня этот сайт плавно работает, но у меня и комп довольно мощный и актуальный.

Гандоны из РКН заблокировали подсети heroku, на котором хостится мой курсач на ноджсе.
Куда еще можно легкий сервак быстро и бесплатно захостить? Чтобы без подводных камней с указанием карточки и проебом средств с нее.

>>1190404
Amazon разве что еще знаю, но пиздец у них там ФУНКЦИОНАЛА, там вообще без гайдов уровня "тыкни сюда, перейди сюда, нажми это" не разобраться.
Гугли видео-гайды по хостингу ноды, какие-то за 2017-18 года, с ними быстрее поймешь.

>>1190207
По ref ты и получаешь нативный dom-элемент.
Конечно, если это ref из dom-элемента - div, span, etc.

Если это реф из компонента - надо уже в компоненте настроить реф(ы) на нужный элемент или элементы. Почитай комменты к тому твиту.

Ну, и на крайний случай (напр. если компонент чужой) - есть findDOMNode().

>>1190404
zeit now даже проще heroku

>>1190207
>Очень удобно для манипуляций.

И да, скорее всего, ты что-то делаешь не так.
Например - ломишься в открытую дверь.

Зачем тебе манипулировать нативными элементами, если у тебя есть реакт, который сам ими манипулирует лучше тебя?

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

Дело в том, что весь рендеринг идёт в виртуальный dom, а реальный потом рендерится только в изменившихся местах.

Дай уже себе труд прочесть, хотя-бы, getting statrted на их сайте. Там в конце (Thinking in React) делается простое приложение.

Для пущей оптимизации можно оверрайдить метод shouldComponentUpdate() - можно убрать лишний рендеринг даже в виртуальный дом (актуально для больших списков со стейтами - выбор строк и т.п.).

>>1190266
>https://codepen.io/anon/pen/GdXKeY
У тебя там фигня какая-то.
Ты чего хотел добиться, вообще?

Два момента:
1) В Реакт синтетические события, не нативные.
Сделай console.log(e) и всё увидишь.

2) Чтобы компонент изменился - надо снаружи (из родителя) менять ему prop. На стейт никакой реакции нет (это же не Vue). Стейт - внутреннее дело компонента.

>>1190501
Если менять state через setState — он ререндерится

>>1190506
Да, это я не подумавши написал.
Но, я начинающий реактоёб, мне можно, лол.

Господи какое же говно этот реакт, столько лишнего оверхеда с собой тащить, даже для какого-то мелкого сайта. Еще блять этот ебучий виртуальным ДОМ. Javascript и так в браузерах как сэндбокс работает, так нет, этим ебнутым хипстерам реакта еще больше абстракции надо, чтобы блять еще больше ресурсов жрало.

>>1190549
Ты определённо чего-то недопонял.
DOM (реальный) - очень медленный.
JavaScript (вообще, и вирт. DOM в частности) - довольно быстрый.
Виртуальный DOM - для скорости, а не потому что "абстракции".

Реакт охуенен.
Но, до понимания этого надо дозреть.

Алсо, если ты больше "верстальщик", а не программист - попробуй Vue, может быть лучше пойдёт.
Там тот же вирт. дом, но есть two-way binding как в Angular.
Есть свои события и т.п. Т.е. это больше фреймворк, чем библиотека.
Т.е., если React - это только View (V), то Vue - это MVC (MVVC).
При этом нет всей той ебанины, которая есть в ангуляре.

Вообще, если надо быстро вкатиться в современный фронтэнд на JS, то Vue - лучший выбор. Ничего лишнего не надо вообще, ни бабелей, ни ноды, ни редаксов-хуяксов, вообще нихуя.
Просто браузер, Vue и ES5.

В какой фреймворк лучше начинающему веб-гугломисту вкатиться, если планирую осенью искать работу в ДС?
2 года назад трогал ангулар, тот, который 1-й, но он уже никому не нужен, верно? Учмить новый ангулар, или реакт?

>>1190501
>>У тебя там фигня какая-то.
Я похоже залез позже и все сломал.
>> На стейт никакой реакции нет (это же не Vue)
Ахуительные истории. Впрочем ты сам себя поправил.
То что меня волнует - это асинхронность setState -а. Там еще какая то магия для меня. Что бы сразу схватить изменения в state - нужно в setState отправлять коллбек.

>>1190489
Да я читал. Просто после нативного JS нужно немного перестраивать восприятие. Но пожалуй перечитаю)

>>1190685
>Азат Мардан
Ты чо сука офигел?

>>1189253
>но вот при попытке вывода this.props.arr - хуярит ошибку.
Пропсы рид онли. Сохраняй в this.pizda

>>1190685
>книги
>разработка
Какого это, обучатся по методичке которая устареет пока несешь ее из магазина домой?

>>1190789
Я выбираю такие методички, которые не завязаны на конкретные версии, и не являются пошаговыми руководствами.

>>1190777
Он этнический турок, насколько я помню.

Поинтересуйся, кто разрабатывает PrimeFaces, например (https://www.primefaces.org, https://www.primefaces.org/primefaces-team/).
Настоящие турецкие турки.

PrimeFaces - это JSF, в основном, был.
Теперь - и JS.

Вот сюда ещё посмотри: http://azat.co

Дети, блядь, вам к экзаменам надо готовиться, хули вы тут делаете?

>>1190856
> PrimeFaces
Пиздец, я думал, готовые интрыпрайзные рюшечки в первой половине 2000х уже сдохли, вместе с Oracle Forms и прочей RAD-Wizard-based-хуетой.

>>1190869
PF - это ведущая реализация JSF.
Ты, очевидно, об этом не знал.
Как и о существовании JSF, собственно.
Ну, и сколько стоит твоё мнение по этой теме?

Кто-нибудь под виндой ебался с установками пакетов, требующих node-gyp?
Мне нужно поставить raw-socket, а эта хуйня вечно ругается на отсутствие node.h. Пистон 2.7 стоит, C++ хуйня стоит, все это определяется node-gyp'ом, но вот сука node.h он не видит.

>>1191127
>чувствую, как будто измазался в говне.
Так и есть.

>>1187432 (OP)
Ананасы, подскажите годные курсы по алгоритмам на жаваСкрипте для новичков, можно на ангельском.

>>1191127
А Future там есть?
Это, обычно, помогает.

Алсо, открой для себя функциональное программирование. А то, что-то градус баттхёрта у тебя несколько выше нормы, лол.

>>1191355
Спасибо, книгу немного читнул реально очень интересная.

>>1191127
Нет такого юзкейса, чтобы блокировать однотредовый язык, поэтому все неблокирующее.

>>1191349
После открытия [Head|Tail] и иммутабельности жаваскрипт каким-то образом пропадает из жизни? У меня не пропал.
>>1191410
Понятно, что это костыль, призванный сгладить хуевость самой архитектуры языка, но блять, когда тебе приходится делать даже запуск ебучего сервера асинхронным из-за куска низкоуровневого кода для БД, который притянул асинхронность наверх, то осознаешь, насколько это пиздец.

>>1191438
Я имел в виду, что фп даёт понимание того, как сделать такое асинхронное программирование более удобным.

ФП - это не head|tail и иммутабельность, это value oriented, прежде всего. И конвейер. Вместо императивной дрисни из колбеков ты работаешь со значениями - future и т.п.

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

А async/await - это для программистов на бейсике, которым вдруг стало надо писать асинхронный код.

>>1191472
Да он долбаёб очевидно, раз про промисы не знает.

>>1187432 (OP)
Вообще похуй. Проблемы хохлов - не мои проблемы.

Сап погромисты!
Мне нужно накатать небольшую программу, используя Node.js
Есть какие-нибудь проверенные места, куда можно обратиться, чтобы за адекватный донат сделали?

>>1191535
Толсто.

>>1191438
Не понятно почему для тебя это такое большое дело. Чейнишь промисы и все прозрачно и нормально.

>>1191540
Я могу сделать практически за бесплатно, если ты разрешишь этот код выложить на гитхаб и не сильно ограничен во времени. Интересует?

>>1191581
Потому что мне физически больно, когда дизайн низкоуровневого компонента влияет на дизайн высокоуровневых. Если бы у этого монго драйвера были асинхронные версии методов, то я бы с таким же успехом воткнул этот костыль для неблокирующнго кода на верхнем уровне, где он реально нужен. Но из-за одной ебучей либы мне теперь нужно оборачиваться в монады или хуярить async/await на каждый чих.

>>1191610
Это дизайн node.js
Здесь единая репрезентация всего IO и оно неблокирующее в наиболее простом и прозрачном виде — continuation-passing style

>>1191629
читай про DOM

>>1191641
В таком случае это просто не твоё, смирись.

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

>>1191645
яб выебал

>>1191629
Задавай конкретные вопросы под конкретную задачу, в том числе и себе. Не хуйню вроде "я ничего не понимаю. объясните мне все", а "как найти первый элемент с классом .zalupa и вставить после него свежесозданный элемент с класс .hui".

>>1191649
если бы все всё понимали сразу, то для вката хватало бы месяца. Просто читаешь и без задней мысли делаешь тоже самое, что и в книгах. Через месяц джун, через 2 мидл, а через 3 сеньор

>>1191629
>мб я где-то проебался на начальном этапе с хтмл
Да.

Вот этот чел прав >>1191649 Если ты уже на самых простых вещах тупишь, то дальше тебе пизда. Читай все заново. Если после второго раз так же ничего понимать не будешь, то значит программирование не твое у тебя просто не достаточно высокий IQ

>>1191664
А с чего ты взял, что программирование даётся каждому? Чтобы кодить, нужно иметь своеобразный склад ума. Почти все мои одногруппники после получения диплома программиста шли работать не по специальности, потому что сложнааа, ой всё...

>>1191671
потому что это обычный скил, который преобретается путем задроства и практики. Читай-тренируйся-читай-тренируйся. Через месяц-два-три-пять что-то начнет получаться. Да, возможно свою фреймворк ты не напишешь, но быть обычно макакой, формашлепом за 90к в месяц-под силу всем.

>>1191680
А ты сам сейчас кем работаешь и где?

>>1191683
Нигде не работаю, я тут это... кхм... диваный эксперт.

>>1191671
В этом виноват не склад ума, а российская система образования. В программировании нихуя сложного или уникального нет, просто это слишком молодая дисциплина с кучей объективно хуевых практик и убеждений, которые тем не менее педалируются их адептами как нечто хорошее. Отсюда и кучи макак, которые учатся по учебнику, в котором после объяснения базового синтаксиса им говорят "ну а теперь мы будем говнокодить свой сервер", а не прививают дисциплину разработки/тестирования.

ЖС в этом плане отличный пример, любой желающий его изучить сразу же наткнется на кучи говноучебников по фронтенду, где код предлагается запускать через браузер, где о тестировании ты услышишь краем уха и тут же забудешь, потому что в браузере гонять тесты слишком муторно и ни один учебник этим не занимается, максимум опишет в конце какую-нибудь BDD-мочу с кучей магически появляющихся global-методов, хуков, коллбэков и моков, вместо простого как палка TDD фреймворка с тремя assert'ами, которых хватает за глаза.

>>1191695
По подробнее пожалуйста.

>>1191695
>>1191720
>TDD фреймворка

>>1191604
Да мне вообще непринциально, куда ты его выложишь, мне даже не нужны права на этот проект.
Пиши на фейкомыльцо testrgsc1@mail.ru

>>1191721
https://github.com/substack/tape пока самое лучшее, что я видел в ЖСе.

>>1191629
Чет ты перемандил. В DOM как раз все прозрачно кристально. Читай Кантора еще и раз, и крайне внимательно. У него зачастую для понимания важно прямо таки отдельное слово. Очень внимательно читай, и сразу тести все в песочнице.

>>1191671
А этого не слушай. Нет никакого "склада ума", есть желание, упорство и интерес.
Человек с пика, Кнорозов Юрий Валентинович, разгадал шифро-письменность майя. Он как то сказал - не существует того, что могло быть создано одним человеком, и не понято другим.
Вопрос только в задротстве.

Подскажите годные интермедиэйт или адвансед курсы по жс.

>>1191751
Пишите свое.

>>1191726
Я нуб, слышал пару раз про какие-то тесты, но нихуя не понимаю как ими пользоваться. Это типа как assert или что?

>>1191783
В браузере пользоваться только через жопу, устанавливай ноду и разбирайся с ней в первую очередь.

>>1191792
Ну она у меня есть, с ней я и дебажу код, который не в доме. А что с этим тестом делать?

>>1191821
Ну блять, пользоваться как и любым node-package, устанавливаешь, пишешь тест и гоняешь через tape file.js или tape test//*.js

>>1191535
>>1191571
>JavaScript Allonge
>Глянул в эту книгу, там полно фоток кофе и кофеварок. Понятно на кого эта книга расчитана.

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

Но, это обманчивое впечатление.
На самом деле - это весьма годная книга.

Я её даже купил за деньги на leanpub (давно уже).
Сейчас она есть в двух вариантах - оригинальная, и переписанная под ES6.
Правда, продают отдельно, т.е. если есть первая, вторую всё-равно надо покупать за полную стоимость.

>>1191649
>Прототипирование

Значение знаешь?

>>1191877
Хуйню написал, дициплину можно и нужно прививать с самого начала, так работает любое обучение любой серьезной профессии. Если васян приходит в программирование, считая, что это "творчество", а не инженерная профессия, то да, от насаждаемой дисциплины от выкатится, но этот васян не стал бы инженером или врачом, схуев ли он должен стать программистом?
Дисциплина не может быть вредна, ее нельзя включить-выключить, либо ты пишешь код, следуя каким-то правилам, либо нет. Либо у тебя есть ответственность перед потребителем твоего кода, либо нет. Я считаю, что любому вкатывальщику после изучения базового синтаксиса нужно сразу же проводить введение в TDD и юнит-тест фреймворк в его языке. Это пиздец как ускоряет процесс изучения и позволяет сразу же писать поддерживаемый и полностью покрытый тестами код, который легко рефакторить в будущем.

>>1191945
>школьник понахватался модных слов и вставляет их везде, не понимая значения

>>1191951
>пук
По делу серани.

>>1191945
Двачую, вкатился без знаний юнит-тестинга(нормальных знаний, а не как проверить на иммутабильность массив), теперь как-то тяжело. Стоило это все постепенно делать.

>>1191945
>считая, что это "творчество", а не инженерная профессия

Это творческая инженерная прфессия.

Алсо, твоё неприятие BDD ( >>1191695 ) и акцент именно на юнит-тестах и "покрытии" довольно много о тебе говорит.

>>1191969
define творческая.

В том посте говорилось про конкретный фреймворк с конкретными проблемами, а не про BDD в целом. Хотя эти же самые проблемы возникают почти с любым BDD-фреймворком в любом языке, что заставляет задуматься. Но в целом да, я не вижу смысла в BDD, TDD всегда дает лучший результат в плане архитектуры кода и покрытия тестами.

>>1191984
Анус свой протестировал, питушок?

>>1187432 (OP)
Просто оставлю здесь вот такой скрипт:
https://codepen.io/anon/pen/MGPZmE

неужели ангуляр 2+ фсе?

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

мимо джава-господин недофуллстекер

>>1192037
А зачем нужно это монструозное поделие? В топку вместе с реактом, Vue наше все.

>>1192019
Ты че, индус?

>>1191695
>российская система образования

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

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

>>1189485
Реакт не фреймворк.

>>1192064
>Реакт не фреймворк.

Фреймворк. Просто онли для UI. Вообще, забавно тренды складываются, на заре смузипараши версий 0.x.x, были наоборот фреймворки вроде эмбера, где "вот вам модель-контроллер, а с гуйней ебитесь как хотите", потом появились фреймворки "все-в-одном" вроде жиргулара, а вот теперь "вот вам онли для гуйни, а с остальным ебитесь сами"

>>1192091
Ты тролишь или что?

>>1192107
Что не так, мань? С буйней вашей асинхронной что ли делать?

>>1192037
Пока еще жив. Суровый легаси бизнес на нем в основном. Суровый бизнес сегодняшнего дня в основном на реакт.
Смузи хлебут вместе с Vue, в основном неосиляторы простоты реакта или ужаленные абстрактными фабриками ангуляра

>>1192104
Ну а хуле мне ещё?

>>1192129
>AJAX
Значение знаешь?

>>1191832
Я не понимаю смысл этих тестов. Дай хоть пример какой-то.

Читаю Кантора и много чего не понимаю. Есть какой-то другой, похожий по структуре источник знаний с заданиями релевантными к главе?

>>1192273
Приведи пример непонятного. Я сейчас тоже читаю этот учебник, сегодня добрался до третьего раздела. Все понятно (кроме одной главы о побитовых операциях, которую я пропустил).

Из чего портфолио собирать, Аноны? Сначала вкатывался в верстку, там все понятно - верстай макеты и лей в гитхаб. Потом понял что непосредственно программирование для меня интереснее. Что можно сделать, чтобы показать свои навыки в js работодателю?

>>1192323
Ты кокой-то агрессивный. Зачем мне отправлять через какой-нибудь ватсап архив с вёрсткой, если я могу её залить на удалённый репозиторий, да еще и тем самым показав, что умею пользоваться гитом?
Как по твоему сайты верстаются, если над ними несколько людей работают? Лишают себя возможности пользоваться ветками, потому что ты запретил?
Ну и мой последний аргумент - лью на гитхаб, потому что просто хочу, лол. Может я чувствую благоговейный трепет, когда мои пальцы набирают "git commit -m", а музыка из щелчков клавиатуры в этот момент для меня сравнима с красотой нетленок Жоки? Хули ты доебался-то, блять? Вопрос вообще не об этом был.

>>1192330
> я могу её залить на удалённый репозиторий, да еще и тем самым показав, что умею пользоваться гитом?
>Может я чувствую благоговейный трепет, когда мои пальцы набирают "git commit -m"
Этот дегенерат думает, что гит и гитхаб это одно и то же, лооооооооол.

>>1192334
А ты думаешь, что разбираешься лучше меня в программировании, хоть и делаешь ошибку в индуктивной логике, лол. Потому что по другому прийти к такому выводу ты не мог.

>>1192334
> что гит и гитхаб это одно и то же
Я другой анон, и так не понял где он это написал. Или ты доебался потому что увидел что-то тебе знакомое? По делу ответить не смог, так решил еще и обдрыстаться тут на всю ветку?
P.S. Больше картинок. Покажи эрудицию, плиз.

Дети, идите в /b, пожалуйста.

Кто тут читает Кантора? У него есть английская и русская версия. В английской версии вроде больше инфы?

>>1192351
На английском вообще больше инфы.
Раз примерно в 9000.
И какой смысл читать этого вашего Кантора в корявом переводе с русского, лол?

У него вообще учебник так себе. Именно как учебник.
Единственное достоинство - что на русском.
И то, достоинство это для тех, кто не может в английский.

Вообще, я бы рекомендовал избегать учебников по программированию, написанных русскоязычными авторами.
Есть и исключения, наверное, но я так сразу и не вспомню.

>>1187432 (OP)
Аноны, не ссыте сильно если что совсем не так.
Вообщем на window.onscroll = handler; он не вызывает функцию, а прописывает код. При добавлении скобочек вообще не работает. Как сделоть чтобы выводил картинки?

Посоны, срочный вопрос. Что выделяет эта регулярка?
/[^\W_]+\((?R)?\)/

>>1192186
Система безопасности для дома,и?
Нет, конкретно объясни, как получают данные тру двачерские кодеры.

>>1192520
Этот вообще php и js в одну кашу мешает. Меня за такое году в 2012 обосрали на форумах.

>>1192522>>1192269

>>1192528
Да так и получают.
Подъёбки были по форме, а не по содержанию.

>>1192107 - имел в виду пафосный стиль изложения.

А я имел в виду, что A в AJAX - это Asynchronous, в ответ на твоё "С буйней вашей асинхронной что ли делать?"

>>1192556
Господи, какая хуйня банальная. Нахуй мне это в какой-то ебучий тест-фреймворк обворачивать? Я блять что сам не могу свою функцию написать, которая это тестит и выводит все в консоль? Или если мне нужно что-то быстро проверить, то сразу в дебаггере запустить?

>>1192613
Банальная, потому что пример банальный. Но обычно хорошие тесты так и выглядят. Чем банальнее и проще юнит-тест, тем лучше. Что тебе дает тест и не дает проверка через консоль:

1) Тест можно прогнать в любой момент и за мнговение увидеть результат.
2) Тест - это документация, где с примерами и понятным языком показывается, как можно использовать опредленный кусок кода.
3) Тест может прогнать любой человек, не только ты.
4) Тест дает тебе уверенность. Например, если у тебя есть покрытая тестом функция с мешаниной из колбэков и говна, то ты спокойно можешь расхуячить эту функцию, зарефакторить как угодно, переписать, разбить на подфукции, и быть уверенным, что она все еще работает, как и должна, если тест проходит.

Я так понимаю, ты недавно начал, поверь мне, любой язык изучать гораздо удобнее и быстрее, если ты делаешь это через тестирование(нормальное, а не через консоль). Говнокод - это прежде всего код, который не покрыт тестами. Просто потому, что с таким кодом ты не можешь сделать ровным счетом нихуя, без боязни что-то сломать, и он так и останется говнокодом в большинстве случаев. См. пункт 4.

>>1192723
Какая у тебя зарплата?

>>1192727
Ты кто такой?

>>1192679
Отлично расписал. Теперь объясни, как убедидетль биг босса, что покрытие тестами на js, в результате которого время разработки увеличится в 2 раза, необходимо?

>>1192050
Так сыночка знакомых вылетает с шараги с 3его курса, т.к не может делать лабы по проганью. Когда они узнали, что я работаю кодером, они сначала попытались меня попросить ему преподавать (!!!) это притом, что я работаю, постоянно самообучаюсь и у меня нет времени.
Потом на мой отказ попросили, чтобы я делал за него лабы а у меня даже тех вышки нет!
Все понимаю, я тоеж учился на специальности, куда меня всунула мамка и в которой я не шарил шитье блеать, ну я покупал работы у одногрупников первый год, а потом благополучно вылетел и больше в эту профанацию под названием высшее образование в рашке не совался.
но блять, как можно не мочь в лабы по кодингу в 2018 - у тебя есть гугл, есть куча туториалов и готовых решений на эти лабы. ну либо там совсем рокет сайнс типа ассемблера, микроконтроллеров и какого-нибудь машоба. но я что-то сомневаюсь. Скорей всего это очередной тупой толстожопик, у которого играют гормоны и которому в 20 лет хочется гулять, бухать и щупать девок, а родители его заставляют учить этот скучный кодинг, т.к. прослышали, что у кодеров большие зарплаты и вообще это дохуя мужская и уважаемая профессия, которую любой ероха осилит.

>>1192740
>>1192747
Да ладно, расслабься, пролетарий.
Иди верстай дальше.
А то верстак остынет.

>>1192037

Говно потому что. Весит много и собирается долго.

>>1192768
А текстура-то хоть подходит к этому объекту? Там же нужны правильные UV-координаты.

>>1192792
Сука не туда тыкнул. Это тебе >>1192803

>>1192804
>>1192803

Подходит. Код следующий:

mtlLoader.load(require('./models/Wood.mtl'), (materials) => {
    materials.preload();
    objLoader.setMaterials(materials);
    objLoader.load(require('./models/Wood.obj'), (object) => {
    textureLoader.load(require('./textures/wallpaper2you_512070.jpg'), (texture) => {
            object.map = texture;
            this.scene.add(object);
        });
    });
});

В доках у них такие же примеры. Почему у меня такая фигня не пойму.

>>1192808
>>1192809

А ну и ещё. Если без TextureLoader (т.е чтобы всё на основании данных в mtl файле искалось), то результат тот же самый.

>>1192723
Только вот никакой JSdoc автоматически не покажет все варианты вызова функции, все принимаемые параметры в объекте и т.д. Это в любом случае нужно писать руками, и переписывать, если API функции поменялось. Если же вместо комментариев ты хуяришь тесты, то они всегда будут служить на 100% актуальной документацией.
>>1192747
Во-первых, программу пишешь ты, а не биг босс. И ты решаешь, сколько тебе понадобится на разработку определенного компонента.

Во-вторых, TDD не увеличивает время разработки в два раза, поскольку оно практически полностью избавляет тебя от нужды дебажить код, а в long-term ситуации хорошее тестовое покрытие наоборот ускоряет разработку в огромное число раз по сравнению с любым проектом без тестов.

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

>>1192824
дебажу через console.log.
а какой тестовый фреймворк посоветуешь для фронтенда? на вью пишу. юнит тесты только на пхп пробовал делать.

>>1192613
Скажи мне, что ты троллишь.

мимо

>>1192556
А почему именно tape? Часто вижу в вакансиях jest/mocha chai. Сейчас мельком почитал, пишут, что tape проще, не нужно кучу вспомогательного говна устанавливать и настраивать.
Только по запросу "tape" на HH, только 15 вакансий, а по другим от 100.

>>1192529
Оооо блядь, ну и где же учиться чтобы показали сразу как всё делать?

>>1192910
Тестовый фреймворк выбирай сам, какой понравится. Jest с мочей вроде как самые популярные сейчас. Про Jest ничего не скажу, но моча - стандартный BDD фреймворк, с которыми я год-другой работал в другом языке, после чего стараюсь больше не трогать. Они тянут за собой слишком много глобальной магии и ненужных фич, вроде готовых моков и навороченного DSL. Tape я выбрал потому что это первый юнит-тест фреймворк, на который я наткнулся, когда начал писать на ноде. Он вполне стандартный, загружает файлы, региструет тесты и прогоняет ограниченный набор assert'ов, ничего лишнего.

Поясните за immutable.js, вот в каких ситуациях стоит использовать, если я и так пользуюсь всякими native фичами в js типа .concat, .map, {...objectName, } и тд, которые предотвращают мутацию? Или я что-то не так понимаю?

Хочу запилить онлайн 2D-игру в html5 canvas+javascript? Эдакий PvP-платформер, 2 игрока бегают друг за другом и пиздят друг друга. Это реально, чтобы javascript нормально отображал у обоих клиентов актуальную ситуацию на канвасе, или это говно без асинхронности, которой в жс нету, обречено? Если шанс есть, поясните куда копать (фреймворки, движки, на чем пилить сервер и т.п.).

>>1193005
UPD.
Разумеется при условии достаточно мощных пекарен у клиентов и нормального асинхронного сервера.

>>1193005
>без асинхронности, которой в жс нету
WebRTC для чего запилили, довен?

>>1193017
>
> >>1193005
> >без асинхронности, которой в жс нету
> WebRTC для чего запилили, довен?
И как webRTC поможем ему в реализации его говноигры?

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

>>1193005
WebSocket + node. Движки есть, в том числе опенсорсные.

Планирую перед тем, как начать читать кантора, пройти курс на сайте htmlacademy.
Вопрос - стоит или совсем нет? А то смешанные отзывы об этом сайте.

>>1193066
интерактив стоит. Если ты про их интенсив, то нет, он ты и после кантора охуеешь от него, а без кантора, как они его преподносят, для тех кто знает только хтмл и цсс, то это лютейший пиздец. Скачай и посмотри 1-2 урока и сам всё пойемшь

>>1192520
Цветовая схема tomorrow night blue? Что за редактор?

>>1193108
Имеется ввиду курсы которые с котиками этими, енотами, заданиями и т.д.

Господа, вечер в хату. Я тут вкатываюсь неспеша и всё такое, но вообще моя цель, как можно быстрее найти позицию джуна и ирл начать хавать экспириенс ложками. У меня есть товарищ, ментор, который даёт мне какие-то задания и отвечает на вопрос по ним, но у него на меня такие глобальные планы. Тип спешить некуда, сейчас я тебя хорошенько заебу нативным джс, без фреймворков, чтоб мог на нём писать, а потом будем фреймворки смотреть, тип подготовлю тебя со старта на зп в 40-50тыс.
Но если честно, то я бы с радостью пошел и за 15, но как можно быстрее. Так собственно вопрос в ирл реалиях нативный джаваскрипт надо кому? На нём пишут что-то? Или если цель как можно быстрее влезть куда-нибудь джуном, то лучше почти сразу начинать дрочить джеквери какой? Я читал, что в теории джеквери можно учить воообще без знаний нативного джса

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

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

Подскажите:
получил get запросом страничку с такой функцией:

(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');

Делаю запрос в среде postman и соответственно window и document не определены. Как можно задать эти глоабльные переменные вне браузера?

>>1191472
Промис это и есть монада.

>>1192940
Чем отличается TDD от BDD?

>>1193118
>нативный джаваскрипт надо кому?
Реакт - это, по сути, и есть нативный джаваскрипт.
Веб-компоненты будущие - тоже.

jQuery - это, скорее, DSL на базе JS.
Но, если ты не знаешь JS и не знаешь браузер - события, DOM, etc - ты соснёшь и с jQuery. Или будешь просто тупой обезьяной.

Так что твой приятель совершенно прав.

>>1193121
>только бесплатные книги

Только _платные_ книги.
Можно ворованные.

>>1193118
Дрочи JS. Пиши чем больше - тем лучше. Чем жирнее будет твое понимание основ, чем больше опыта практики - тем проще будет вкатиться в какой нибудь фреймворк.
>>1193158
Этот анон прав. И react - это библиотека, которая проповедует определенный подход к построению вэб приложений. Она вся - нативнй JS. Ив ней нет встроенных конструкций. Хочешь какой нибудь хитрый элемент - придется писать самостоятельно - встроенных нет. В принципе можно после хорошо усвоенных основ JS вкатиться в react. После того как ты усвоишь его общую логику работы - то столкнешься по сути с теми же задачами что и в нативном JS. Просто в определенных рамках. Задрочил навык решая задачи ранее - отлично. Не задрочил - придется дрочить все равно.

>>1193158
>>1193170
Спасибо, господа

>>1193125
Какая разница, на чем бэк? Это в любом случае две абсолютно самостоятельные части, которые взаимодействуют только через API.
>>1193145
Гугли, но в основном, когда говорят "я практикую BDD", то это переводится как "я использую BDD-фреймворк, чтобы писать тесты".

>>1193170
>react
>Хочешь какой нибудь хитрый элемент - придется писать самостоятельно - встроенных нет
А нахуй он тогда нужен?

>>1193029
>И как webRTC поможем ему в реализации его говноигры?
Ещё один довен. WebRTC позволяет создавать каналы данных с минимальными задержками. Т. е. если, например, нужно отсылать 60 раз в секунду какие-то данные на сервер/пиру (например, координаты какого-нибудь спрайта, контролируемого пользователем, данные об event-ах и т. д.), то делать это лучше через WebRTC. Потом WebRTC позволяет установить канал данных непосредственно между пирами - пересылать данные между пирами без участия сервера.

Аноны, посоветуйте, плиз, книжку или можт статейки какие на английском/русском по структуре и безопасности современных клиент-серверных приложений. Мне именно про организацию приложения, там сессии, кеширование и т. п.. Хотелось бы, конечно, чтоб примеры кода для бекэнда были на ноде, но необязятельно. Главное чтоб книжка была толковая.

>>1193231
жеквери питух нарисовался.

>>1192792
>>1192808

Разобрался. Если кому интересно, то проблему решил экспортом в .fbx с засовыванием привязанной текстуры прямо в файл (до этого экспортировал просто геометрию, текстура искалась по относительным путям). После этого всё стало отображаться нормально.

>>1193964
Если ты даже на таких простых вещах тупишь, что будет дальше?
Как ты собрался осваивать сетстейт, промисы, асинк+авейт?

Программирование - это явно не твоё, иди лучше в дотку поиграй.

>>1193969
у тебя в макрос забит этот текст? Читаю его уже не первый раз в джс тредях

>>1193972
Но правда - ты спрашиваешь о совсем элементарной хуите. Ты ещё спроси как элемент в dom получить.
Мимо-прохрдил 17065

>>1193993
>17065
Это ваш идентификационный номер? Куда пожаловатсья можно?

Мне хочется надеяться, что >>1193964 спрашивал именно про автоматическое заполнение таблицы и синхронизацию. Ну, как в шарпах указываются DataSource для получения данных оттуда у всяких винформс списков/таблиц/гридов.

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

>>1194032
Театр одного семена? Не хочешь, не отвечай, пройди мимо, нахуй ты сам генеришуешь тонны ненужного пиздежа?
Если всё же найдется анон, который захочет помочь, буду благодарен за подсказку и наглядный пример.
https://plnkr.co/edit/vY9R39wjVh7spEiD8LYT?p=preview

>>1193231
>>1193170
Хули вы тут распизделись, то что нет в самом Реакте - еще не значит, что нет в сторонних наборах элементов, которые можно спокойно использовать в своем проекте.

>>1194038
а нахуй ты и тебе подобные выблядки генерируют тонны ненужных вопросов? не хочешь - не читай, пройди мимо лол

>>1194047
Мать твою ебал.

>>1192989
Разница в алгоритмической сложности.
Immutable.js list он же persistent vector, например, имеет "constant time" иммутабельные push, pop, shift, unshift, без полного копирования всей структуры данных. Это важно, если речь идет о десятках тысяч элементов.
Если в массивах не тысячи элементов и не нужны соответствующие иммутабельные методы, то выигрыша особого не будет, используй нативный массив и его методы плюс если нужно lodash/ramda

en.wikipedia.org/wiki/Persistent_data_structure

https://www.youtube.com/watch?v=Wo0qiGPSV-s

https://www.infoq.com/presentations/Functional-Data-Structures-in-Scala

>>1194142
Уже второй раз вижу ее МУЛЬТИКУЛЬТУРНОДЖЕНДЕРНЫЕ выступления, я конечно понимаю, что она объясняет это все жс-девелоперам, но блять, это же не детсад, чтобы разжевывать простейшую концепцию 15 минут и иллюстрировать это зверушками.

>>1193964
DataTables погугли.
Там всё есть.

Если надо своё сделать - Vue.
Реакт сложноват может быть для тебя сейчас.

>>1193964
>>1194266
И да, можно и просто руками, конечно.
Погугли, например, "jquery create table dynamically".

Вот первый результат:
https://stackoverflow.com/questions/8749236/create-table-with-jquery-append

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

Пацаны пацаны, что можно ньюфагу запилить на реакте, чтобы столкнуться со всеми типовыми задачами и руку набить? Пока делал только генерируемую таблицу с сортировками/поиском/фильтрациями, да невнятные хелловорлды.
Только не сильно сложное/крупное, а то я испугаюсь, охуею и заплачу.

>>1194357
>охуею и заплачу.
А сколько заплатишь?

>>1194373
Корку сыра, банку мочи, да пару баребухов с труханов.

анон, зайка, посоветуй, пожалуйста, какие-нибудь библиотеки (стандартные функции?) для асиметричного шифрования данных (rsa, если такие уж есть, то можно и gnupg хотя это я подохуел, ну и желательно, что бы во всех браузерах работало, включая айфоновскую сафарю.эдж за браузер можно не считать)

буду очень признателен читай:нихуя, но вообще-то правда буду рад, если поможешь

>>1194444
Нах тебе rsa, ГОСТа лучше хлебни - http://gostcrypto.com
Алсо, webcrypto api должен быть доступен в сафарях, попробуй через него rsa дёрнуть, можно он стоковый есть.

>>1193969
Если может в доту, сможет и в программирование. Дотка как минимум не проще.

>>1194445
>ГОСТа хлебни
ебаться-всраться, оно сществует? мать твою, "каждый день -- новый фреймворк" теперь у меня ассоциируется с r34. как этот пиздец развидеть господи помоги

>>1194445
зайкасолнышко, спасибо большое, уже нагуглил, и уже пульнул шифрование в йоба-проадкшн, спасибо, правда!
абу, какого хуя анону можно дарить только нихуя, я бы этому чуви подарил бы в благодарность чонить

Помогите, пикрил -1 базовый код из учебника: https://learn.javascript.ru/ajax-xmlhttprequest

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

пикрил 2 - форма

На бекэнде простейшее
if(прилетел пост запрос) {
вывести тело запроса
}

>>1194502
Попробуй в html написать
<button onclick="sendItemList(event)>...</button>
И в JS:
function sendItemList(event) {
event.preventDefault();
...
}

>>1194509
Пасиб, я уже нашел походу корень, бутон был помещен в саму форму - и даже без всяких action="" и submit - эта мразь слала по дефолту при нажатии гет запрос на эту же страницу.

>>1194357
Фронтенд для борды. API можешь взять местное.

Дропаю вуз и учу жаву, я всё правильно делаю?

>>1194555
ВЫШШЕЕ ТЕХНИЧЕСКОЕ ОБРАЗОВАНИЕ ЕСТЬ? НЕТ? ОЙ, МЫ ВАМ ПЕРЕЗВОНИМ

>>1194557
Разве в этой сфере всё так строго? Устроюсь в какую-нибудь частную хуйню, осталось узнать как портфолио сделать

>>1194561
Я сам диванный, но мне кажется лучшее вышку иметь, чем не иметь. Говорят, многие дауничи требуют.

>>1194566
> 4-6 лет
Я думал дропнуть вуз - это уйти с второго-третьего курса, лол.

>>1194571
Со второго, у меня специалитет + ещё можно в магистратуру пойти, но эт пиздец. Я не знаю, кто учился мб поймёт меня, потому что я знаю людей которые и с 4 курса съябывают

>>1194555
А в жаваскрипт-треде ты что делаешь? Сдаётся мне, где-то ты совершил ошибку.

>>1194576
Ой жс я учу жс, какая разница?