Двач.hk не отвечает.
Вы видите копию треда, сохраненную 9 августа 2017 года.

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

Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
37 Кб, 1052x1052
109 Кб, 1000x900
292 Кб, 1140x813
JavaScript #82 #1019069 В конец треда | Веб
Ссылка на прошлый тред: >>1012116 (OP)

Этот тред посвящён главному языку будущего - JavaScript. Благодаря своей гибкости используется в браузере, на серверах, в мобильных приложениях, на десктопе и практически во всех видах программирования. Удобный синтаксис позволяет легко писать на нём, а высокая производительность делает его отличным выбором для решения любых задач - от небольших магазинов до огромных highload проектов. JavaScript по праву является самым популярным в мире языком. На каждом сайте есть браузерный JavaScript, а JavaScript на сервере используется такими крупными корпорациями, как Amazon, Yahoo, HP, NASA, Walmart и многие другие.

Часто задаваемые вопросы:
https://github.com/vladimir37/js-thread/blob/master/Wiki/faq.md

Список материалов для изучения:
https://github.com/vladimir37/js-thread/blob/master/Wiki/learn.md

Список инструментов и направления JS-разработки:
https://github.com/vladimir37/js-thread/blob/master/Wiki/tools.md

Конфа /pr/ в Slack:
https://slack-2chpr.herokuapp.com/

JS-конфа в телеграме:
https://telegram.me/jsthread

НЕ КОПИРУЙ КОД ПРЯМО В ТРЕД!
Воспользуйтесь https://jsfiddle.net/ для браузерного кода и https://ideone.com/ для серверного кода.
333 Кб, 533x493
#2 #1019071
#3 #1019074
>>1019056

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


У Cordova, NativeScript, Phonegap, Ionic - да. А NativeScript и React Native работают нативно, не медленнее жавы/свифта/шарпа получается.
#4 #1019088
>>1019056
хз антоним, я делал совсем крошечное приложение на reactNative ( записывалка на прием к мастеру в салон красоты ) Мне почему то показалось, что эта хуйня для большой команды разработчиков, а не для одного - трех. Короче прилку я в продакшн кинул, но юзер икспириенс отрицательный.
Такие дела
#5 #1019132
Ура, третий вебпак!
Не успел еще вкатиться во второй
#6 #1019293
w3schools норм для хтмл\ксс\дом?
Или говно мамонта?
#7 #1019371
аноны, смотрите. Есть js строка, там может быть все что угодно и мне нужно обрезать из нее комментарий. например
из let str = "mocha // chai \" "// comment // должно получиться
let str = "mocha // chai \" ".
Какой самый правильный способ это сделать? регулярка какая-то очень сложная получается, а просто циклом пройти у меня заняло 20 строк. Но ничего лучше не могу придумать. Выручайте, помидоры
#8 #1019491
>>1019293

>говно мамонта?


Проверенные временем решения.
Ещё МДН:
https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Тебе не надо учить наизусть все новейшие теги, свойства или методы, а надо только словиться с основными концепциями. Любой уважающий себя фреймворк всё равно будет иметь свой удивительный внутренний мир.

>>1019371
Надеяться в нескольких строчках распарсить языки — сама по себе плохая идея.
https://stackoverflow.com/a/1732454
Если смог решить для конкретного случая в 20 строк — тебе повезло.
#10 #1019508
Парни, объясните плз разницу между объектом и Map. В чем принципиальное различие кроме того что в Map ключом может быть любое значение без преобразования к строке. Чем семантически является Map?
#11 #1019512
>>1019491
ну мб ты и прав. А как тогда решать такую задачу? require js_parser со свистоперделками на 20 Мб?
>>1019493
спасибо, но кажется что можно и попроще
#12 #1019528
>>1019493
Не взлетит.

>let str = /[0-9]+/i// comment //

#14 #1019531
>>1019530
>>1019528
ой бля сам делай пошел нахуй дегрод
#15 #1019536
>>1019530
>>1019528
И хули строка без ковычек?
#16 #1019544
>>1019536

>И хули строка без ковычек?


>>1019371

>Есть js строка, там может быть все что угодно


Проблемы?
#18 #1019555
Аноны, мне нужна ваша помощь. Всё дело в том, что я нуб ебаный в программировании, и сейчас в шараге прохожу метод fetch, который, мягко говоря, нихуя не понимаю. Дано задание, которое в принципе легкое, но из-за ебучего фетча не могу понять как его сделать. Есть два сайта https://jsonplaceholder.typicode.com/users и https://jsonplaceholder.typicode.com/posts. На одном находится текст-рыба (отвечающий за посты), на другом никнеймы, которые надо захуярить в шапку по id юзера (это я уже сделал). Но после того как я дал никнеймы по id юзера, естественно текст-рыба меняется на undefined. Вопрос такой: как обратиться ко второму сайту с помощью fetch? Нужно ебашить ещё 1-2 функции с фетчем или можно где-то просто прописать ещё один фетч со второй ссылкой? Код вот здесь https://jsfiddle.net/3y6t9qwz/.
86 Кб, 644x625
#19 #1019623
Решаю это уже полчаса. Наверное, я никогда не стану программистом.
#20 #1019652
>>1019508
сука ты что погуглить не можешь?

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

Объект имеет прототип, что означает наличие стандартных значений в ассоциативном массиве. Однако, это можно обойти при помощи выражения map = Object.create(null).
В объекте ключи должны быть строками, когда в Map они могут иметь любой тип.
Вы можете легко получить размер Map, в то время как в объекте необходимо самостоятельно его учитывать.
#21 #1019654
>>1019623
Если ты не готов много дрочить, то не станешь. А если будешь брать код с интернета, то вообще останешься макакой.
#22 #1019657
>>1019555
Попробуй создать ещё один js файл, залей туда аналогичный код, но поменяй переменные и ссылку.
65 Кб, 1220x340
#24 #1019689
>>1019663
Блять, ты охуел?... вот мое решение
#25 #1019701
>>1019652
Скажу тебе по секрету, что в map тоже все эти стандартные методы имеются, но ты долбаеб даже не знаешь в чем преимущество map, кроме задания ключа любым значением. Ибо обход только своих свойств объекта делается очень легко и дело не в прототипах.
#26 #1019766
#27 #1019768
>>1019701
Расскажи в чем кроме того, что пока по перформансу он говно
#28 #1019777
>>1019768
В том что присвоение происходит через свой интерфейс, который не затрагивает стандартные методы и перезаписать их невозможно.
#30 #1019788
>>1019623
Что за сайт?
#31 #1019799
>>1019788
Кодварс.
#32 #1019800
>>1019777
Ой не похуй ли? Ну сделал ты в объекте свойство "toString" и че? Если ты его используешь как хэш-таблицу то тебе и так похуй.
#33 #1019807
Аноны, ну помогите пожалуйста нубу! Как в fetch использовать сразу две ссылки? Вставляю одну ссылку на сайт - работает, две - соси хуй. Ну как мне для задания сделать обращение по двум ебучим ссылкам с помощью fetch?
#34 #1019810
>>1019807
Сделай два ебучих фетча.
#35 #1019829
>>1019810
Можешь на примере показать как? Я делал 2, но видать не так. Я в шараге этот метод вообще проходил одну пару пока, не знаю всех его тонкостей.
#37 #1019842
>>1019800
Ну переопределиться может какое-нибудь свойство вроде hasOwnProperty(), или подобное. Особенно если эта коллекция будет заполняться автоматически и из-за этого может всё пойти по пизде
#38 #1019849
>>1019842
Довольно надуманная хуйня. На объект для переводов в 2000+ записей проблема возникла только один раз в ебучем фаерфоксе: "watch" пришлось ручками, потому мудаки из мозилы.
#39 #1019854
>>1019849
Ну вопрос был задан именно для понимания концепции и различий этой Map-коллекции от обычного объекта. Полезно иногда порассуждать о таком.
#40 #1019860
>>1019854
Думаю они довольно хорошо расписаны тут: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Map

Вообще я считаю что Map почти нахуй не нужен, потому что он тормозной. Может для каких-нибудь кешей, но для них лучше WeakMap.
#41 #1020077
https://saratov.hh.ru/vacancy/20657098
что мне еще vue надо попробовать, ангуляр второй, чтоб жуном запилиться куда нить ? А нет надо еще три года поработать
DNS ахах а что еще ? DHCP, HTTP, POP, SMTP так ладно, года 2 мне еще понадобится разобраться с сетевыми протоколами, Внедрять макеты на платформу Битрикс. Ок, погорячился 4 года
Индексируемую заработную плату от 5000 в месяц ( чистыми ).
Маам а борщ остался ?
98 Кб, 1280x960
#42 #1020116
перекатился на годик-другой в бэкенд разработку, сейчас возвращаюсь: пик
вы че с js'ом сотворили ?
#43 #1020134
Прочитал пост про то что эльм надежен и прост. Попробовал посмотреть на доки.
И там какая-то дресня без каких-либо объяснений и фраза "ну просто же ну понятно же"
Для него матан или что нужно?
#44 #1020146
>>1020134
Если для тебя элм сложно, то от пюрешки ты наверное вообще охуеешь.
#45 #1020180
>>1020077

>Индексируемую заработную плату от 5000 в месяц ( чистыми ).


Ну так очевидно, что остальная часть з/п перепадает в конверте. Вангую, что "конвертная" сумма в районе 15-20 т.р.
Итого на старте имеем 20-25 т.р. на руки. Для начинающего верстальщика в Залупьяновске вполне годная вакансия.
#46 #1020196
>>1019832
Спасибо! А как сделать фетч, если в прошлом фетче есть then внутри? Создаю фетч сразу после фигурной+круглой скобки, через запятую, нихуя не выходит.
2320 Кб, 1000x1000
#47 #1020243
Аноны, помогите разобраться, как сделана трансформация SVG маскота тут:
https://metamask.io/

Насколько я понял, у них есть сгенерированный JSON с какими-то параметрами для каждого полигона, но саму трансформацию обсчитывает этот код:
https://ideone.com/DON2TN

Нужно реализовать подобный элемент, но что-то мне подсказывает, что на three.js гораздо легче такое сделать, хотя и люблю SVG.
#48 #1020285
>>1020177
Фапаешь на неё?

а я ебусь
#49 #1020359
>>1020196
Код кидай.
#50 #1020380
Пацаны нужно чтоб кто то мои 966 строк на реакте отревьюил, где такое можно сделать и сколько это будет стоить ?
sage #51 #1020387
.
sage #52 #1020388
.
sage #53 #1020412
.
sage #54 #1020413
.
sage #55 #1020414
.
sage #56 #1020415
.
#57 #1020448
https://jsfiddle.net/vuj4prkn/

Почему пишет, что snake.draw is not a function?
sage #58 #1020460
.
sage #59 #1020461
.
sage #60 #1020462
.
#61 #1020523
>>1020180

> Итого на старте имеем 20-25 т.р. на руки. Для начинающего верстальщика в Залупьяновске вполне годная вакансия.


Двачую. Это даже больше на целых 10 тысяч чем у дворника
#62 #1020537
>>1020448

>s/Snake.draw/Snake.prototype.draw

#63 #1020539
>>1020448
Вообще у тебя там куча ошибок. Редактор же подсвечивает хуйню. Я уж молчу про иде.
#64 #1020553
Аноны, кидайте жалобы на даунича, который постит трапов и хуи. Это как минимум неуважение, пусть со своими девиациями валит в другое место.
sage #65 #1020570
>>1020553
Кидаю весь день, да чето бестолку. Че писать в жалобе чтобы забанили его?
#66 #1020577
>>1020537
а зачем здесь прототип? я хочу просто статический метод сделать.
>>1020539
VSCode ничего не подстветила

Тыкните носом в ошибки, плиз, с меня как всегда.
#67 #1020584
>>1020577
Тебе надо матчасть учить, а не змейку писать.
С хуя ты в статик методе используешь this?
С хуя ты статик метод вызываешьна объекте?
У тебя в голове каша.
141 Кб, 959x1079
#68 #1020589
>>1020577
Все, что оранжевого цвета — неопределенные символы. Либо они у тебя где-то в другом файле, либо ты обосрался.
#69 #1020597
>>1020589
а почему drawSquare не определен? я же для блоков прописал его
#70 #1020629
>>1020597
Прописать только Васян из соседнего подъезда тебе в ебло может. Код пишут, а не прописывают.
#72 #1020727
>>1020726
Ты заебал, Вася.
#73 #1020730
>>1020727
Я просто впервые в жизни решил что-то написать в консоль и тут какое-то колдунство.
#74 #1020737
>>1020726
http://learn.javascript.ru/number

Сначала читайте Кантора (всего), а потом лезьте с вопросами. Каким-нибудь PHP-шникам или рубистам только мечтать остаётся о таком гайде на русском для их языка, у вас огромное преимущество.
#75 #1020752
>>1020737
Я думал это тред по жс, а не центр управления межгалактическими полетами. Прошу меня извинить.
#76 #1020772
Есть строка - JS выражение. В строке строго математические опреации (+/-/*/:) и числа. Можно ли как-то выполнить выражение из строки, не используя eval() ?
#77 #1020784
>>1020772
Есть в кодварс такое задание.
#78 #1020803
>>1020772
Распарси в AST и интерптирируй. Либо возьми любую книжку с реализация калькулятора, хоть "Программное окружение Unix"
>>1020726
https://ru.wikipedia.org/wiki/IEEE_754-2008
#81 #1020885
>>1020880
Очередной необучаемый. Тебе уже ссылку дали, демку кинули. Хуле тебе еще надо?
#82 #1020890
>>1020885
Какой хитрый ЗЛОЙУМЫШЛЕННИК. Это не ты на почту рассылаешь вирусные файлы? Неплохо на каникулах развлекаешься, одобряю.
#83 #1020891
>>1020885
Ссылка странная, у них еще сертификат подозрительный. Прост мимопроходил.
#84 #1020912
>>1020891
Ну открой в торе, еблан тупой.
#85 #1020964
>>1020890
>>1020891
Ору с этих макак.
Вы что в профессии забыли, идиоты?
#86 #1021146
class Klass
.. constructor(y)
.... this.x = blah(y)

blah - асинхронный. как быть?

ввожу еще один метод инициализации:
class Klass
.. constructor(x)
... this.x = x
.. static initialize(y)
..... return blah(y).then((x) => new Klass(x))

использую
this.klass = Klass.initialize(y)
this.klass.then((klass) => ...)

а есть чтиво как преоктировать это асинхронное дерьмо?
#87 #1021284
>>1021146
Нахуя тебе асинхронный конструктор?
Пускай конструктор принимает аргумент, который можно высрать через, например

> Klass.blah("???").then(y => new Klass(y)) ...

#88 #1021429
#89 #1021469
>>1021429
с добрым утром
#90 #1021519
>>1021469
Спасибо, а что ещё из новых фич есть интересного?
#91 #1021522
>>1021429
>>1021469
Вопрос в том, есть ли шанс что это примут, и если да, то когда.
#92 #1021682
Котаны, мне нужно наполнить огромный грид довольно простыми гистограммами, 20 прямоугольников, 2 оси, полсотни строк кода на d3.
Верхняя граница общего количества порядка миллиона, конечно, засчет буферизации (ExtJS) сразу все это к дому не прицепится, но десятки тысяч.

Есть 2 варианта: или оставить svg, или попробовать html5 canvas. Что лучше с точки зрения производительности? (Именно производительность в браузере, а не время генерации объектов в скрипте).
18 Кб, 619x543
3 Кб, 761x70
#93 #1021718
Изучаю JS, сейчас пытаюсь разобраться с JQuery и нифига не понимаю, как делать get запросы с пикрилейтед. Там еще было объяснение, что это REST. Как делать такое в JQuery?
#94 #1021726
аноны поясните за фреймворки плизки
понял только что бекенд типа нода мне точно пока рано
но вебасм\ангулар\реакт\жквери нужны вообще? когда их стоит применять?
почему хуесосят все жквери, но оно везде? понял только про анимации, 1 в 1 fadein сделал в обычном css3 еще и с большей подстройкой для меня это достижение
#95 #1021747
>>1021726

>почему хуесосят все жквери, но оно везде?


Везде это где? На сайтах-визитках ООО "ебёбмам"?
#96 #1021749
Эх, учил бы жиэс, когда хайп был - попивал бы смузи, а то сейчас как лох на дотнете пишу. Даже пофрилансить не выходит.
#97 #1021753
>>1021747
на lurkmore.to это типо википедии только там пишут те кто шарят если я правельно понял
#98 #1021754
Написал скрипт, который собирает инфу с сайта на ноде. Он каждый раз авторизуется на сайте получает куки и с ними отправляет запросы на сервер. При каждом новом запуске происходит авторизациия и запись куки. Куда эти куки можно сохранить чтобы не авторизовываться каждый раз?
#99 #1021756
const { URL } = require('url');

>const { URL }


Не первый раз встречаю такую конструкцию. Что это значит?
#100 #1021757
>>1021754
В кукиджар епта.
#102 #1021759
#104 #1021765
Котаны, вкидывайте упражнения над которыми мучаетесь. А то скучно жи.
#105 #1021829
elm vs purescript
Что брать?
#106 #1021837
>>1021829
vanilla.js
#107 #1021839
>>1021837
Как только завезут нормальную систему типов, так сразу.
#108 #1021846
Аноны, помогите. Нужно использовать плагины owl-carousel, fancybox 3 и sweetalert 2 на странице, такое задание. Задание чисто креативное, но у меня пиздец туго с фантазией, может подскажете?
#109 #1021872
>>1021718
Бамп вопросу.
#110 #1021879
>>1021872
Берешь и делаешь. Вопрос сродни "научите паграмировать". Приходи с более конкретным запросом.
#111 #1021880
>>1021879
Вполне конкретный вопрос жи. Какую функцию использовать?
#112 #1021881
>>1021880
Ты совсем мудак? Тебе блять лень вбить в гугл "JQUERY GET" и пройти по первой ссылке?
#113 #1021885
>>1021881
Я сделал так ещё до написания поста но там ни слова о логине и пароле.
#114 #1021887
>>1021885

> do


> open https://api.jquery.com/jQuery.ajax/


> grep username


> grep password


> pure unit

#115 #1021888
>>1021887
Ну аякс это не обычный гет, как я должен был угадать? Спасибо.
11 Кб, 857x183
#116 #1021889
>>1021888

> как я должен быть узнать


> первая строка доков по $.get пикрил

#117 #1021890
>>1021889
Фиг знает, в моем воображении аякс это нечто совсем другое и требующее отдельного изучения.
#118 #1021896
>>1021890
Очень плохо быть тобой.
#119 #1021899
>>1021846
А что не получается?
Очевидно, что от тебя просят сделать галерею с прикрученным фенсибоксом. Ну дык вперед и с песней!
#120 #1021913
>>1021887

>Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://... This can be fixed by moving the resource to the same domain or enabling CORS.


Попробовал, получаю ошибку. В гугле говорят, что нужно менять сервер, но у других же как-то работает??
Так что бамп вопросу >>1021718
#121 #1021914
>>1021899
Спасибо. А как к галерее присобачить свиталерт2? В том смысле, вот у меня галерея на оулкарусели, по нажатию на картинки работает фэнсибокс. А куда тут всрался для галереи свиталерт2? Куда мне его присобачить то? Или на картинки поставить "Done!/Error!"?
#122 #1021916
>>1021913
1) Использовать jsonp
2) Делать запрос с сервера
3) Если бэкэнд твой, добавить нужный заголовок
#123 #1021918
>>1021914
Свиталерт прикрути на конфирм при удалении пикчи из галерки.
#124 #1021929
>>1021916
Не выходит с datatype: jsonp, наверное потому что у меня xml. Ну так сервер и бэкэнд жи не мои, как я добавлю.
#125 #1021936
>>1021929
Никак. Если каждый мудак вроде тебя сможет делать запросы на рандомные домены, от ддоса спасения не будет.
9 Кб, 605x304
9 Кб, 788x207
#126 #1021938
>>1021936
В смысле никак? В браузере если вставить ссылку и ввести логин с паролем, то всё работает. А еще я нагуглил тулзу с get реквестами на этот сервер написанную на C#. Всё же работает, почему здесь никак?
#127 #1021940
>>1021938
Гугли CORS, заебал.
Нельзя из браузера дрочить чужие домены без разрешения. С сервера (c#, nodejs, хоть пыха) можно че хочешь.
#128 #1021943
>>1021940
Ушел гуглить.

>Нельзя из браузера дрочить чужие домены без разрешения


На скринах жи "из браузера дрочу чужие домены без разрешения".
#129 #1021945
>>1021943
Ты открыл страницу на домене хуй.пизда
Эта страница может делать запросы на .хуй.пизда

Если ты открываешь страницу крокодил.залупа, то она не может делать запросы на хуй.пизда, если тот сервер тебе это не разрешит соответствующим заголовком.
#130 #1021946
>>1021945
Тогда почему я с jquery не могу "открыть" страницу на домене хуй.пизда, чтобы делать туда жи запросы?
#131 #1021948
>>1021943
не совсем, на скринах, ты браузером зашел на страничку, нельзя средствами JS с другой страницы типа localhost:8080 сделать такое
while(1 < 10000000000){
startDDOS('.../account/verify_credentials');
}
если у тебя только ГЕТ запрос хотя там basic authorization то можно CORS, а можешь сделать вот что, напиши на своем сервере функционал, который делает этот запрос и получает данные, а потом AJAX'ом уже спрашивай эти данные у своего сервера
#132 #1021949
>>1021946
Потому что ты не можешь заставить страницу с чужого домена выполнить твой код.
#133 #1021950
>>1021948
>>1021945
В любом случае, спасибо, я понял в чем проблема. Мне правда не понятно, как это должно защитить от ддоса, если его легче и лучше устраивать на каком-нибудь пайтоне.

>у своего сервера


Если бы, я пытаюсь написать extension для хрома.
#134 #1021951
>>1021950

> Мне правда не понятно, как это должно защитить от ддоса, если его легче и лучше устраивать на каком-нибудь пайтоне.


Абу кладет на двачи скрипт, который ходит на название.домена и делает 3 запроса в секунду и продает услугу по ддосу, вместо ссаных пасскодов.
#135 #1021952
>>1021936

> ддос


Не из-за этого ввели cors pre-flight хидеры.
Ввели из-за совместимости, раньше можно было делать только геты и посты с дефолтными хидерами без X-Requested-With на чужие серверы c помощью img / form action, с появлением всяких аяксов появились новые опции, но так как существующие серверы не ожидали этих новых опций, решили ввести проверки на поддержу и желание принимать всякие PUT'ы, DELETE'ы и яаксо-запросы.
В итоге старые серверы по умолчанию отказываются работать с не пойми чем, а новые должны отправлять хидеры клиентам с согласием обрабатывать запросы.
#136 #1021953
>>1021950

> Если бы, я пытаюсь написать extension для хрома.


Так а что ты сразу то не сказал ? У расширений хрома вообще нету никаких проблем с этим, ты можешь даже POST запросы делать.

https://stackoverflow.com/questions/9421933/cross-origin-xmlhttprequest-in-chrome-extensions/9422216#9422216

https://stackoverflow.com/questions/38412793/cross-domain-api-in-chrome-extensions
#137 #1021958
>>1021952
Линкани пруф на историю. Беглый просмотр mdn говорит только о безопасности.
#138 #1021959
>>1021958
https://www.w3.org/wiki/CORS

> The "permission to make the request" check is performed because deployed servers do not expect such cross-origin requests. E.g., a request using the HTTP DELETE method. If they reply positively to the preflight request the client knows it can go ahead and perform the actual desired request.



Вот тут есть разные истории, в том числе про безопасность (но не в плане ддоса):
https://stackoverflow.com/questions/15381105/cors-what-is-the-motivation-behind-introducing-preflight-requests
#139 #1021963
>>1021959
makes sense. Мерси.
#140 #1021972
>>1021953

>XMLHttpRequest cannot load https://...net/api/account/verify_credentials.xml. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'chrome-extension://ebakojjk...' is therefore not allowed access. The response had HTTP status code 401.


Не понимаю, у меня не работает.
141 Кб, 550x412
#141 #1021995
Мне одному кажется, что эти chrome extension пишутся ногами в присядку стоя на голове? Почему все настолько неинтуитивно и неприятно?
Есть кто в треде разбирающися, чтобы задавать вопросы по теме?
#142 #1022004
>>1021972
покажи что у тебя в permissions прописано
#143 #1022041
>>1022004
И правда в них была проблема. С http не хотело, но после добавления еще и https всё прошло

>>1021995
Это еще актуально
#144 #1022127
>>1021918
Спасибо, анон, ты лучший! Я всё сделал в коде, но возникла проблема: официальная owl carousel не работает, то ли конфликтует, то ли хуй пойми. При назначении класса owl-carousel - всё летит по пизде, при этом айди прописан рядом с классом в html и ещё в js настроен. Меняю класс на любой вместо owl-carousel - и всё работает (кроме самой карусели естественно), меняю обратно - пустая белая страница в браузере. Где достать рабочую карусель? Я так понял тут какой-то конфликт то ли с джиквери, то ли ещё с чем.
#145 #1022141
>>1022127
Карочи, есть два стула две ветви версий совы.
Первая - старая, заброшенная, но рабочая.
Вторая - актуальная, поддерживаемая, но достаточно глючная.

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

По поводу конфликтов с жквери - не наблюдал такого, сова же плагин к нему, внедряется в его неймспейс. Смотри в консоль, а не на пустую страницу. Если совсем тяжело - воруй код прямо с демостраницы совы, уж там-то рабочий вариант.
#146 #1022145
>>1022141
В консоли тоже вообще ничего нет. Никаких ошибок, вообще ничего.
#147 #1022146
>>1022141
Да, вот кстати об этом, у меня именно с гитхаба сова не работает.
#148 #1022148
>>1022146
js magic, не иначе
#149 #1022150
>>1022145
Это все как-то грустно, особенно не имея возможности взглянуть на сорцы, но 100% рабочий вариант я тебе уже озвучил. Извлеки разметку с офсайта, подруби ту же либу совы с CDN, что и на сайте, а поверх нагрузи свои свистоперделки.
#150 #1022151
>>1022148
А можно ссылку на старую сову, анон? В поисковике только официальную нашёл. Спасибо.
#151 #1022153
>>1022146
А, да, совсем забыл, не забудь подрубить основной ксс совы и ксс темы. Без этого шоу не будет.
#152 #1022154
>>1022151
Форков много же. Например: https://github.com/captolia/owlcarousel
#153 #1022156
>>1022153
Подключено, нихуя. Белая пустая страница, в консоли никаких ошибок.
150 Кб, 1275x545
#154 #1022228
Как сделать чтобы не было ошибки "Unexpected use of 'history' no-restricted-globals".
#155 #1022231
>>1022228
Попробуй

> window.history

#156 #1022232
>>1022231
Спасибо заработало.
#157 #1022299
котаны, вы жквери то юзаете в связке с реактом для работы с дом ? Мне что то в крайнем проекте очень много приходится к нему обращаться, вот думаю, правильно ли я поступил что жq подтянул, может надо было полифилы взять и ванилу ? Короче как у вас обычно с рефами взаимодействие происходит
#160 #1023894
Помогите студенту, который не знает js, нужно распарсить страничку на стороннем ресурсе и вывести данные на сайт
Хотел получить данные через xmlhttprequest, но это не работает
При попытке хотя бы вывести количество символов через requestText.lenght он ничего не возвращает
#161 #1023906
>>1023894
nodejs ?
#162 #1023937
>>1023894

>через xmlhttprequest


Это что за эпидемия, блядь.
За последнюю неделю тут стабильно раз в день приходит мудак, неосиливший CORS.

Я уже не верю, что это не троллинг.
#163 #1023953
>>1023937
к следующему тредику в шапку оформимте
#164 #1024001
>>1023953
Удвою, неплохо бы в шапку добавить информацию об этом. Сам когда-то приходил сюда с вопросом, почему не удаётся использовать API 2ch.hk с браузера.
#165 #1024003
>>1023937
Эти мудаки ниасилили загуглить "CORS proxy"?
Блядь, приехали. Немудрено, что JS стабильно ассоциируется с говнодевелопментом, при таких-то охуенных познаниях адептов.
#166 #1024026
>>1024003
Это проблема черного ящика.
Сегодня люди не хотят знать как оно(что угодно) работает. Им это не интересно и не важно. Деградация-с.

Они даже приходят с вопросами не - почему у меня не работает - а - скажите что сделать, чтобы заработало.
#167 #1024029
>>1022313>>1022311
Я думал, жс не поддерживает отрицательные индексы.
#168 #1024030
Чем фронтенд-разработчик отличается от js-разработчика?
#169 #1024032
>>1024001
Ну давайте туда еще запихнем то, как устроена клиент-серверная архитектура, для идиотов этого не знающих и лезущих при этом работать с сетью. Какие еще есть политики безопасности в песочницах, типа браузера. А когда тут начнется эпидемия незнающих как делать еще что-то(конвертация кодировок, ipc, устройство ос, лексический анализ, построение ast, etc) не относящееся к языку, мы и это туда впихнем.

Тебе ведь вместе с купленным тобою молотком обязательно даются инструкцию о том, как построить дом, верно?
#170 #1024033
>>1024029
Зато он поддерживает метапрограммирование.
#171 #1024034
>>1024030
Тем же, чем скрипач отличается от музыканта.
#172 #1024037
>>1024034
Ясненько, тоесть js-разработчик просто собирательное название, всех кто работает с js внезапно
#173 #1024039
>>1024032
Блядь, приехали, это вопрошающие про CОRS ассоциируются у тебя с адептами?
#174 #1024040
>>1024037
JS-разработчик это класс, Фронтенд-разработчик инстанс класса.
#175 #1024044
>>1024040
Есть ли резон учить к js, еще и php или питон, чтобы покрыть больше вакансий? Или лучше не распылять силы?
Мимо-вкатывальщик
#176 #1024047
>>1024040
Вот только фронтенд не ограничивается js-ом.
#177 #1024051
>>1024047
Ровно так же, как бэкенд, или десктоп, не ограничивается языком.

Никакое окружение, не ограничивается языком. И если ты пишешь фронтенд, тебе надо уметь в dom, cssom, bom, etc. А если например десктоп, уметь в тулкиты. Бэкенд - базы. И так далее.
#178 #1024055
>>1024051
А если я знаю,к примеру, кроме фронтеда еще и ноду и сопутствующие технологии, я фуллстек?
#179 #1024056
>>1024055
Зависит от того, какие технологии ты знаешь.
#180 #1024064
>>1024056
Например?
#181 #1024067
>>1024064
Например, даже если ты пишешь на ноде, но не умеешь в базы данных, то никакой ты не веб-фуллстек.

Ну и сам фуллстек - понятие расплывчатое, оно декларируется стеком, а стеки эти различны от раза к разу.
#182 #1024069
>>1024067
Ну БД это естественно
#183 #1024070
>>1024055
Сегодня большинство фронтендеров даже фронтенда не знают на самом деле, что уж говорить про бэкенд.
#184 #1024075
>>1024067
А если Метеор?
#185 #1024078
>>1024075
Иди нахуй
#186 #1024079
>>1024070
А я хочу знать и учусь, чтобы потом меня взяли на работу :3
#187 #1024108
Как часто вы кладете хуй на обработку ошибок? Мнения вкатывающихся, очевидно побоку.
#188 #1024113
>>1024108
На клиенте или сервере? Бэкэнд логгирует каждый чих, а у клиента только обработка формочек и ой что-то пошло не так, остальное вручную дебажим.
#189 #1024115
>>1024113
Я скорее имел ввиду историю типа

> const suxx = fuck().shit()


и хуй с ним что fuck() может формально что-нибудь не то вернуть. То есть предполагается что fuck() должен что-то возвращать, но как показывает практика должен != обязан.

С логированием отдельная история: много логов - всем на них похуй. Мало логов - хер проссышь че произошло. Крашить сервер по ассерту говно идея. Пока что я пришел к выводу что логировать нужно варнинги/ошибки, и стремится к тому, чтобы логи были пустыми.
#190 #1024117
>>1024115
Typescript решает подобные проблемы.
#192 #1024119
>>1024118
Охвау, снапшототестирование.
#193 #1024120
>>1024117
Решает, но не все. Честно говоря мне он не очень понравился.
>>1024118
Поясни, что это за бабуйня.
#195 #1024124
Добрый день.
Сразу говорю, что я не веб-макака, просто по долгу службы нужно написать одну строчку js.
Мне нужно открыть новое окно в браузере и скрыть в нем адресную строку.
Я использую window.open().
В строке параметров

>location=no


что как раз соответствует видимости адресной строки, для верности еще и

>toolbar=no,menubar=no,directories=no,status=no


Но эта хуйня не работает в хроме, работает только в IE. Я правильно понимаю, что ебаться бесполезно и все зависит от самого браузера?
#196 #1024126
>>1024122
Лень читать. Поясни в двух словах что за хуйня, какую проблему решает, какие есть недостатки и вообще.
25 Кб, 728x649
12 Кб, 669x187
#197 #1024129
>>1024126
лень пояснять лол, jest делает слепок? вьюхи/компонента/любого куска юай
далее когда тесты запускаются, этот snapshot сверяется с тем, что есть сейчас.

Короче поеботка для энтерпрайза, раньше одними юнитами обходились, теперь вот вьюхи еще тестим
#198 #1024130
>>1024126
ах да из недостатков, нам не разрешают это говно на джунов повесить
#199 #1024131
>>1024129
Слепок разметки? Слабо представляю как это говно вообще может помочь.
Статическую разметку нет смысла тестить.
А как оно тестит формы и прочую поеботу?
#200 #1024133
>>1024129
Я к тому что, смысл тестирования в том, чтобы одну и ту же логику написать по разному, типа как тут: http://www.parens-of-the-dead.com/
А как тестить разметку-то? Типа сохранить че было в прошлый раз, и сравниваешь что ничего не поменялось?
13 Кб, 333x61
#201 #1024136
>>1024133

написал компонент форма, она в зависимости от props выглядит по разному, в props попало что то не то ||
не передался какой нить пропс в компонент => он выглядит иначе, я тут же об этом узнаю.

это само собой вдобавок к юнит тестам
#202 #1024138
>>1024136
Ну ок, давай возьмем форму регистрации из двух полей и кнопки:

> юзернейм :: строка


> пароля :: нескажу


> кнопка :: вжух


Как это тестить?
#203 #1024139
>>1024138
Тестить на что? На то, что логика формы работает верно?
#204 #1024140
>>1024138
у input при неправильном заполнении есть класс form__field--err, отправляю туда неверные данные, фиксирую в снепшоте, что класс добавляется,
дописал еще 50 полей к форме, передал туда еще хуй пойми сколько данных, запускаю старый тест, класс все еще добавляется
#205 #1024141
>>1024139
Да вот я хуй знает на что. Что вы там тестите в свом тырпрайзе?
#206 #1024143
>>1024140
Ну и как, это вообще помогает? Как часто такие тесты фейлятся, и как часто вылезают баги, которые тесты не отловили?
#207 #1024145
>>1024044
юамп
#208 #1024146
>>1024145
Нет.
#209 #1024149
Парни, халп.

$(document).ready(function() {

$(".modal-forma").submit(function() {
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php",
data: th.serialize()
}).done(function() {

$('#callback-modal').foundation('close'); // ВОТ ЭТА ПОЕБЕНЬ

setTimeout(function() {

th.trigger("reset");
}, 1000);
});
return false;
});

});

Я тупой верстала. Какого хуя модальное окно после отправки формы не хочет закрываться. Делаю close методом по докам http://foundation.zurb.com/sites/docs/reveal.html
#210 #1024151
>>1024149

$(document).ready(function() {

$(".modal-forma").submit(function() {
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php",
data: th.serialize()
}).done(function() {
$('#callback-modal').foundation('close')
setTimeout(function() {

th.trigger("reset");
}, 1000);
});
return false;
});

});
#211 #1024153
>>1024143

> Ну и как, это вообще помогает?


Помогает

> Как часто такие тесты фейлятся, и как часто вылезают баги, которые тесты не отловили?


если над одним компонентом за неделю может человек 12 работать и кодовая база таких компонентов больше хотя-бы 50к то редко но метко.
#212 #1024155
>>1024153
50к компонентов? Вы там че, ебу дали?
#213 #1024158
>>1024155
имеется ввиду 50к строк
#214 #1024161
>>1024158
Ну это тоже дохуя так-то.
Либо они у вас пиздец какие размазанные, либо я хз.
Что за проект?
#215 #1024162
>>1024161
порносайт)
#217 #1024164
>>1024163
У них же все на жаве раньше было. Перекатились на реакт?
68 Кб, 600x336
#218 #1024165
>>1024164
нихуя ты вспомнил
#219 #1024166
>>1024165
Ну и че, интересная работа? нет
#220 #1024198
Это опять я с хром расширениями. Поясните, пожалуйста, простыми словами в чем разница между скриптами background (persistent), background (not persistent) и content_scripts, если они все вроде бы как работают в бэкграунде. Документацию читал и этот момент не понял вообще.
#221 #1024212

>Дэвид Фленеган - "JavaScript: Подробное руководство"



Ебаный пиздец. Книга с места в карьер сразу кидает. Фукнции обекты, массивы, методы булевые-хуюлевые значения, безо всяких объяснений что это вообще. Как эту говнину можно советовать?
#222 #1024214
>>1024212
Это книга для програмистов. Для фронтендеров почитай https://jquery.com/
#223 #1024256
Аноны, такой вопрос. Есть ли в Sails бест-практис по получению объекта текущего юзера для последующего редактирования?
К примеру можно через User.findOne ... и внутри апдейт сделать, или через User.update({//id юзера}, {//параметры }),
но это выглядит как говнокод,
>>1024212
Ну хз, мне она понравилась.
#224 #1024265
1.2КК город, удаленка, нормальное портфолио у студии, пообщались в скайпе, подрассказал что делал, что могу что хочу, стандартно короче, сказал что претендую на 300 р./ч
@
скинули тестовое на все выходные
@
вы нам подходите, но для начала давайте 50/месяц
@
Ок, высылаю документы
@
да документы получили, можете приступать, устроили вас по тк чето там, 25/месяц в течении 2х месяцев а потом 50...
Занавес
#225 #1024270
>>1024265

>документы получили, можете приступать, устроили вас по тк чето там, 25/месяц в течении


Ахахаха, все так, братишка.
#226 #1024274
>>1024265
Я надеюсь, что ты утрируешь, у нас в городе, также 1.5кк, грузчики получают по 250 р. в час на официале.
#227 #1024282
>>1024274
ни слова не переврал, разве что ща по вики пробил 1.1КК в городе. Удаленка жи. Да и я не сеньер в общем-то. На реакте не больше 3к строк написал да и те пет прожекты типа олиоса. На жквери с ванилой правда бэкграунд есть но один хуй.

алсов: ты таки контакты конторки грузчиков то доставь
#228 #1024285
>>1024282
На любой склад иди. Пятерочки - спортмастеры - похуй. Будешь работать 12 часов, зато в деньгах купаться.
#229 #1024413
Разбираю тут жс по учебнику, нужно вытянуть со страницы данные

var xhr = new XMLHttpRequest();

xhr.open('GET', 'https://2ch.hk/pr/res/1019069.html', (М) true);

xhr.send();

xhr.onreadystatechange = function() {
if (this.readyState != 4) return;

// по окончании запроса доступны:
// status, statusText
// responseText, responseXML (при content-type: text/xml)

if (this.status != 200) {
// обработать ошибку
alert( 'ошибка: ' + (this.status ? this.statusText : 'запрос не удался') );
return;
}

// получить результат из this.responseText или this.responseXML
}

Почему мне выдает ошибку при любой ссылке?
#230 #1024428
https://learn.javascript.ru/task/create-object-tree
Ну как я эту залупу могу решить? Я жеж нюфак ебаный! Я вахуе с этого вашего кантора сука блять
#232 #1024450
>>1024413
Ладно, прочитал про проксирование, теперь мне нужно получить количество символов в коде, страница в той же папке, что и скрипт, почему при исполнении кода ниже мне выдает 0?
alert(xhr.responseText.length);
#233 #1024451
>>1024413

> XMLHttpRequest();


Забей и делай сразу на fetch
60 Кб, 1225x274
14 Кб, 554x96
#234 #1024471
Вечер в хату, жаваны. Поясните за MutationObserver. Я хочу получить только ивент последнего изменения DOM после клика, а он мне выдает целую кучу изменений во время загрузки сайта, что меня не устраивает.
#236 #1024495
>>1024450

>страница в той же папке, что и скрипт


На локалхосте аякс не работает из-за политики безопасности
#237 #1024502
>>1024428
Как-то раз от нехуй делать написал что-то похожее
http://sweetest.do.am/scripts/inspector.html
#238 #1024545
А есть какой-нибудь большой полифил вроде core.js, но для нормальной работы с DOM в старых браузерах? К примеру, я хочу использовать всякие classList или dataset в ie8.

Нашёл только мелкие полифилы для отдельное фич, но искать и подключать сотни мелких полифилов как-то неудобно, а жквери использовать не хочется.
#239 #1024633
А как парсить и получать тот DOM, который пропадает после финальной загрузки, зато есть при инспекте? Например, с видео плеерами так, в финальном хтмл коде нет элементов, которые есть если открыть инспектор.
239 Кб, 1102x682
52 Кб, 1296x690
#240 #1024637
>>1024633
Помогите, плиз. Вот пара скринов с http://videojs.com/advanced/ например. В DOMe в инспекторе есть этот div с текущим временем, а в финальном сурсе нет даже самого div'а. Как вытащить это время, например?
#241 #1024654
>>1024637

>В DOMe в инспекторе есть этот div с текущим временем, а в финальном сурсе нет даже самого div'а.


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

Короче, иди нахуй.
#242 #1024655
>>1024654
Я ебался всю ночь, пытался нагуглить решение.
$('.vjs-progress-holder.vjs-slider.vjs-slider-horizontal') всегда возвращает НИЧЕГО. Почему?
1155 Кб, 1903x905
#243 #1024657
>>1024655

>Почему


Потому что ты криворукий и пиздабол

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

А вообще, ты сначала бы изучил устройство КАК ОНО РАБОТАЕТ, иначе ты так и будешь, всегда, ебаться целыми ночами, без профитов.
#244 #1024659
>>1024657
Что изучать-то? Я бы с радостью, если бы это решило мою проблему.

То, что этого элемента еще или уже нет, мне было понятно с самого начала. Как решить эту проблему и получить нужное значение после его создания? У меня скрипт вызывается по $(document).ready().
#245 #1024660
>>1024659

>$(document).ready().


Он может и позднее создаваться динамически. Отследи в инспекторе.

>Что изучать-то?



Browser Object Model (DOM, CSSOM, etc)
#246 #1024661
>>1024659
http://vjs.zencdn.net/5-unsafe/video.js

Вот тут описываются создания твоего плеера.
Изучай
#247 #1024663
>>1024661

>27 тысяч строк


Толсто.

>>1024660
Ну ок, буду изучать.

>Он может и позднее создаваться динамически


И как тогда мне позднее запускать селектор? Я если что пробовал искать в цикле setInterval() и после ожидания результат тот же. Отследить-то я может и отслежу, вот только это не даст мне ответа на вопрос.
8 Кб, 935x117
#248 #1024665
>>1024660

>Отследи в инспекторе


Вот создание прогресс бара. Толку от этого правда ноль.
37 Кб, 863x213
15 Кб, 754x264
#249 #1024673
Тут какая-то совсем нездоровая хуйня происходит. Навесил исполнение при любом изменении DOMа с MutationObserver, он выполняется всегда при изменении любого аттрибута внутри. Но селектор все равно не находит нужный элемент. Хотя в консоли все работает.

Я учел вообще все варианты, явно какой-то баг.
#250 #1024674
>>1024673
У тебя там .vjs-slider-horizontal.
Ну и попробуй еще в таймер запихнуть, может на момент dom changed нет еще элемента.
#251 #1024675
>>1024673
я тож подумал что он дело грит >>1024674 может скрипт не в конце body стоит
#252 #1024677
https://reactstarter.com/
Highly Customizable
ага бля конечно
#253 #1024678
>>1024674
Ну дык я запускал в таймере, я ж говорил >>1024663
А вообще этот MutationObserver работает так: происходит изменение в доме -> вызывается коллбэк функция с выводами в консоль. Так что этот элемент никак не мог пройти мимо.

>может скрипт не в конце body стоит


Скрипт вообще нигде не стоит, это расширение для хрома, он запускается на document.ready. И предвидя ваши вопросы, остальные селекторы работают нормально, но вот с видео нихуя не выходит.

Ставлю анус, что где-то пидарский баг засел.
#254 #1024679
>>1024673

>явно какой-то баг


Ну да. Дело по любому в js или в браузере. Иначе и быть не может.
#255 #1024680
>>1024679
Дурачок, баг в моем коде который не касается непосредственно этого селектора но влияет на результат. А не в браузере и жс.
#256 #1024681
>>1024673
Ты ебанутый, нахуя отслеживаешь ВСЕ СОБЫТИЯ. Когда тебе надо чекать только появление новых элементов и сверять их с селектором.

Ты ебанутый, чувак.
#257 #1024682
>>1024681

>нахуя отслеживаешь ВСЕ СОБЫТИЯ


ПОТОМУ ЧТО ИЩУ ЧТО НЕ ТАК. Пиздец, когда что-то неработает именно так и ищутся ошибки.
#258 #1024684
>>1024682
Сделай минимальный пример с багом.
#260 #1024693
>>1024689
-_-
Минимальный пример это код, который другие люди могут запустить у себя и посмотреть.
#262 #1024695
>>1024689
Если это все, что на скриншотах, то заархивируй и загрузи куда-нибудь.
11 Кб, 914x156
#263 #1024699
>>1024695
Даже меньше, иконки не нужны.
http://dropmefiles.com/hRCjA

Распаковуй, включай режим разработчика, добавляй папку, заходи на https://smotret-anime.ru/catalog/hotaru-no-haka-1752/movie-1-seriya-56633/russkie-subtitry-1112229 и запускай консоль, проверяй.
21 Кб, 743x199
#265 #1024705
>>1024704
код забыл
#266 #1024707
>>1024705
забирай, всю ночь он ебался мля
http://dropmefiles.com/pdLGT
#267 #1024708
аноны кто работает верстальщиком\фронденщиком?
если я говнокожу что пиздец но все что нужно работает меня возьмут джуном?
#268 #1024709
>>1024707
>>1024705
Ебаный пиздец. Спасибо. Как можно было понять, что дело в айфрейме и что $() не выбирает оттуда? Не веришь, что всю ночь ебался? А зря, так и было.
#269 #1024710
>>1024699
И кстати тут >>1024673 у тебя тоже ничего не возвращалось даже в консоли.
Потому что iframe как этот сказал >>1024705
#270 #1024711
>>1024709

>Не веришь, что всю ночь ебался? А зря, так и было.


Ну это он типа похвастаться решил, что меньше чем за 20 минут справился.
#271 #1024712
>>1024711
бля я меньше чем за минуту справился ежели чего...
#272 #1024714
>>1024712
А ты крутой, можно я у тебя отсосу?
#273 #1024715
>>1024714
лол дак уже
#274 #1024717
>>1024709
Можно было заметить, что у тебя селектор вообще не работает.
Также можно было проверить на другом сайте, где все бы заработало, после чего ты смотришь в чем разница между сайтами.
Ну и просто с опытом, в следующий раз вспомнишь про айфреймы.
149 Кб, 500x500
#275 #1024740
Пойцаны, посоветуйте, пожалуйста, что изучать, чтобы вкатиться в node.js. Пока что смотрю Кантора, прошёл разные курсики, в которых самое сложное, чему можно научиться, это делать рауты. А я хочу в хедерах там разбираться, ну и еще во всяком таком, чтобы можно с пацанами за чашкой смуззи разговор поддержать.
#276 #1024746
Аноны, поясните за модули из es6 для тупых. Правильно ли я понимаю, что это просто спецификация для всяких SystemJS, Webpack и прочих бандлеров с подключенными транспилерами es6 кода и что просто из коробки эта хуйня не будет работать в браузере?
#277 #1024748
>>1024746
Будет, когда w3c допилят loader api
#278 #1024758
>>1024748
Заебиииись.
#279 #1024759
>>1024748
Пруфчик бы.
162 Кб, 1143x642
#280 #1024760
Кому нужен пикрелейтед, пишите на фейкомыльцо
arrodg`NanANUSy1|kaPUNCTUMrTGpu, отдам за косарь. Вышлю почтой, ТК, автобусом.
#281 #1024762
>>1024760

> книжка на мове

39 Кб, 500x700
#282 #1024764
>>1024760
Поменяю на
#284 #1024812
>>1024809
Твоя хуйня выбросила через "Мне повезет" на гикрадио какое-то.
#285 #1024823
>>1024812
Ты дебил? Ты нахуя там нажимаешь что-то?
#286 #1024824
>>1024823
Да пошел ты, уже сам драфт спеки нашел.
Нахуй выеживаться-то было?
#287 #1024879
Все, я прошел learn.javascript.ru
Теперь подскажите мне такой же матерый фундаментальный ресурс/книгу по Реакту.
#288 #1024921
>>1024764
proigrano
#289 #1024925
>>1024879

> фундаментальный ресурс/книгу


>о библиотеке, которая постоянно меняется.

#290 #1024965
>>1024925
Спроше по-другому: по чему учить реакт?
#291 #1024967
>>1024965
По докам.
#292 #1025047
https://github.com/supnate/rekit

смотрите какую годноту нашел
#293 #1025052
>>1025047
Достойный пристального анализа бойлерплейт.
#294 #1025063
>>1025047
13 630 строк кода, лол.
#295 #1025102
Реквестирую лучший генератор статиков с блекджеком и шлюхами поддержкой реакта, scss и вебпака. Попробовал Phenomic - он даже не установился нормально.
33 Кб, 454x396
#296 #1025139
Поясните! Чувак (который делает сайты с помощью html css и js) сказал - "перехожу постепенно в полноценную фронтенд разработку". Что это означает? А до этого он что делал?

Что делают с помощью этого языка js? Ну вот эта вся хуитень всплывающая-выезжающая и прочая на сайтах, а что ещё? Явно ведь в крупные компании набирают людей не для подобной хуйни.
Может это и будет ответом на первый вопрос.
#297 #1025146
>>1025139
работа с данными, работа с бизнес-логикой на клиенте, оптимизация производительности, многопоточности, разработка API, покрытие тестами.
красивости и слайдеры - обычно это работа продвинутого верстальщика.
#298 #1025203
>>1025102
но зачем
#299 #1025242
>>1025146

>оптимизация многопоточности


ну нихуя себе
#300 #1025248
Бамп вопросу.

>Мобильные приложения: Cordova, NativeScript, React Native, Phonegap, Ionic


Что из этого брать и почему? Это аналоги ноды, но для смартфонов/планшетов, верно? Как вообще с мобильной разработкой на жс, так же хуево, как для десктопа выходит (прожорливо, слоупочно, ебануто, интерпретатор с зависимостями жрет больше питона, текстовый редактор жрет 200 мегебайт и при этом работает медленнее саблайма) или нормально и вполне сравнимо с разработкой на xamarin, например?
>>1019088
Можешь пожалуйста пояснить подробнее отрицательность опыта?
>>1019074
В чем разница? Они компилируются в жабу/свифт вместо использования жс-интерпретатора?
#301 #1025412
пишу небольшой апп на электроне-реакте-редукесе, будет клиент на дестоп и в браузер. сейчас добавляю экспресс чтобы можно было POSTить мемусы. какая самая заебистая """2017 эдишн""" библиотека чтобы комуницировать с сервером из реакта-редукоса? чтобы было дохуя старов на гитлерхабе и типа все продвинуто, паттерны там интересные и вся хуйня. axios? relay+graphql? может сокеты накатить аля Socket.io? какие базворды гуглить?
#302 #1025728
Как вкатиться новичку? Хочу попробовать себя, но с чего, собственно, начать? Шапку пролистал
#303 #1025731
>>1025728
Опыт в программинге есть? Если нет, то так даже лучше, не будет припекать из-за ебанутости языка в вебе.
#304 #1025809
#305 #1025840
Проясните такой момент, пожалуйста. Вот, например, я пишу на реакте и использую бутстрап. Есть два варианта: импортировать весь бутстрап или импортировать по частям(типа import {Row} from 'bootstrap). Если импортировать по частям, то в бандл войдёт только часть бутстрапа, включающая в себя Row, и финальный файл будет меньше или не имеет никакого значения?
#306 #1025848
привет антон. хочу быть фулстеком. да, ебань тупая, но похуй. хочу типа шарить в вашей шараге.

Итак что мне нужно IDE:
- с НОРМАЛЬНЫМ блять intellisens, как в моей студии с шарпом
- объекты из РАЗНЫХ js файлов должны подтягивались и быть доступными через intellisense
- область видимости обьектов в зависимости от используемого контекста должна учитываться в intellisense. по умолчанию должен быть глобальный/локальный/похуй, желательно иметь возможность на это влиять
- CTRL+S для обновления скриптов, вместо вашей компиляции. Мне похуй на ваши ебучие сборщики. У вас была победное хуета: CTRL+S и F5 в браузере. Но потом вы все обосрали вонючим нпмом, галпом и другим не свежим дерьмом. Я ебал связывать в тентаклях, тим ситях или батниками это дерьмо с реальностью. Я хочу нажать CTRL+S и шоб оно все взлетело нахуй!
- возможность запиндюривания всего этого в мой божественный ASP.NET MVC

- прожект на гите типа hello-world-motherfucker - приветствуется
#307 #1025862
>>1019069 (OP)
стоит лучше учить ноджс (на сервер сайд вообще не могу, даже пхп) или всетаки руби? Мало хде на хостингаг видел возможность работать с нодом, да и маленькие проекты буду клепать
#308 #1025867
>>1025848
Какой-нибудь vs code с сотней плагинов?
#309 #1025870
>>1025840
Зависит от бандлера. Если он умеет tree-shaking, то будет только то, что нужно.
#310 #1025871
>>1025848
вебсторм
>>1025862
руби если ты лесбуха, негр или/и гей
>>1025840
modules: false в бабеле и тогда import {stuff} from будет меньше кода а вообще tree shaking багнуто работает, лучше сам в бандл посмотри и проверь и так и так
66 Кб, 459x522
#311 #1025910
>>1025871

>вебсторм


платность не то чтобы бомж, но жаба душит

>>1025867

>vs code


у меня professional VS со всем что только можно, MSDN subscription и другое и я чем только не обмазывал это дерьмо. без JetBrains с их решарпером в JS не получалось. а мне еще больший зашквар нужен - реакты там починять, ангуляры чинить, тойпскрип хуячить.

боюсь, это там запилина под шарп онли
#312 #1025911
>>1025910
Очевидный emacs
#313 #1025934
>>1025910

>платность


у них есть халявный EAP или торрент
алсо недавно css-модули добавили - наконец можно прыгать из className={} в ксс файл
#314 #1025936
JSач, помоги ньюфагу с задачкой.

Условие:

Создайте код, который принимает имя и рейтинг студента.
Проверьте корректность ввода на длину имени (не короче 1 символа и не длиннее 20-ти), рейтинг в пределах от 100 до 200
При несоответсвии - сообщение на экран и прекращение работы скрипта.

При корректном вводе полученные данные должны накапливаться как элементы двух массивов - имена и рейтинги. Индексы элементов массивов у одного студента совпадают.
Ввод должен быть не менее 10-ти сутдентов.

Перебором массива рейтингов вычислить средний рейтинг.

Перебором массива студентов выводить на экран в отдельной строке имя студента, его рейтинг и средний рейтинг.

Вывод должен быть ПОНЯТЕН пользователю.

Ввод должен быть через prompt.
#315 #1025952
>>1025936
if not 100 <= rating <= 200:
. . print('error')

if not 1 <= len(name) <= 20:
. . print('error')

Дальше сам.
#316 #1025953
>>1025910
вебшторм можно на торрентах найти или EAP
#317 #1025986
>>1025870
>>1025871
Я про вебпак. Почитал про tree-shaking и судя по всему, импортинг бутстрапа через <link> тэг является ужасным преступлением. Устроился юниором, а в моем проджекте дядька-сеньор-помидор так и делал.
#318 #1025987
>>1025986
Все хуйня. Чаще всего это говно вообще закешировано через CDN.
#319 #1026033
>>1025986
застучи его, теперь ты новый сеньор, к этому также должна прилагаться высшая зп 300к в сек
#320 #1026050
>>1024677
Забираю короче свои слова обратно.
5 Кб, 631x35
#322 #1026071
>>1026051
Выглядит кстати неплохо, но не покидает ощущение, что избыточно писать такие примитивные вещи
#323 #1026073
>>1026071
Если честно я обосрался 10 раз пока это писал. Пришлось просить помощи на гиттере, потому что я нихуя не могу пока осилить монад-трансформеры.
Если убрать миллиард импортов, то по строкам выходит так же как на жсе https://jsbin.com/qenazareje/edit?html,js,output
#324 #1026077
>>1025248

> Можешь пожалуйста пояснить подробнее отрицательность опыта?


раза три появлялись ошибки как на пике, Это рандомная со stackoverflow. И непонятно как ее собственно дебажить, хотя если в команде будет android разработчик хотя бы один, такие проблемы, проблемами можно будет не считать.
38-45 fps: можно подумать, что это я наговнокодил, но разве что они https://ant.design/
нужно тогда и pros упомянуть: я довольно шустро накидал простенькую первую прилку на андроид, буквально часов за 5
делай скидку, что у меня это совсем проба пера была.
#325 #1026080
>>1026077

> первую


бля с разметкой проебался, на самом деле это не должно быть перечеркнуто

> первую

#326 #1026081
>>1026071
аа я еще пик не к тому посту приклеил, надо не заходить накуренным сюда
>>1026080
#327 #1026082
>>1026081
Бля поделись :(
#328 #1026086
>>1026082
так полный тор...
#329 #1026132
>>1026033
Завтра буду говорить с хозяином. Это мой шанс. Мы поменяемся местами и теперь уже я буду заставлять его верстать под IE8 за 30к рублей.
#330 #1026135
>>1026132
твой дед-синьор наверняка еще использует HtmlWebpackPlugin чтобы index.html в дист копировать, скажи хозяину что лучше в file-loader .html прописать и делать import html from './index.html' прямо в index.js как настоящий боярин без плагина
#331 #1026139
Расскажите про electron
#332 #1026142
>>1026135
Я ничего не понял, но запишу на бумажку, выучу и скажу. Я вам доверяю, пацаны. Надеюсь, вы меня не наёбуете. там .cshtml шаблоны, в которые он импортит
#333 #1026145
>>1026142
вобщем хозяин все равно ниче не поймет, намекни ему типа, рефакторинг рекурсия там абстракции, редьюсеры, монады, экспириенс, ну и главное то что деда пора сливать а дорогу молодым типа право имеешь 30к верстка для ie8 тебе все равно терять нечего
#334 #1026147
Какая разница в чём верстать, если всё один хуй через бебель прогоняется?
#335 #1026148
>>1026147

>Какая разница в чём верстать, если всё один хуй через бебель прогоняется?


разница кто потом это поддерживать будет, а вообще каждый дрочит как хочет
#336 #1026220
>>1024879
Когда вкатываться думаеш? За сколько осилил?
#337 #1026315
>>1025248

>Мобильные приложения: Cordova, NativeScript, React Native, Phonegap, Ionic


>Что из этого брать и почему? Это аналоги ноды, но для смартфонов/планшетов, верно? Как вообще с мобильной разработкой на жс, так же хуево, как для десктопа выходит (прожорливо, слоупочно, ебануто, интерпретатор с зависимостями жрет больше питона, текстовый редактор жрет 200 мегебайт и при этом работает медленнее саблайма) или нормально и вполне сравнимо с разработкой на xamarin, например?


Еще раз бампану, аноны, помогите пожалуйста. Вопрос к перекатчикам треда: вы если уж FAQ такойи пилите, вы хотя бы немного должны быть в состоянии объяснить непонятные места в нем, иначе зачем он нужен вообще?
>>1026077
Спасибо, анон. Мне казалось, трудности дебага вообще фирменная фишка жс.
#338 #1026316
>>1026086
Сейчас с магазинами непонятки. Рампа очень скатилась за последние годы, есть куча вариантов на спец-сайте собрано, что-то вроде годнотабы, или как ее. Но хуй проссышь, чему из этого можно доверять, а что кидалово ебаное уровня "киллеров за биткоины". Поиск замороченный, автошопы не везде, а где есть - не совсем понятно, где громко кричать, чтобы барыгу опустили, если возникнут проблемы типа отсутствия клада, а барыга пошлёт. Еще из-за количества всех этих магазинов ты сам становишься хуем с горы, одмины не могут понять - это барыга охуел, или это ты пытаешься его наебать. А еще разброс цен бесконтрольный. Все не так просто с этим вашим тором, я вот уже с год ничего не брал из-за этого всего.
#339 #1026337
>>1026220
февраль-середина июля, но я бывало распиздяйничал по неделе, но вообще за день две-три темы прорабатывал. все задачи решил без подглядывания.
ну вот стек реакта освою, хуйну какой-нибудь модный СПА и попробую вкатиться.
#340 #1026355
Как на jquery запилить такую тему: у меня есть скроллящееся окно с сообщениями, и мне нужно, чтобы скрипт периодически мониторил те сообщения, которые находятся в видимости скролла. Что-то долго гуглил, да не нагуглил, ибо тупой. Помогите, пожалуйста.
#341 #1026389
>>1026355
setInterval()
#342 #1026474
>>1026389
про сетинтервал я знаю (сеттаймаут получше все равно будет). меня больше интересует то, как захватывать область скрина, и по захваченной области проводить итерацию
#343 #1026485
>>1026474
Ты даже сам не понимаешь, что ты говоришь и что тебе надо.
#344 #1026525
>>1026474
сеттаймаут один раз сработает, если надо периодически что-то делать то нужен именно сетинтервал
двачую, ты даже не можешь сформулировать задачу
#345 #1026579
>>1026485
Смотри. есть область экрана. она скроллится (сообщения. как в вк). мне нужно как-то выделять список сообщений из текущего окна, с текущими границами в рамках текущего скролла. ну и делать это раз в 5 секунд
#346 #1026581
>>1026525
и сеттаймаут работает постоянно, если вызывать его через аякс рекурсивно
#348 #1027681
>>1027660
Ебать там простыня. Че происходит то?
#349 #1027720
Интегрирую eslint в существующий проект, естественно всё красное. Можно как-то натравливать его только на "помеченные" файлы, например, специальным комментарием?
#350 #1027734
>>1027681
рекламу встроили в плагин c 4млн закачек, пацаны к успеху шли
>>1027720
http://eslint.org/docs/user-guide/configuring#ignoring-files-and-directories
#351 #1027735
>>1027734
Спасибо, так и сделал. Думал, может есть дефолтный стейт "не проверять нихуя"
#352 #1027781
>>1027735
сейчас еще модно-молодежно использовать https://github.com/prettier/prettier правда иногда части кода пропадают но это ладно
#353 #1027802
>>1026315
Бамп, ну же.
#354 #1027807
скриптаны а поясните плз за такую запись

const {classes} = jss.createStyleSheet(styles).attach()

не гуглится
#355 #1027809
>>1027807
интересует вот эта часть {classes}
195 Кб, 773x582
#357 #1027828
Вот, жсач, ты тот кто мне нужен. Смотри пик, а не знаешь какого нить слайдера, элементы которого можно кастомно называть при появлении (slideIn)/уезжании(slideOut)
хочу сделать что то типа, когда наступает событие slideIn, эти картиночки появлялись по очереди а не всем скопом
79 Кб, 768x432
#358 #1027853
Столько знаков доллара, как будто на пхп пишешь.
#359 #1027878
>>1027814
спасибо :3
#360 #1027887
>>1027853
Это пхп?
#361 #1027888
>>1027887
Нет, это purescript. Он конпелится в жс.
#362 #1027977
>>1027853
Выглядит как говно.
#363 #1027979
Аноны, кто работал с гугл мапс апи? Я отдаю клиенту геоджейсон, нужно отрисовать его на карте и не просто map.data.loadGeoJson, а нужно для разных маркеров - разные иконки. т.е. мне нужно как-то после map.data.loadGeoJson вытащить эти объекты и по своему их отобразить.
36 Кб, 405x531
#364 #1027988
пацаны а в чем смысел такого написания стилей? У нас прост верстак, поопытнее меня будет и так пишет, чем ему обычные css свойства не угодили ?
#365 #1027989
>>1027988
в смысле к @media #{sizeName} у меня вопросов нет, сам так делаю, но опять же я делаю @media вложенным в селектор а тут прям в main.sass
#366 #1028190
Ну поясните же, как устроено наследование в ваших этих прототипных языках.

function Say(model) {
this.say = () => 'Hello';
}

function Person(name) {
this.name = name;
}

util.inherits(Person, Say);
var jack = new Person('Jack');
jack.say(); // тут node посылает меня нахуй


Как сделать так, чтобы было как в джавочке?
#367 #1028191
>>1028190

> function Say() {


fix
#369 #1028231
>>1028190
>>1028219
Задавай свои вопросы.
вкатываюсьМесяц-сама
58 Кб, 1216x381
#370 #1028232
>>1028231
Отклеилась пикча
#371 #1028308
>>1028232
Версия ноды?
103 Кб, 965x753
#372 #1028329
аноны, дали простое тестовое в, видимо, формошлепскую контору. но я не учил js, пока только пыху. Начал выполнять с минимумом знаний о JS. надо на вордпрессе создать страницу и в ней сделать форму, которая отправляется AJAXом. я начал с простых уроков но не пойму, вроде бы пишу все правильно, но при нажатии кнопки отправить - страница перезагружается, как этого избежать?
#374 #1028344
>>1028332
прочитал, не особо понял куда воткнуть. смотрел видеоурок, оттуда пишу:
<script>

function testFunction(){
var element = document.forms["form-login"].elements["name"].value;
if(element=='""){
alert ("Field Name is empty");
return false;
}
}
</script>
но он не работает, страница перезагружается и окошко не выплывает.
#375 #1028352
>>1028308
Дело не в версии ноды.
Плагин для sublime text под React.JS #376 #1028357
Сап аноны, подскажите годный плагин под реакт
#377 #1028362
>>1028352
Значит в голове. Потому что все работает как надо.
#378 #1028411
>>1028357
Webstorm
#379 #1028414
>>1028357

> sublime text


> 19 July 2017

#380 #1028459
>>1028411
Ета ебанина при попытке создать новый метеор прожект, то есть ебаное meteor create, пару минут жрало процессор и пыхтело диском, и в итоге выдало ошибку с пустой нодопапку.
#381 #1028497
аноны, такой вопрос: вот я иногда в проекте динамически создаю произвольные блоки и навешиваю на них произвольные обработчики событий. Причём обработчики событий навешиваются при загрузке странице в момент инициализации модуля.

Теперь сам вопрос: возможно ли как-то зарегистрировать созданный блок, чтобы с ним работал написанный здесь обработчик, или тут только закомментированный вариант будет работать?

https://jsfiddle.net/7tqf7b9b/3/
#382 #1028498
>>1028497
Гугли jquery.on
#383 #1028499
>>1028498
про него я знаю, но он тоже не работает в таком случае
https://jsfiddle.net/7tqf7b9b/5/
117 Кб, 1280x720
#384 #1028500
Посмотрел vue

>магия магия заклинания магия.


>Ну просто же! Просто заучи как хорошая макака.


Лучше дальше пойду долбить реакт.
32 Кб, 580x352
#385 #1028502
>>1028500
Писать код в строчках уже даже в пхп немодно. А вот реакт который тайпчекается, вот это ня.
#387 #1028508
>>1028502
Как будто в реакте не надо писать код в строчках (jsx).
#388 #1028511
>>1028508
Я и не говорю про реакт. Я говорю про пик, на котором пюрешка, которая тайпчекает реакт.
#389 #1028516
>>1028511
ИМХО, лучше более практичное: либо flow/typescript, либо вообще reason
#390 #1028517
>>1028516
any/any
Если ты видел какие получаются дженерики на тайпскрипте, то это даже не смешно.
231 Кб, 900x646
#391 #1028539
Поясните за VSCode vs. Atom.
Какие плюсы/минусы по вашему субъективному/объективному мнению.
VSCode ведь ШВАБОНЫЙ, как и Atom?
Где приятнее пердолить расширения (пэкеджи)?

Сам пока сижу на Атоме, но бугуртить от него начинаю всё чаще.
#392 #1028605
Как же бомбит от всех этих ангуляров, реактов, вебпаков...
Вот раньше как просто и удобно было: в блокноте набросал HTML, подключил <script src="jquery.min.js">, еще что-нибудь для дополнительных компонентов (да тот же jQueryUI), да CSS добавил, сиди и верстай, получай AJAX'ом JSON с сервера да обновляй DOM. Что-то не работает - Хром с Лисой все ошибки покажут.
А сейчас ППЦ, уже сложнее бэка, собирается хуй знает как, пишется хуй знает на чем (какие-то TypeScript, SASS, HAML...), менять поведение компонентов хуй знает как (в Bootstrap 2 варианта меню для больших и маленьких экранов, а один вариант никак не сделать), отлаживать вообще невозможно.
И бэкендеров в энтерпрайзе заставляют всю эту хуйню учить. Нахуй мне в .NET всрались эти Bootstrap'ы и Angular'ы?
#393 #1028607
>>1028605
хз как это выглядит с точки зрения бэкендера, но на самом деле и реакт и угловой и вью и прочие nextcss довольно сильно упрощают жизнь мне как верстале.
вместо того же var xhttp = new XMLHttpRequest();
гораздо проще и приятнее писать
const users = await fetch('/domen.com/api/v3/users')
а flexbox и css гриды еще и верстку в обозримом будущем сделают сплошным удовольствием
#394 #1028609
>>1028605
и да

> менять поведение компонентов хуй знает как


сейчас жс фреймворки настолько высокоуровневые, что проще написать нужный тебе компонент один раз, а потом таскать его из проекта в проект
#395 #1028611
>>1028605

> И бэкендеров в энтерпрайзе заставляют всю эту хуйню учить.


а че энерпрайз не может себе реакт верстальщика позволить ?
#396 #1028614
Сап.
Не получилось разобраться с помощью гугла, поэтому надеюсь на твою помощь, анон.

Есть jQuery. И есть два отдельных элемента DOM, созданных с помощью него, например, element1 и element2.
Суть проблемы в том, что надо их как-то так сгруппировать в, например, group1 так, чтобы не класть их в какой-то div или около того, но при этом была возможность вызвать group1.hide()
#397 #1028621
>>1028607
>>1028609
Мне надо динамически строить и показывать графы (схему узлов шины предприятия). Без ноды, пакетов и фреймворков я просто качаю c d3js.org скрипт для работы с SVG, подключаю его на своей страничке через <script src="">, там же пишу функцию с кодом типа
var svg = d3.select("#svg-container").append("svg").attr("width", 400).attr("height", 400);
svg.append("rect").attr("x1", 5).attr("y1", 5).attr("width", 50).attr("height", 50);
... и т.д.
Вызываю эту функцию в <body onload>, создаю и подключаю CSS файл - все работает и отображается. За 10 минут готов макет. За полчаса - связка с GraphQL с обновлением по таймеру. Готово, далее остается лишь backend работа да украшательства с темами с круглыми кнопками.
На Angular 2 приложении:
1) я ебусь, чтобы узнать какие зависимости нужно подключать в package.json;
2) я ебусь, чтобы узнать, почему возникают дебильные ошибки типа "TypeError Cannot set property 'emulateTransitionEnd' of undefined" внутри автоматически сгенерированных *.js скриптов;
3) я ебусь, изучая модель MVC (зачем она на фронте, который сам является View?!);
4) наконец, через 3 дня мне удается создать свой компонент и подключить d3, прописав где нужно и добавив import. Я пишу в своем компоненте предыдущий код:
var svg = d3.select("#svg-container").append("svg").attr("width", 400).attr("height", 400);
svg.append("rect").attr("x1", 5).attr("y1", 5).attr("width", 50).attr("height", 50);
и жестко обламываюсь, не видя результата - оказывается в TypeScript почему-то не передается правильно this;
6) вместо своего самопального меню я решаю "упростить разработку", беру Bootstrap и быстро набираю код с navbar из туториалов, но если на мобильниках все ок, то на большом экране показывается глюкодром вместо меню, гугление выдает, что для отображения мобильного стиля надо собирать собственную сборку на сайте Bootstrap (!), которую, естественно, к Angular 2/TypeScript никак не подключишь.
3 дня убито, а я не могу перенести код, написанный ранее за 10 минут. Это называется гораздо проще?
Проще на Delphi, проще на любой CMS, где сразу генерируется правильный работающий дизайн, который при желании очень легко исправить вручную.
А здесь - куча мусора, который лагает, и в котором совершенно невозможно разобраться. Разумеется, можно попробовать разобраться в этом зоопарке, этак за пару-другую лет. За это время выйдут совершенно новые фреймворки и языки с полной потерей обратной совместимости. А то, что ты учил, будет давно забыто и никому не нужно, как первый ангуляр и Dart.
Раньше было проще - и для дизайнера (которому достаточно было выучить основы HTML & CSS), и для программиста (была стабильная, неизменная основа, к которой прикручивалось все нужное, либо быстро писалось самому).
#397 #1028621
>>1028607
>>1028609
Мне надо динамически строить и показывать графы (схему узлов шины предприятия). Без ноды, пакетов и фреймворков я просто качаю c d3js.org скрипт для работы с SVG, подключаю его на своей страничке через <script src="">, там же пишу функцию с кодом типа
var svg = d3.select("#svg-container").append("svg").attr("width", 400).attr("height", 400);
svg.append("rect").attr("x1", 5).attr("y1", 5).attr("width", 50).attr("height", 50);
... и т.д.
Вызываю эту функцию в <body onload>, создаю и подключаю CSS файл - все работает и отображается. За 10 минут готов макет. За полчаса - связка с GraphQL с обновлением по таймеру. Готово, далее остается лишь backend работа да украшательства с темами с круглыми кнопками.
На Angular 2 приложении:
1) я ебусь, чтобы узнать какие зависимости нужно подключать в package.json;
2) я ебусь, чтобы узнать, почему возникают дебильные ошибки типа "TypeError Cannot set property 'emulateTransitionEnd' of undefined" внутри автоматически сгенерированных *.js скриптов;
3) я ебусь, изучая модель MVC (зачем она на фронте, который сам является View?!);
4) наконец, через 3 дня мне удается создать свой компонент и подключить d3, прописав где нужно и добавив import. Я пишу в своем компоненте предыдущий код:
var svg = d3.select("#svg-container").append("svg").attr("width", 400).attr("height", 400);
svg.append("rect").attr("x1", 5).attr("y1", 5).attr("width", 50).attr("height", 50);
и жестко обламываюсь, не видя результата - оказывается в TypeScript почему-то не передается правильно this;
6) вместо своего самопального меню я решаю "упростить разработку", беру Bootstrap и быстро набираю код с navbar из туториалов, но если на мобильниках все ок, то на большом экране показывается глюкодром вместо меню, гугление выдает, что для отображения мобильного стиля надо собирать собственную сборку на сайте Bootstrap (!), которую, естественно, к Angular 2/TypeScript никак не подключишь.
3 дня убито, а я не могу перенести код, написанный ранее за 10 минут. Это называется гораздо проще?
Проще на Delphi, проще на любой CMS, где сразу генерируется правильный работающий дизайн, который при желании очень легко исправить вручную.
А здесь - куча мусора, который лагает, и в котором совершенно невозможно разобраться. Разумеется, можно попробовать разобраться в этом зоопарке, этак за пару-другую лет. За это время выйдут совершенно новые фреймворки и языки с полной потерей обратной совместимости. А то, что ты учил, будет давно забыто и никому не нужно, как первый ангуляр и Dart.
Раньше было проще - и для дизайнера (которому достаточно было выучить основы HTML & CSS), и для программиста (была стабильная, неизменная основа, к которой прикручивалось все нужное, либо быстро писалось самому).
#398 #1028622
>>1028611
У нас только дизайнеры, они не знают эту хуйню. Ради примитивного дизайна (раньше он вообще был на WinForms) отдельную вакансию никто открывать не будет.
#399 #1028625
>>1028614
jquery умеет делать выборку по имени класса
#400 #1028628
>>1028625
Дело в том, что использовать селекторы тут - излишние костыли. Проще уж просто завести массив из этих элементов с отдельной функцией, которая просто будет на каждый применять hide().

const e1 = $("<div></div>");
const e2 = $("<div></div>");

// не работает, но хотелось бы нечто подобное
const group = $(e1, e2);
group.hide();
#401 #1028634
>>1028628
Массив - это объект, к которому можно добавлять методы: https://jsfiddle.net/x4qeopn6/
#402 #1028639
>>1028634
Спасибо, анон. Вот это - уже очень близко к нужному. Дальше уже сам разберусь.
#403 #1028691
Что за курсы от sololearn по JS, я их за день прошёл. Они вообще дадут что-то кроме начальных знаний?
#404 #1028697
>>1028628
зачем извращаться?

const e1 = $("<div></div>");
const e2 = $("<div></div>");

[e1, e2].forEach(e => e.hide());

for(let e of [e1, e2]) e.hide();
#405 #1028735
>>1028691

>sololearn


>Меня научили стучать молотком. Теперь я смогу DOM построить?

#406 #1028739
>>1028621
Да ваще раньше заебись было. Кроме счетов, чернил и пера с пергаментов ничего не надо было. Пиши и считай как хочешь. А щас какие-то комплюктеры напридумывали суки.
23 Кб, 306x480
#407 #1028766
есть одна страница в вордпрессе, запихиваю на неё простенький код:

<input type="text"> oninput: <span id="result"></span>
<script>
var input = document.body.children[0];

input.oninput = function() {
document.getElementById('result').innerHTML = input.value;
};
</script>

что должен печатать то, что вводится в инпуте, а он не работает. почему? не злитесь, я немного глупенький в ВП, да и вообще
#408 #1028812
Опять гугл мапс вопрос, создаю маркер и настраиваю в нем тайтл - не отображается, создаю информ-окно - не всплывает. В тайтле даже обычный текст вписал - не помогает. Может подскажете, в чем дело?
https://pastebin.com/tHMvDHvd
#409 #1028814
>>1028812

>не отображается


уточню что не отображается именно тайтл, сам маркер прорисовывается.
#410 #1028815
>>1028697
И тебе спасибо, анон.
В итоге совместил решения, получилось так:

function createGroup(...elements) {
elements.hide = function() {
this.forEach(e => e.hide());
};
elements.show = function() {
this.forEach(e => e.show());
};
}

createGroup(e1, e2).hide();
#411 #1028826
>>1028812
Ещё добавлю что если создать маркер вне цикла - тайтл появляется.
130 Кб, 1280x720
#412 #1028828
Зачем этот хрен пишет
!ingredientId || ingredientId =""
Если пустая строка falsy один хуй?
#413 #1028829
>>1028828
Ошибки случаются.
#414 #1028831
>>1028829
Какие?
#415 #1028832
>>1028828
И это еще фигня, бывает и похуже.
Например, копируешь предыдущую проверку, но забываешь подменить условие.
Или пишешь условие так, что оно всегда true / false.
519 Кб, 850x1288
#416 #1028839
Посонва, хочу написать типа диалогового квеста на JS. Не хочу фреймворки дрочить, задача попутно прокачать навык юзания JS. Встает самый главный и трудный вопрос. Где хранить текст диалогов? JSON или в объекте?
#417 #1028842
>>1028839

> JSON


практичнее будет
#418 #1028843
>>1028832
Не понял.
Он это руками писал, еще и проговаривал. Он просто не знает что делает, или я что-то не понимаю?
#419 #1028850
>>1028843
Люди совершают ошибки, это неизбежно.
Знает или нет нельзя сказать наверняка из кода. Такие ошибки могут случаться по невнимательности.
#420 #1028854
Ребят, как в реакт-редаксе принято выполнять коллбеки после отработки асинхронного экшена?

Пример:
1) юзер жмет на кнопку,
2) запускается асинхронный экшен
3) после того как отработал компонент, который запустил этот экшен запускает коллбек
#421 #1028859
>>1028828

>!ingredientId || ingredientId =""


Глаза разуй. Он там не это проверяет.
#422 #1028861
>>1028859
Он проверяет !x || x === "", но в этом нет смысла.
#424 #1028886
Почему JS такой ебанутый язык? Читаю про ООП, он не ООП, но там можно через прототипы типа как ООП сделать, а еще через функции, а еще через классы. И все 20 разными синтаксисами. Через точку блять, через new, через функции, через прототайп через __proto__ уверен что можно и через var и через object.prototype тоже можно намутить "классы". Они вообще про бритву ОКАМА слышали? Нахуя запихивать 400 способов реализации одного действия? Ладно, я понял, вы хотите чтобы я не мыслил ООП, так каким нахуй образом мне архитектуру приложения выстраивать? У меня жопа горит, теперь понятно почему у этого убожества 300 000 фреймворков.
#425 #1028892
>>1028886

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


Прототипами.

>Они вообще про бритву ОКАМА слышали?



Проблема не языка, а макак. Никто не заставляет всем этим пользоваться.
#426 #1028893
>>1028886

JS старше тебя и твоей мамки*, с развитием фронта менялась изменялась ПАРАДИГМА МЫШЛЕНИЯ, каждое изменение порождало новые фреймворки, а старые адаптировались.

Так говно и расплодилось.
#427 #1028894
>>1028893

* - но это не точно.
#428 #1028896
>>1028893
Может действительно не париться и сразу сесть учить фреймворки, не уверен что каличный pureJS где нибудь пригодится кроме как шевелить текстом.
#429 #1028936
здарова поцаны, как ангуляр2 в JS преобразовать, ну чтобы готовый вылез проект на JS ?
#430 #1028951
>>1028896
Если использовать ES6, всё внезапно становится несколько приятнее.
#431 #1028995
>>1028951

там уже новый год пора новый стандарт учить.
#432 #1028996
>>1028995
Лучше быть ногой в завтрашнем дне, и сразу зубрить пропозалы и драфты спеки, приобретая весомое конкурентное преимущество на рынке труда.
#433 #1028998
>>1028995
Точно, недавно ES8 вышел же.
#434 #1029000
>>1028996

>Лучше быть ногой в завтрашнем дне



я тебя зарепортел за пропаганду РОСКОМНАДЗОР
#435 #1029070
>>1028735
Посоветуй тогда материал для изучения, что ли.. совет какой нибудь.
#436 #1029075
>>1029070
придумай проект и начинай ваять. по ходу дела разберешься
#437 #1029079
http://2ality.com/2017/07/regexp-unicode-property-escapes.html
Наконец-то нормальные регулярки.
#438 #1029092
>>1028995
Всегда убивали такие доводы.
Все что в стандарт прибавилось со времен ES3 усваивается за вечер.

Вы пиздец какие странные.
Люди, которые умеют в один язык, другой с несильно кардинально отличающейся парадигмой изучают за пару дней. А вы блядь уповаете на какие-то вновь добавленные фичи в спеку языка.
#439 #1029140
Есть две html-страницы: 1.html и 2.html; и серверное приложение, написанное на expressjs: s.js. Страница 1.html содержит в себе кнопку, которая отправляет get-запрос '/2' на сервер. Что надо сделать на серверной части, чтобы после нажатия кнопки отображалась страница 2.html?
#440 #1029145
>>1029140

>Что надо сделать на серверной части, чтобы после нажатия кнопки отображалась страница 2.html?


Нахуя? В любом случае гугли router\middleware
#441 #1029148
>>1029145

> router\middleware


Я пока плохо понимаю что написано в результатах, которые дает гугл, но не вижу чтобы явно указывали путь к какой-либо html-странице. Объясни, как мне это должно было помощь.
#442 #1029229
Недавно перекатился в JS, прошу мастеров помочь.

У меня есть массив объектов. Каждый объект записан в select. Как по нажатию на строчку, вызвать у этого объекта функцию?
#443 #1029232
не нашел треда про реакт, поэтому запилю тут.
гайс, я только вкатывают в реакт и мне надо сделать продвинутый todo list, чтобы с заголовком задачи, описанием и прочим. я не хочу пока тянуть редакс, да и не знаю как с ним работать, поэтому объясните мне, как добавлять новый объект таска в стейт приложения. спасибо
#444 #1029241
>>1029229
Гугли про обработчики событий, для тебя тут нужен onclick
#445 #1029243
>>1029075
Но какой проект? Я толком ничего не знаю
#446 #1029253
>>1029243
Но ведь ты "знаешь" джваскрипт?
#447 #1029254
>>1029253
Ну так я его "знаю".
#448 #1029263
>>1029254
Тогда смотри какие-нибудь видеокурсы. Мне вот этот червь-пидор хорошо зашел например. https://www.freetutorials.us/full-stack-web-apps-with-meteor-and-react/
Только сразу говорю, про фуллстак - пиздеж, курс - основы, фронтенд и реакт.
#449 #1029265
>>1029263
Благодарю.
#450 #1029316
>>1029148
С помощью setState() очевидно.
#451 #1029317
>>1029316
>>1029232
Промахнулся.
#452 #1029321
>>1029263
Эту книжку http://habrahabr.ru/post/240219/ нашел через ОП пост, это эквивалент sololearn и ее можно пропустить или ещё раз пройтись?
#453 #1029328
Аноны, вкатываюсь в JavaScript.
Решил сделать небольшой онлайн калькулятор.
Суть в том, что есть несколько чекбоксов. Если чекбокс включен, то прибавляется цена к базовой стоимости. Если выключен, то вычитается.
Например, у меня есть 4 input (на деле их будет больше).
Базовая стоимость 2000. Первый инпут +2000, второй +1000 и так далее.

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

Сделал следующим образом:
Для каждого инпута свой name и свой параметр, передаваемый в функцию pricer. Это я сделал для того, чтобы он понимал С КАКИМ ИМЕННО надо работать.
Сама функция работает так:
Он берет DOM-элемент, имя которого соответствует переданному параметру. Теперь он знает, с каким именно инпутом будет работать. Далее просто проверяет, если галочка уже есть, но функция вызвалась, то вычесть цену. Если галочки нет и функция вызвалась (по onclick), то прибавить цену.

Еще раз повторяю - все работает. Но я хочу улучшить код, но не знаю как. Я хочу, чтобы это работало с бесконечным количеством input. Потому что я так заебусь вписывать в каждый инпут новый name и аргумент в функцию. Надо сделать все лучше.

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

http://jsfiddle.net/L6zjfw3m/
#454 #1029333
>>1029328
наверняка же как-то можно взять все дочерние элементы <form> и обратиться к ним через какой-нибудь this или currentTarget?
Или нельзя?
#456 #1029413
Блядь! Знаю, многие из вас писали свои полифиллы для промисов. Можете продемонстрировать свои исходники?
Просьба не отсылать на гитхаб за готовыми вариантами, т.к. хотелось бы шаг за шагом разобрать с аноном. Пробовал свою реализацию писать - хуйня выходит - а именно не удается корректно обрабатывать промисы, обернутые в then().

В особенности интересует как сделать множественный чейнинг .then()
Точнее, не сам по себе чейнинг, а как чейнить промисы, выполняя следующий шаг только по завершению предыдущего и передавая готовое значение.
Спеку Promises/A читал.
#457 #1029457
>>1029375
А можешь пояснить, как это работает. Код вижу, вроде все понимаю, но идею не улавливаю
#458 #1029578
>>1029092

У тебя анус не горит с magic comment`ов для webpack`а?

Если кто-то не знает, то это комментарии, но не обычные а которые влияют на логику js-скрипта.

Вершина костылестроения, кек.
#459 #1029638
Посоветуйте библиотеку для Node.js, которая может формировать excel-таблицу. Желательно более-менее популярную, чтобы, если что, по ней можно было найти в инете достаточное количество информации, и с человеческой документацией, а не одним примером уровня Hello world на весь гитхаб
#460 #1029734
>>1029578
в реакте тоже такие есть
а костылингу для ie с комментами в html вообще лет больше чем тебе
31 Кб, 800x450
#461 #1029737
Всем гитлер, братва. Вечер в хату, жизнь ворам.
Как проверить на сервере то что файл это изображение или видео? Хедеры читать? Как проверить то что после файла не дописана всякая шняга типа архивов и тд? Другие подводные камни? Что гуглить?
#462 #1029754
Мой тестовый сайт на ангуларе 2 хостится на локалке. Бэкэнд хостится тоже на локалке. Чтобы осуществить связь между ними, мне надо во всех запросах указывать url сервера? Правильно понял схему работы?
#463 #1029758
Перезвонили. Уже месяц работаю. Спрашивайте свои ответы.
#464 #1029759
>>1029758
Скока платят?
#465 #1029771
>>1029758
Как собеседование проходило? Как первый рабочий день проходил?
#466 #1029772
>>1029734

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

Тебе же потом их и поддерживать.

Не понимает он.
#467 #1029779
>>1029754
Зачем? Просто импортируй нужное через модули.
#468 #1029789
>>1029779
Это как? Можно подробнее или что гуглить?
#469 #1029796
>>1029737

>Как проверить на сервере то что файл это изображение или видео? Хедеры читать?


Да, magic bytes.

>Как проверить то что после файла не дописана всякая шняга типа архивов и тд?


А тебе не похуй, лол? Ну ищи мейджик байты какого-нибудь RAR'a по всему файлу, хуле. Однохуйственно, все варианты не предусмотришь и против стеганографии не защитишься. Хотя, если подумать... Если ты мутишь свой имидж-хостинг, то проще пересохранять пользовательское изображение, так ты избавишься от вложенных закладок.
180 Кб, 1200x900
183 Кб, 1200x900
171 Кб, 1200x900
199 Кб, 1200x900
#470 #1029797
>>1019069 (OP)
Двач, я тупой и не понимаю первый ангуляр. Английская документация мне ни о чем не говорит, хотя в целом техдокументацию нормально читаю, да и новости смотрю на инглише.
Есть ли на русском гайд про ангуляр, прям для самых тупых - про двусторонний дата биндинг, про директивы, хуё-мое и т.д?
#471 #1029799
>>1029737

Перед тем как устанавливать соединение на закачивание mime-type посмотри на сервере.
#472 #1029806
>>1029789
es6 модули. Установить соединение и туда нужные экпорты пихать, по мере их появления.
#473 #1029812
>>1029796

>пересохранять пользовательское изображение


так и решил сделать, заодно нашел гайд неплохой https://stackoverflow.com/questions/38509334/full-secure-image-upload-script
>>1029799
mime можно переписать
#474 #1029820
>>1029812

Ну значит ты не понял зачем нужны mime's.
#475 #1029831
>>1029820
зачем?
#476 #1029833
>>1029831

Ты не хочешь выкачивать и анализировать заведомо невалидую картинку.
#477 #1029834
>>1029833
ну я могу в хедер файла написать что это картинка
и он пропарсит его и если в парсере будет баг а в теле шелкод, тогда жопа
#478 #1029836
>>1029834

Ну так это и не должна быть единственная проверка.
Если уж так боишься, то выноси опасный код в микрослужбу (утку), потом её в докер (яйцо), и запускай с минимальными привилегиями (игла), только это скорее всего избыточное, и тебе делать нечего.
#479 #1029838
>>1029836

>код в микрослужбу (утку), потом её в докер


спс почитаю
#480 #1029874
>>1029375
Антоша, смотри, я переделал еще вот так: Кода получается меньше и он становится универсальным если добавить проверку на checkbox. То есть скрипт должен проверять еще,
чекбокс это или нет. И если нет, то не считать его


http://jsfiddle.net/j5g9Lopq/

Таким образом мой код стал более универсальным. Также вместо querySelector('form') можно брать объект по ID для универсальности

Норм?
23 Кб, 691x380
#481 #1029877
>>1029874

>Норм?


Пиздос. Покликал и в результате получил пикрил.
Mocha по тебе плачет.
#482 #1029879
>>1029877
ну блять, щас добавлю условие, чтобы он обрабатывал только чекбоксы
#483 #1029884
>>1029874

>price += +event.target.value


Пишешь как бог.
#484 #1029886
>>1029877
>>1029884
Вот, смотрите.
http://jsfiddle.net/j5g9Lopq/1/

Я просто не особо въезжаю в код:
>>1029375

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

Объясните, чем мое хуже? если хуже
#485 #1029893
>>1029886
лол, дошел до делегирования событий https://learn.javascript.ru/event-delegation, а там как раз написано, как решается моя задача. Кстати, так и решается.
#486 #1029902
>>1029737

>>1029881 олсо, стеганографию ты не вичислишь. Если тебе нужно защититься от обвинений в хранении чего-то, то ты не сможешь.
#487 #1029921
Анонсы, объясните нубу вот что :
Допустим существует объект1, все его свойства - это тоже объекты, у которых в свою очередь свойства тоже объекты. И так до n.
Если мне требуется посчитать все общее количество свойств во всех объектах - только ли рекурсией это можно реализовать?
#488 #1029922
>>1029737
Каким-нибудь image-magick'ом изображение пережми с тем же качеством, при этом перенеси самый левый столбец пикселей в право, а самый первый - в конец. В 99.9999997% случаев все "сюрпризы" проебутся. Чем больше столбцов переносишь, тем больше (9) после запятой.
#489 #1029967
>>1029921
рекурсию можно превратить в цикл.
#490 #1029980
>>1019069 (OP)
А можно отправить через вебсокет самому себе сообщеньку чтоб из одного окна брауера она отобразилась в другом?
82 Кб, 339x555
#491 #1030012
Аноны, часто встречался с такой траблой, но так и не понял принципа. В общем, почему если предварительно не запушить элементы в массив, с ними не получается работать? На пике пример.
132 Кб, 339x555
#492 #1030013
>>1030012
Ошибся на картинке, поправил.
44 Кб, 451x440
#493 #1030023
>>1030012>>1030013

>for (var i in a)


Поправь опечатку для начала, что за 'a'?
Нахуя ты вообще картинку пилил, вместо того чтобы ссылку на код кинуть?
И попробуй использовать for..of цикл.
#494 #1030024
>>1030012
Потому что первый случай - не массив
#495 #1030026
>>1030013
Var A = Array.from(querySelectorAll('твой запрос'))
#496 #1030027
>>1030013
Почитай Флэнагана на досуге. Суть в том, что querySelectorAll возвращает не массив, а NodeList. У NodeList тоже есть свойство length, но нет методов массива.
#497 #1030038
>>1030027
Скоро ноделист будет итерируемым.
#498 #1030041
>>1029321
Господи, как же я пригорел с этой книжки. Почему никто не сообщил автору, что худ. отступления в тех. литературе - это ад. Намедни ради интереса читал Руководство java за авторством Герберта Шилда, господи, какой автор няшечка, все написано прекрасным языком, нет ебучих отступлений типа цитаток Конфуция, каких-то несуразных метафор-сравнений.
#500 #1030061
>>1030038
1) вообщето уже можно юзать forEach на NodeList
2) как это относится к его коду, где он использует indexOf?
#501 #1030077
Что JS-сеньоры-господа скажут про WebAssembly?
Я уже влюбился в JS настолько, что кодю по 18 часов и собираюсь перекатываться со своей текущей работы в разработчики. Каковы шансы оказаться на улице через года два, т.к WA захватит сферу использования JS?
30 Кб, 600x495
#502 #1030205
>>1030050
спасибо
Но я хочу онлайн игру через вебсокет сделать мнеж
в итоге между игроками передачу данных организовать,я просто не понимаю как это можно дома тестировать
#503 #1030257
>>1030041
А Шо тогда читать?
#504 #1030265
#505 #1033262
>>1019069 (OP)
Неделю как вкатился в JS, это конечно HTML, но все же прошу помочь
Как понять знак "больше" в этом примере?

<option key={i}>{elem}</option>
Обновить тред
Двач.hk не отвечает.
Вы видите копию треда, сохраненную 9 августа 2017 года.

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

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