Это копия, сохраненная 16 июля 2017 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Этот тред посвящён главному языку будущего - 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/ для серверного кода.
https://jsfiddle.net/44whaL2v/
Что я делаю не так?
Помогите нагуглить аналог панграмм ну, "The quick brown fox jumps over the lazy dog" в ангельском и ФРАНЦУЗСКИЕ БУЛОЧКИ в русском для js с babel'ом (jsx, Flow, последний EcmaScript с пропозалами).
Хочу тему синтаксиса для Атома запилить, конкретно под JS, нужно будет на чём-то тестировать.
Не могу уже смотреть на пиздец, который не учитывает грамматику конкретного языка и специфичные селекторы.
Да и с байбл-грамматикой там пиздец какой-то местами, попробую попатчить если осилю.
И вообще определения грамматик в Atom говно, спиздили из ТекстМейта и даже доков толком не запилили.
Легаси-говно никто не отменял.
>родина ему дала инструмент для удобной работы с домом
>ГОВНО ЛЕГАСИ 2К17 СМУЗЗИ БУДУ ХУЯРИТЬ НА ВАНИЛЬКЕ И ТРАТИТЬ НА ЭТО В 1000 РАЗ БОЛЬШЕ ВРЕМЕНИ
Ебанутый? Ебанутый.
Я не могу найти дебаггер в консоли. Не то что он мне сильно нужен. Просто какие то комплексы по этому поводу.
>Аррай.прототайп.слайс.колл(гетЭлементсБайТагНеймЭндМунФейз(20, 99, 534, тру, тру))[3].[534].гетБаундКлиентРектс().пейджОфсетХ + У + Й
Обосрался ты с примером. На жирквери то же самое будет, разве что названия функций покороче.
А вообще, такое говно в любом случае писать нельзя, потому что это невозможно отдебажить.
Я не могу найти хуй в трусах. Не то что он мне сильно нужен. Просто какие то комплексы по этому поводу.
https://jsfiddle.net/qze5jL9z/
Между тем как ты переписываешь содержимое ul и накидыванием обработчиков по новой, на лишках просто нет хендлера. Алсо удачи отладить это через жиквери.
Вот тебе работающее решение без ебли с innerHTML
https://jsfiddle.net/tv8kcfgv/
Заодно я поменял click на mousedown, потому что если элемент подменяется на странице между тем как ты мышку опустил (mousdown) и поднял (click), то обработчик опять таки не сработает. Визуально это может выглядеть как пропадающее выделение с элемента.
Лолкнул с тебя.
>>1012350
Спасибо, я как раз только что тоже писал это на чистом js специально для того кому не понравилось на jQuery, и увидел эту проблему.
Кстати, вариант с mousedown работает и на jQuery.
Интересный у тебя синтаксис. Сколько программируешь на js? Почему именно он?
Да, стоит упомнять что почти все это время, кроме может быть последних пару лет, жс всегда был довеском к какому-то другому языку. Сейчас тенденция на бэкэнде делать сервис который выдает, например, жсон, а клиент уже строит весь интерфейс. Так что пришлось чуть больше залезть в эту степь.
>жс всегда был довеском к какому-то другому языку
Именно так! Никак не могу понять людей которые пишут приложения только на js. Этот язык вызывал у меня столько головной боли в процессе изучения, что я не могу представить как можно решиться писать что-то кроме клиентской части. Это, наверно, надо иметь особый вид мышления чтобы овладеть этим языком.
Я вижу две причины.
1) Изоморфные приложения
2) Так уж вышло что других языков не знают, или знают хуже
> Теперь ок
Если только в том плане, что он стал гораздо более удобным в принципе.
Это не означает вытаскивать его из браузера для задач сложнее того, с чем справится шел скрипт, хорошая затея.
тебе не пофиг, на каком языке писать свой говно код? если не знал, любой ЯП лишь синтаксический сахар поверх байт-кода. Магии нет, Маня.
>в 2к17 ждать от выстукивания по клавишам какой-то магии, не понимая даже сути информатики. ок.
Делаешь у внешнего компонента булевую проперти hasMyComponent, маппишь ее из своего редакс-стейта, как тебе надо. Потом просто пишешь
{ this.props.hasMyComponent && <MyComponent /> }
Ну и всякие там экшны и редьюсеры тоже нахуяриваешь
Жиквери была реально нужна лет семь назад, когда нужно было поддерживать старый ИЕ, в т.ч. и зловещий шестой. А сейчас он только снижает порог вхождения в жс, отсюда полчища нубов, которые думают что jquery это язык и тащат 100кб кода чтобы найти элемент по айди
Разве js не устарел, длинный код
>и тащат 100кб кода чтобы найти элемент по айди
Кек, а ведь такие и вправду есть. Про document.querySelector до сих пор многие даже не слышали. Ещё ЖКвери часто тащат чтобы аякс запрос сделать даже в случае если используют ангуляр.
жкверя ведь царь и бох
>пизда твоей мамки сейчас опять вошла в моду
Вышла из моды когда я спустил в неё ну и в жопу тоже.
1) UX/UI дизайн
2) бэкенд фуллстек
?
В целом неплохо, интересные ( != полезные) решения по архитектуре. Что хорошо:
запустилось и работает.
используется npm для модулей
верстка на flex(от себя добавлю: верстать не умею вообще, там "верстки" три строчки)
Нативные Promise. Есть, но используются почти везде неправильно.
MongoDB + есть схема данных.
Что не так:
Не используется ES6 синтаксис (кроме 1 файла).
Неудачная работа с конфигами. Например, доступы к БД, порт и т.д. нужно вынести в отдельный файл
Нет layout в шаблонах, в каждом шаблоне будет это? И зачем все это, когда есть jade, ejs и т.д.
Роуты - идея интересная, но на практике так делать нельзя.
Нет REST
Codestyle отсутствует
Много мелких, но критических моментов
Как их понимать? Все совсем плохо, или для первого раза сносно?
полифилы нужны, для всего, в итоге у тебя будет 12мб бандл жаваскрипта, а тут одна жквери
>Не используется ES6 синтаксис (кроме 1 файла).
юзай новый синтаксис
>Неудачная работа с конфигами. Например, доступы к БД, порт и т.д. нужно вынести в отдельный файл
сделай config.js в котором вся хурма будет храниться и прописываться, как в webpack gulp и подобном
> Нет layout в шаблонах, в каждом шаблоне будет это? И зачем все это, когда есть jade, ejs и т.д.
да jade хорош используй его вместо html
> Роуты - идея интересная, но на практике так делать нельзя.
лолшто ?
>Нет REST
прикрути это socket.io по крайней мере для ангуляра 1 очень хорошо заходит а рест тебе в любом случае надо будет знать
> Codestyle отсутствует
гугли eslint
> Как их понимать? Все совсем плохо, или для первого раза сносно?
так ты ссылку на репозиторий давай или jsfiddle хотябы а то хуй пойми что там у тебя
Правильно ли я понял их общий тон: плюсы? нууу, нууу.... оно работает. Минусы: все хуево.
ну да типа того, правда про роуты я сам не понял, т.к. используются они повсеместно
>Не используется ES6 синтаксис (кроме 1 файла).
Хм. Не думал, что это минус. Мне просто удобнее читать старый, поэтому его и использовал. Требуете новый? Я могу- проблем нет.
>Неудачная работа с конфигами.
Там ПРИМИТИВНЕЙШЕЕ приложение и очень мало того, что можно вынести в конфиг, не думал, что стоит с ним заморачиваться. (делать его не умею, но не думаю, что там что-ото такое, чего нельзя нагуглить за 15 минут)
> Нет layout в шаблонах, в каждом шаблоне будет это? И зачем все это, когда есть jade, ejs и т.д.
Понял косяк по части jade/ejs. Но не знаю где там мне нужны layouts. У меня там две страницы всего и на них почти ничего общего нет.
> Роуты - идея интересная, но на практике так делать нельзя. Вот тут сам не понял- написал им с просьбой о разъяснении
>Нет REST
Вообще не ебу что это такое. Посмотрю сегодня.
> Codestyle отсутствует
гугли eslint
Пытаюсь успокоить себя тем, что это первая попытка написать хоть что-то пусть и примитивное. Начал учить JS в марте и не сказать, что очень уж много времени этому уделял. пытаюсь себя убедить, что я не безнадежен.
Вообще я начинал учить php, но на работе приходится иметь дело с jQuery, а в прошлом месяце писал на Ext.js и дальше похоже, что еще не раз с ним столкнусь. Поэтому хотелось бы улучшить свои навыки еще и в области фронтенда, может вечерками подрочиться с реактом, хотя и php я знаю так себе.
На данный момент, я в js могу немного, примерно понял как он работает (асинхронность), все базовые конструкции я знаю или успешно гуглю, но все же когда захожу сюда, то понимаю, что нихуя не понимаю, а еще я знаю, что совсем не умен и все дается мне путем задрачивания.
Что посоветуете? Хочу учить то, что именно востребованно на рынке и быть нужным.
>используется npm для модулей
Гуд, освой еще yarn, прогрессивные ребята вроде им сейчас пользуются, хотя сам не пробовал.
>верстать не умею вообще
Очень плохо, научись. Благо сейчас, действительно, многие проблемы верстки легко решаются флексами и дрочить охуительные css-изъебы почти совсем не нужно.
>Нативные Promise. Есть, но используются почти везде неправильно.
Вот это мощнейший косяк. Промисы нужно знать и понимать так же хорошо, как указатели в сишке. Без них ты асинхронно не попишешь, а тогда смысл вообще трахаться с нодой.
>MongoDB
Если умеешь и в реляционные бд, то гуд. Если не умеешь - научись сначала в них. Всяких монстров вроде mysql не обязательно трогать, какого-нибудь sqlite вполне хватит для любых задач, которые могут возникать у тебя в ближайшем будущем.
>Не используется ES6 синтаксис
Плохо. es6 уже давно реальность, и продрачиваться bind-ами вместо array functions или игнорировать удобнейшие rest / spread - значит не уважать себя и тех, кто будет читать твой код.
>Нет REST
Плохо. Правильные пацанчики сейчас именно так и делают сайты - сервер по ресту отдает данные, а скрипты на фронте уже готовят из них разметку.
>Codestyle отсутствует
Это плохо, но не критично. Ты, наверное, просто пока совсем зеленый. С практикой выработаешь себе кодстайл и будешь его придерживаться. Только не привыкай к заведомо плохому, возьми за основу какой-нибудь общеиспользуемый стиль и используй его.
Там в чем фишка. Мне сказали, что один из модулей возвращает промис. Я этим фактом воспользовался. Все заработало, но в консоль выдавалось предупреждение, что мол эта фишка в новых версиях перестанет поддерживаться, ебошьте как-то по-другому, а как- я не понял. Думал погуглить и решить проблему, но забыл. Сами по себе промисы я понимаю более-менее.
Я не думал, что новый синтактиси так важен, мне просто удобнее старый. Сказали бы, что нужен новый- сделал бы без проблем.
Говорю же, это ПЕРВОЕ, что я написал в своей жизни.
Ещё один тупой школьник, пытающийся вкатится в проект в надежде, что его там чему-то научат дадут побыстренькому сорвать бабки до следующего проекта.
Запомните дети, даже не суйтесь во что-либо серьёзное, без умения писать поддерживаемый JS. Вообще.
мне 28, лол
>Хочу учить то, что именно востребованно на рынке
Учи кложур транспайлер, приходи, когда задрочишься.
До сегодняшнего уровня JS нужно учиться не менее года. Это если есть хоть какое-то представление о ДОМе.
Откликаешься на вакансию, тебе предлагают тестовое задание, ты его выполняешь и отсылаешь. Получить ответ через 10+ дней- это норма?
нуже народ, я вообще-то в тупике вроде как
>Скачал самое популярное видео udemy с meteor+react
>Скотина черед каждое предложение FANTASTIC!
Чего я ожидал.
Я не знаю, что такое Babel. Но я точно знаю, что внутри шаблона может быть цикл. Например для генерации списка.
те кто лезут на двач, стековерфлов, и киберфорум/жаваскрипт, с вопросами, ответы на которые пробиваются за 30 сек в консольке
Потому что пару раз наступишь на грабли, и ну его нахуй надеятся на то, что ты не проебешься в след. раз.
глупое решение имхо, шаблонную строку лучше обернуть в функцию, и передать в цикл.
>>1012736
потому что релейт:
alert(88)
(() => { console.log(1) })
*fix
пашет:
alert(88);
(() => { console.log(1) })();
ошибка:
alert(88)
(() => { console.log(1) })()
Не ну я серьёзно спрашиваю.
детекчу дауна, который не разу не делал запроса на fetch
конечно с дом, как же еще ? Там короче весь код откомментирован, создается див с постом если справа есть место, если нету, создается слева 2й пик
Ух, я не подумал о том, что надо посмотреть самому.
А где много был?
На практике я получил ещё одну проблему: если обработчик поставить на ссылку, то рано или поздно e.preventDefault() не сработает.
https://jsfiddle.net/tv8kcfgv/1/
Починил тем, что поставил на ссылки отдельный обработчик onclick.
https://jsfiddle.net/tv8kcfgv/2/
Это нормально что получается так много костылей?
Кстати, забыл спросить, почему ты используешь const заместо var или let?
Мне кажется ты делаешь какую-то хуйню in the first place.
Давай ты расскажешь какого результата ты хочешь достичь, а потом мы поговорим о том как лучше это делать.
А на счет const логика очень простая, это квантификатор по умолчанию — почти всегда я не хочу менять объявленную константу/функцию/etc
Если я точно знаю что это переменная, например счетчик цикла for, тогда я беру let, у которого правильная блочная область видимости.
var остается только для случаев когда мне реально нужен hoisting, хотя логичней в этой ситуации просто заранее определить переменную через let.
hh приглашение от одной конторы. Они тестируют кандидатов с помощью SymbioMark. Прошел тестирование. Сразу понял, что это полный и безоговорочный провал. Через неделю, ответ: "Вы произвели благоприятное впечатление, и что Ваших ответов нам очень понравилась, но мы решили остановить свой выбор на кандидате, который подошел нам несколько больше".
В сортах говна не разбираюсь, но почему-то мне кажется, что работать с DOM на хачкеле - не самая хорошая идея.
Очень даже хорошая.
Компилятор не даст тебе обосраться, запихнув хер пойми какие данные, или забив хуй на обработку ошибок.
https://github.com/alexmingoia/pux-todomvc/blob/master/src/App/View/TodoList.purs
Потому что ты пиздаглазый.
У тебя state это хуйня, сделанная через List.of, а не массив.
Если ты сходишь и почитаешь доки immutable.js все станет на свои места.
https://facebook.github.io/immutable-js/docs/#/List
Бля, точно. Спасибо.
https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md
доку то кому придумали ?
аа, я кажись понял о чем ты, а если сделать на 12 строке
let isSignedIn;
присвоить ей true или false в зависимости от ответа файрбейса, а потом уже в свитче редиректить как тут https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Redirect.md#redirect ?
Я это видел и оно не подходит, компонент Redirect нельзя поместить в метод onAuthStateChanged оно там не работает.
Сейчас попробую.
хотя там же async вряд ли это прокатит, тогда грязь
context.router.history.push('/my-new-location')
Че ты наговнокодил? Выноси метод авторизации в отдельную сущность, что-нить типа 'controllers.js' или 'actions.js'. Потом вызывай его из компонента в случае успешной авторизации и перенаправляй пользователя на нужный роут.
Контекст получает компонент в качестве второго аргумента после пропсов, если компонент сформирован как функция. Читнул бы ты доки: https://facebook.github.io/react/docs/context.html
тут тестовое задание дали с макетом в pdf
Макет один, в PDF на первой странице вид для десктопных клиентов, на второй - для мобильных.
пытаюсь вот hr объяснить, что pixel-perfect'a не будет, она мне тулит что это норма. Вопрос: Это норма ?
Смотря что за контора. В целом норма это когда к тебе приходит манагер-гуманитарий и говорит "бля слыш брателло, надо заебца сделать чтобы аж три писят было". Если есть штатный дизайнер или типа того, можно просто попросить дать доку по дефолтным шрифтам/цветам и .т.п
Вообще это тз, делай как хочешь, хуле ты теряешь.
на удаленку устраиваюсь, там через редмайн происходит работа и они наверное pixel perfect ждут а я им пришлю срань на глаз из pdf сверстанную
контора эта http://www.gdeetotdom.ru/
юзают бэм и подчеркивают что мы вроде как на острие прогресса про инлайн css они наверное через пару лет услышат
я ей пытался объяснить что не выйдет нормальной верстки из pdf она пишет "У нас так работают, это рабочий момент"
вот сижу и пытаюсь представить как они умудряются так работать, или она меня дезинформирует
Не пытайся нихуя доказать гуманитарию. Им похую твои проблемы. Тебе дали пдф, сделай из пдф. Будет говно скажешь, хотите не говно, давайте нормальный макет.
Работает:
location / {
proxy_pass 'http://localhost:1234';
}
Не работает:
set $myvar 'http://localhost:1234';
location / {
proxy_pass $myvar;
}
Чё сделать чтоб через переменную работало?
Тебе это нахуя? Ты продашкн сервер решил поднять? Если да, то у меня для тебя плохие новости.
кочаешь любую транспайлящую либу например
https://github.com/evilstreak/markdown-js
у нее судя по доке есть метод
html_content = markdown.toHTML( md_content );
вешаешь на свой input[type=text] или textarea
евентлиснер, который передает в эту библиотеку содержимое инпута.
В чем проблема то ?
Спасибо. Я просто работаю только на бэкэнде, а тут решил для себя запилить аппликуху.
У тебя нет квалификации для поднятия сервера, который будет смотреть в интернет, раз ты пришел на двачи совета просить. А для разработки нжинкс нах не всрался, если ты один хуй проксируешь в ноду.
я нуб просто мне не хотелось городить в .list__item например все свойства сразу, разве это не так делается ?
БЭМ
Бля какое же они говно сделали, только испортили библиотеку, пиздец дегенераты, такая самая хуйня у них вышла из фейсбуком, сначала нормально было а потом в говно превратили.
Сразу видно знатока.
Не норма. Возможны 2 варианта. Либо они все верстают из пдф и фирма гавно, либо они держат на рабочем месте некомпетентную хрюшу и фирма тоже гавно.
Я бы забыл про них и искал дальше. Если же опыта работы нет и хоть куда-то бы устроиться то как хочешь.
>>1013135
Молодая команда профессионалов, используем передовые технологии, уникальные интересные проекты и т.д. и т.п.
я использую webpack.externals и беру все в cdn ты охуеешь ручками "только нужное" вытаскивать. а по итогу может оказаться, что ты что-нибудь важное не скопируешь и будет твое поделие при каких нибудь условиях ломаться. особенно если речь о жс
Вот что я вставил на страничку, джкверри скачан (полный).
Тестил - он подключен. Но не работает плавность.
<script type="text/javascript" src="js/jquery-3.2.1.js">
$(document).ready(function() {
$(".tab_button").click(function() {
$("html, body").animate({
scrollTop: $($(this).attr("#tab1")).offset().top + "px"
}, {
duration: 500,
easing: "swing"
});
return false;
});
});
</script>
Я не знаю что ты там за картиночку прилепил. На всякий случай иди нахуй.Я просто взял из инета готовый скрипт и изменил имя класса.
лол да о чем она грит то? Я вроде как не первый день на буцтрапе программирую, а тут оказывается есть много программ...
Бля я лучше не буду даже микроволновкой пользоваться т.к. я походу вообще ничего об объективной реальности не знаю
Ты разговариваешь с гуманитарием. Прекрати.
я писал flux router
Про ноду же спрашиваю. Тайпскрипт мне не нужен. Уже сам нашел, не нужен.
да ни в чем уже собственно, так, горстку профессионализма принес.
При чем тут бутстрап? Она имеет в виду, что пдф можно открыть в адобе, кореле и т.д. наверное
хуя ты жесткий, а зачем тебе такие изъебства ? Алсо ответ: нет
но можно плавно спрятать элемент с текстом, вписать через иннерТЕКСТ другой текст и плавно его показать
Соре за фото, пишу с телефона.
Тот же анон: не могу до конца въехать в рекурсию, пока пропустил, посоветуйте материал для ее освоения, чтоб для даунов, досконально разжевывалось.
else :false
if Billy=лох else 0 :approveded
...............
range(i=0, k=2, x=b)
b:onload
Write:"Billy fuccking veryfecalishhiet"
Print ("Billy fuccking veryfecalishhiet")
end.
Это асинхронная функция, когда первый раз захожу в программу она срабатывает, какой смысл создавать отдельный компонент, мне нужна функция которая будет наподобие browserHistory.push.
Ебать ты тупой. Что такое жизненный цикл компонента ты вообще в курсе?
Вешай свою функцию на хук componentDidMount.
Ебать-колотить, ты издеваешься что ли? Ты используешь реакт-роутер и утверждаешь, что там нет того, что ты ищешь?
>>1013677
Ваш способ говно, объясняю почему, когда заходится по роуту слеш, да обработчик onAuthStateChanged срабатывает, но если зайти например в app, то ничего не работает, так как программа не заходит в Auth, а обработчик должен всегда работать во всех компонентах, как было в первоначальном способе.
Sooqa, что же ты делаешь, содомит.
Читай доки или!
https://reacttraining.com/react-router/web/example/auth-workflow
подготовленные шаблоны приложений
Формат Photoshop PDF сохраняет все слои (при правильных настройках при сохранении) и прекрасно открывается для редактирования снова, в том же фотошопе. С нестандартными шрифтами могут быть проблемы, да. Но шрифты по факту вообще должны прикладываться к любому макету, не важно в pdf или psd он.
По большому счету конечно говно, и политика ебанутая. Но я видел и хуже )когда например макет был в swf'ke с анимациями и прочим, и его надо было распаковывать и верстать в веб).
Кажется я немного понял пример из ссылки, но вот в чем проблема, роут быстрее выполнится чем onAuthStateChanged и компонент находящийся в withRoutere не узнает про измененное состояние и не сможет сделать редирект, как я говорил и раньше.
Как понять кроссбраузерный? Вебсокеты жеж во всех браузерах уже? Так а на сервере есть различия? Что юзают и почему два модуля для вебсокетов?
бля анон, я вообще об этом не знал, я выходит жестко проебался и долбоебом себя выставил. В смысле а воркфлоу с пдф в фотошопе выглядит так же как с псд ? Прост ща на линухе не могу потестить
Понятно, что ангуляр2 вроде как лучше, но какой именно профит мне не ясно.
Нет, не так же. По факту там сохранятются только слои, которые сами в то время конвертятся в векторные\растровые объекты. Эффекты растерятся. Текст векторизуется или растерится. Но суть в том, что для большинства макетов современности, для того же пиксел перфект - этого может быть достаточно. Любую композию так или иначе можно разбить будет на составные слои. Ну а текст, я уже писал выше - шрифты всегда должны прикладываться.
Я же писал - это говно а не метод. В нормальном рабочем процессе макеты в пдф не юзают (особенно в 2017). Но если говрить о ебанутых заказчиказ, с ебанутыми ТЗ, то да, такое бывает и не редко.
Я вполне не исключаю еще того факта, что ты коннектишься с ебанутой эйчаркой, которая пдф с псд попутала. Алсо, чтобы пдф был слоистым - его надо СПЕЦИАЛЬНО так сохранить. Иначе он может и не быть таковым. Так что можно прочекать их УТВЕРЖДЕНИЯ открыв присланный макет и посмотреть сохранены ли там слои или нет. И если нет, то да, она просто проебалась из некомпетентности тоотальной. Ну или не она, а кто-то еще. Если же слои на месте, то может у них действительно есть такое ебанутое соглашенией (например, они не нашли более удобного способа для быстрого превью макета, а пдф открывается хоть браузером. Хотя сейчас и псд умеют отображать большинство вьюверов) .
Короче, блядь. Вариантов масса.
Установить точно ебет ли он мозги, или всерьез, можно только посмотрев на присланный тебе макет. Вбрасывай его сюда.
Так я и хочу юзать реакт, но для этого надо убедить коллег. Уже режили, что от ng1 надо уходить, но куда — пока думают.
Я пытаюсь накидать таблицу с указанием профита от каждой возможной технологии. Если увидят, что у реакта расписаны все плюшки, а у ng2 пусто — меня просто посчитают реактофанбоем и проигнорируют.
Проверку работоспосности твоего говна. Как ты можешь видеть, твоя функция выдает хуйню, а не то что должна, в отличии от реализации кантора.
Уходите в elm потому что расово верный purescript вы все равно не осилите.
https://www.youtube.com/watch?v=LZj_1qVURL0&t=1750s
Я в экселевскую таблицу запихнул и эльм, и пюрешку, и ризон, и фабле, и кложуру, и небо, и аллаха. Но мне надо найти профиты ангуляра2, чтобы все выглядело серьезно и взвешенно.
Кложуру нерекомендую. Потому что
1) Бляяяять, как же она сука медлено компилится
2) Ебаааать как она много жрет памяти, этой твари 16 гигов мало
3) Тормоооозиловоооо
4) Половина либ недописанное кривое говно
5) Типов нет, рефакторинга нет, нихуя нет
6) Ебучие макросы работаю через жопу
7) Изоморфность уровня б
Ту хуйню которую я сделал за тебя, можно условно назвать TDD — Test Driven Development.
Суть такова: сначала ты пишешь ебучий тест, который проверят что твоя сраная функция выдает ожидаемый результат.
Потом ты этот тест запускашь.
Он должен сфейлится, потому что ты функцию еще даже не написал.
Да, блять, так надо делать, потому что как это ни странно, но ты можешь обосраться в тесте.
Ну и дальше потихоньку допиливаешь свой высер, чтобы все тесты проходили.
Спасибо, посидел, погуглил, вник. Еду дальше. Добра.
Чуваки , если мне надо перетереть пару тем с сервером, то что надо использовать ajax, fetch или websocket? Тренд сейчас какой?
На чём лучше автокликер делать?
Нужно чтобы сразу много акков работало на одном сайте.
Кстати, может кто объяснить на пальцах, в чем фишка Apollo/GraphQL?
В чем преимущество перед стандартным JSON с RESTful API?
Ты что несёшь? JS нужен и движок браузера.
Ему понравится. Хоть у кого то член меньше чем у него.
понравится давай и сап приделай
из эрея линков на пикчи создать эрей html элементов, но что то не выходит
https://jsfiddle.net/5tq07bny/
Блять, да когда же вы научитесь открывать доки-то?
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach
forEach проходится по массиву, но нихуя не возвращает. То есть используется для сайд-эффектов.
>"длинный список баззвордов и библиотек, для которых из документации примеры кода в лучшем случае, в худшем - ролики презентаций на ютубе. Всё утсривает в течении месяца"
То что ты собераешся делать усами, можно научиться делать реактом меньше чем за час.
Потолок разный.
напомню просто что есть релейт https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/template_strings
ТЗ нет, это мой небольшой проект. В общем, задача такова, что есть массив ["AF","PS"]. Мне нужно узнать его .length и вывести количество то количество блоков, какое указано в .length подбирая значение индекса итерации(см. пикчу).
На пикче сделано map-ом в одну строку просто потому, что там идёт простой перебор. Но чуть дальше по задаче нужно будет перебрать объект, в котором может быть 1-2 массива, в которых может быть 1-3 объекта например,
такое https://pastebin.com/uCnkBRVf. Для этого, собственно, я и думал использовать шаблонизатор. Если можно сделать это при помощи Реакта, это просто, и анон готов ткнуть меня мордой в документацию, то я готов немного поебаться с Реактом.
у тебя там частный случай же, и решение вроде корректно, что тебе мешает пройти по более сложному объекту циклами for of или for in, сложить результаты в кеш и потом каждый кеш пройти map как ты это сделал в примере?
Алсо реакт будет выглядеть на 98% так же как твой код. Только вместо строк будет jsx
Я с npm работаю на уровне npm run watch. Пытался установить WebPack и настроить импорты, чтобы нодовые модули были видны на фронтенде, но из этого нихуя не получилось. Поэтому, отложил в дальний ящик.
>>1014407
А если у меня таких объектов и массивов будет с десяток? Это вполне возможно с тем API, которое отдаёт мне данные. Дело в том, что у меня строка формируется в теле append(), а циклами придётся проходить перед самим вызовом append(). И таких циклов будет ну точно не меньше 5. Я заебусь потом этот код дебажить. Мне проще сделать шаблонизатором, который потом будет проще дебажить.
Ты предлагаешь жрать говно еще и без всяких удобств типа расширителя рта (иде)?
Зачем нужно тормозное, бажное гавно, когда дебаггер и консоль есть прямо в браузере?
Туда ли ты зашел?
Перекатился из /b/
=========
Анон, подскажи, вот есть расширение для хрома: VkOpt.
В нём есть функция сохранения переписки. Уже готовая, которая сохраняет её в удобный html файл.
Можно ли запускать этот скрипт, как-нибудь на фоне,
при каждой загрузке вконтакта?
Нужно:
— Чтобы не было признаков активности.
— Желательно чтобы автоматом качал переписку всех пользователей, но на крайний случай можно тупо указать как-нибудь нужные id.
— Нельзя использовать встроенное сохранение браузера, т.к. процесс должен быть прозрачным и без уведомлений.
— Скрипт должен работать в приватном окне.
— Скрипт не должен зависеть от вкладок браузера, т.е. при переходе по страницам вконтакта и открытии новых вкладок в приватном окне, скрипт должен продолжать работать на фоне, без прерываний и перезапусков.
В общем, нужно сохранить незаметно всю переписку человека, который может зайти с моего личного компьютера в хроме в приватной вкладке. Красть пароль тоже можно, но довольно бессмысленно, т.к. нынче все мобильные устройства выдают неотключаемые push-сообщение о заходе с нового устройства. Но меня так же интересует и не скрытная сторона, просто забэкапить весь аккаунт.
Что посоветуешь, анон? Есть ли готовое решение или кто-то, кому интересно было бы это закодить?
И сколько это может стоить?
Linux, nginx, node.js, socket.io, webRtc, clouds and so on
ещё не забывай что пришёл веб ассемблер, подумай, стоит ли убивать время на перекат в целую "эпоху"?
Надо дохуя знать всякий фреймворков, это не байтоебство, где одна спецификация на устройство и херачишь.
function getMaxSubSum(arr) {
\tvar maxSum = 0;
\tfor (var i = 0; i < arr.length; i++) {
\t\tvar sumFixedStart = 0;
\t\tfor (var j = i; j < arr.length; j++) {
\t\t\tsumFixedStart += arr[j];
\t\t\tmaxSum = Math.max(maxSum, sumFixedStart)
\t\t}
}
\treturn maxSum;
\t
}
начинает тошнить и хочется плакать, это нормально?
>можно ли написать бекэнд полность на node
Да
>И насколько такое решение будет правильным
Правильнее сказать "оправдает ли оно себя", а не "будет ли правильным". Если хорошо знаешь JS, то, да, обычно бэкенд на ноде себя оправдывает. У тебя не будет проблем с разработкой как было у меня, когда я допустил банальную ошибку в бэкенде на PHP, а потом долго мучился и не мог понять,
почему у меня в запросе к бэкенду одно, а в выводе совершенно другое
>В общем, можно ли написать бекэнд полность на node?
Так он для этого он и создан, чтобы на нем полностью бекенд писать.
>И насколько такое решение будет правильным, с точки зрения ограничения и производительности?
Нода чуть быстрее php и за асинхронности, так что это будет правильным решением.
>>1014631
Спасибо. Попробовал django, всё вроде хорошо, но js синтаксически приятнее и удобнее для меня.
знаю что 99999й кто подобное спрашивает,но все же
Стоит ли учиться ходить или лучше начинать сразу бегать?
>js синтаксически приятнее и удобнее для меня.
(() {[],{{}},[],[(){}]}.ti.ebanulsya ? (){} : () {}
И ТА ЖЕ ХУЙНЯ с JQUERY Я БЛЯТЬ ВЕСЬ ДЕНЬ НА ЭТУ ЕБАТНЮ УБИЛ! СУКА НЕ МОГУ JSON ФАЙЛ БЛЯТЬ ПОДГРУЗИТЬ, ЧТО А ХУЙНЯ?*????? ОБЪЯСНИТЕ ПЛИЗ!!11
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.32/angular.min.js"></script> Это только в индексехтмл, в файле js подрубаю и блять пишет, АНКАТИНГ РЕКСДВЖЫАдлвы
сука, я горю на хуй...
Съеби на хуй
https://jsfiddle.net/078bhpm6/1/
Не работает.
https://jsbin.com/zuqodasoke/1/edit?html,js,console
>>1014843
Я только второй день вижу js и больше он мне не пригодится. На хуй иди.
Не заметил.
Спасибо, большое.
Оба элемента с вышележащими обёрнуты в <div> (синим цветом), а вся эта конструкция в ещё один <div class='flexbox'>
.flexbox {
display: flex;
flex-direction: row;
justify-content: center;
align-items: baseline;
flex-wrap: wrap;
align-content: center;
}
В такой верстке - нет, невозможно средствами css, только дрочиться абсолютным позиционированием через жс.
Может, тебе таблицу 2х2 сделать из них? Тогда из коробки выровняются.
max-height?
Бюджет 3000 руб.
Мыльце gary.?:)langermanANUSgoogleBNZmailPUNCTUMcoe.~m
Окей, иди дальше пердоль блокнот.
ide-человек не блядь
Ещё нолик добавь, тогда подумаю
потрахаемся виртуально и я не буду больше трогать твои аватарки, няяя ^^
очень справедливая и оправданная договорённость, имхо, ага ^^
полная предоплата.
посеял в тебе своё семя
cап аноны, вкатываюсь в жс и ищу задачки
чтобы понять сам язык, как лупы работают, условия
в одном из тредов видел, но забыл сохранить
пожалуста
ты - тупой дегенерат и хуесос, который даже не может воспользоваться гуглом. Уебывай нахуй, пес.
гав гав, будь человеком всемы люды
Типикал CRUD RESTful задача:
нода + монга/кауч - бэкенд,
реакт + редакс на фронте.
Сделать список отделов с сотрудниками.
А вообще есть Codewars для этих целей.
Проект Эйлера
Еще лучше СИКП + проект Эйлера
Зачем редакс для списка отделов с сотрудниками? Ты вообще понимаешь, зачем созданы либы для работы со стейтом и какую проблему они решают? Почитай: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367
>Зачем редакс для списка отделов с сотрудниками? Ты вообще понимаешь, зачем созданы либы для работы со стейтом
Прекрасно понимаю. Я привел для примера стек технологий, который наиболее часто встречается в вакансиях по JS, неужели это, блядь, настолько не очевидно?
В данном конкретном случае, разумеется, сторонний стейт менеджер нинужен.
А тот ньюфаг этого не поймёт без твоего объяснения и будет как в статье выше: “Why do I have to touch three files to get a simple feature working?”
> Я привел для примера стек технологий, который наиболее часто встречается в вакансиях по JS
Можно было бы посоветовать сделать простое приложение на реакте с использованием setState, а потом навводить кучу требований как это бывает в бизнесе, чтобы анону стало неудобно. Тогда уже можно советовать брать сторонние решения для управления состоянием, чтобы по-настоящему понять какие преимущества они дают. Такой вкатывальщик будет гораздо ценнее и смышлённые тех, кто бездумно используют инструменты, которые сейчас у всех на слуху (а сейчас со всех сторон почему-то навязывается именно такой подход к обучению).
Есть свежий торент курсов из академкод?
> var obj = { 1: 25, 2: 50 };
> Object [ <1 empty slot>, 25, 50 ]
С чего появляется этот эмпти слот? Почему, когда я делаю хотя бы один ключ не числом, то всё нормально?
Сажа приклеилась.
Дай угадаю — если там только числа, то он воспринимает это примерно как массив, а эмпти слот - нулевой индекс?
http://www.ecma-international.org/ecma-262/6.0/#sec-object-type
>Properties are identified using key values. A property key value is either an ECMAScript String value or a Symbol value.
По поводу 'empty-slot' в душе не ебу, честно.
Ну про то, на что ты ссылаешь, я и так знал, я про эмпти слот. Но таки да, он воспринимает такой объект как недомассив, найти бы ещё, где это описано.
Никогда не встречал подобную ебалу.
Похоже на "свободную реализацию" в движке JS некоего поведения. Скажи, это же не V8, так ведь?
>Arrays are just Objects with a special length property and inherited array methods. The length property does not necessarily create "empty" slots, ECMA-262 does not specify implementation so developers are free to allocate memory or not, or create empty slots, or not.
https://stackoverflow.com/questions/42519972/what-are-array-empty-slots
>Похоже на "свободную реализацию" в движке JS некоего поведения
Индикация неинициализированного значения в ячейке массива в движке SpiderMonkey. На деле там банальное 'undefined'.
Я пока не шарю что это, но это в консоли последней версии Firefox.
Пример:
var one = ["adc", "bcd", "lkd"];
var two =...;
var three = ...;
var random = function(){
}
var string = random(one) + random(two) + random(three)
Выделил момент, который мне не понятен. Как должна функция выглядеть?
Т.е., я понимаю, что она должна быть аля
var one = ['syka', 'blyad'];
var random = function(one){
return one[Math.floor(Math.random() * one.length))]
};
Но не могу это связать с тем, что выше, чего-то не понимаю.
да расслабься уже flexbox и гриды через пол-годика - год подвезут, и будет тебе в верстке земля обетованная.
чо?
Мне нужно просто написать функцию для того, чтобы потом можно было её использовать для составления строки, без каких либо выебонов.
Понял! Благодарю!
Борщехлебы в хаскель и перезвони тредах.
Нинужны. Есть спека Fantacy Land для JS и либы, ее исповедующие.
Аватаркобыдло-функциональщик, веганские вейпы майнишь, небось? Ты такой необычный, что аж никому не интересен.
>>1015964
https://redditblog.com/2017/06/30/why-we-chose-typescript/
Тайпскрипт — костыль по сути и со временем отвалится, но на наш век должно хватить. Также это дитя Сисярпа, строго поебёшься с интерфейсами — всё, как ты любишь. Вроде никаких подводных, кроме того, что и с без того ебанутым ЖС-тулчейном придётся ещё на уровень больше поебаться.
>>1015901
Ты не путаешь вёрстку и дизайн?
По старой вёрстке — никак. Должны быть многолетние шрамы на жопе от костылей.
https://htmlacademy.ru/courses/45
https://htmlacademy.ru/courses/65
По современной вёрстке — играючи:
http://flexboxfroggy.com/
http://cssgridgarden.com/
и спеки с картинками полистать.
По внешнему виду — думать о пользователе:
http://projectorat.ru/125tweaks/
и развивать чувство прекрасного:
https://www.awwwards.com/awards-of-the-day/
http://collectui.com/
вдохновляться, подражать, воспроизводить.
>>1016001
Альтернативы? Ты альтернативно-одарённый штоле, ёпта? Тебе особый подход нужен?
>learn.javascript.ru - Самый главный русскоязычный сайт по JavaScript. Других таких подробных уроков не найти. Начинать строго с него.
>со временем отвалится
С такой поддержкой от Microsoft врятли. Даже если типизацию и интерфейсы с енумами завезут в стандарт. Отвалится он только в том случае, когда запилят webassembly и васяны будут пилить свои трансляторы из других языков.
Хотя я с удовольствием побыл бы таким васяном и запилил бы транслятор для smalltalk.
К какой-то общей договоренности кстати пришли. Можно попробовать будет поиграться на выходных.
https://lists.w3.org/Archives/Public/public-webassembly/2017Feb/0002.html
>К какой-то общей договоренности кстати пришли.
Означает ли это, что JS умирает как web-first язык? Из этого следует также, что под ноду можно будет высирать хоть на схемке, или на том же смолтоке?
Там будет байт-код со своим набором инструкций как в JVM или что?
Хорошая статья по тестированию в новеньком безголовом Хроме.
Показывает, как всего лишь с помощью Node.js + yarn + ChromeHeadless + Karma + plugins + Mocha + Chai + Sky + Allah протестировать индексы в массиве.
Спасибо за годные ссылки, анон.
Почитай то, что на оффсайте написано и на mdn. Это актуальная инфа простым языком. Если не понимаешь - не лезь, иначе для тебя это будет сложно.
Ебусь в пюрешку. Спрашивай свои ответы.
Ты, походу, прошаренный. Ответь, будь добр, на этот вопрос:
>ChromeHeadless
соберется ли в окружении без графических бебиблиотек? Ну как собирался фантом под консольными линупсами. Или в данном случае "безголовость" значит всего лишь тихий режим, при котором нет ГУЯ?
Не знаю. Он только вышел и пока на чистом энтузиазме работает.
Предположу, что, раз Фантом решил загнуться с выходом Хрома, то цель такая должна быть. Да она и напрашивается.
>So I still need Xvfb?
>No. Headless Chrome doesn't use a window so a display server like Xvfb is no longer needed. You can happily run your automated tests without it.
https://developers.google.com/web/updates/2017/04/headless-chrome
Проблема: есть две точки входа, первая должна, как положено, распидорашиваться на чанки. Вторая же должна быть одним куском.
Как не кручу конфиги, вебпак всеравно пытается плодить ебучие чанки.
Это ты от тайпскрипта такой злой или смуззи несвежий продали в антикафе?
Благодарю
как запилить такие же поля у объекта?
надо:
(0).plusTwo.plusThree
возвращает:
5
Иди нахуй с таким отношением. Тебе ответ дали, ты вместо того, чтобы погуглить, размусоливаешь тут. Нахуй тебе не нужны знания.
Лол, да я всё испробовал уже.
И учебник мозиллы вообще пишет:
Прокси - это новые объекты; невозможно выполнить "проксирование" существующего объекта.
>невозможно выполнить "проксирование" существующего объекта.
Хуйлуша, ты еще и в прототипы не умеешь? Тогда точно нахуй ебашь.
Не выебывайся, а покажи как бы ты сделал через прокси. Агришься на залетных как школьница на мамку.
(Object).defineProperty(Object.prototype, 'PlusThree', {
get: function () {
return this + 3;
}
});
(Object).defineProperty(Object.prototype, 'PlusTwo', {
get: function () {
return this + 2;
}
});
хай
подскажитти что чечас в моде по фрейм вёркам жс?
ангуляр еще норм? с бек энд ом что?
<сяпки/>
у него ебанутый юзкейс какой-то в любом случае
А разница, если надо в любом случае использовать только эти два поля plusTwo и plusThree только к этому числу 0?
<бамПец~ки бАмП />
Как посоветуете в JS вкатиться с нуля и сразу в дамки?
Больше практики, мен.
Годно. Впрочем так и есть на самом деле.
>>1016780
Берешь ручку. Альбом. Рисуешь/пишешь всю хуйню. А вообще вот: https://ocw.mit.edu/courses/electrical-engineering-and-computer-science/6-00-introduction-to-computer-science-and-programming-fall-2008/index.htm
Стоит отметить, что при том что книга охуенная, жс ты лучше от неё писать не начнешь. Так что я бы сначала научился лабать хоть как-то, а уж потом начал дрочить схему.
кароч просто читаю кантора, что могу делаю сам, что не могу просто переписываю вручную и потом в уме подставляю все хуйню, пытаясь понять че за магия. Но за книжулю спасибо
Вот как всегда, обязательно нужно влезть со своим неквалифицированным мнением. Программирование не зависит от языка, в СИКП база, которая нужна любому. Сколько не учи синтаксис JS, программистом от этого не становишься.
После СИКП можно писать на любом языке.
После Кантора не сможешь писать ни на чем, ибо там не учат программированию.
Кроме СИКП нигде не учат программированию.
Нахуй иди кукаретик. Ты сам то читал его? Ты там блять первую строчку кода напишешь через хуй знает сколько страниц. Для человека который хочет научится лабать код это слишком долго.
"квалифицированные" видимо у нас преподы в вузах, после которых "погромисты" идут картриджы менять, потому что им ебли мозг чем угодно, только не реальными задачами и проблемами.
Напиши функцию находящую сумму 3-х самых больших чисел из 10 чисел, не используя встроенных функций и сложных операторов. Можно использовать только условия и операторы >/</= И/ИЛИ/НЕ +/-.
На входе список? Итерация по списку с это "сложная операция"? Рекурсия это сложная операция?
Не еби мозг, людям надо задачи уровня хуяк-хуяк и в прод решать, а не ребусы. Ребусы по настроению.
А какая разница сколько? В js есть arguments. Да и в статических языках это просто, в том же C есть va_list
Ты предлагаешь заниматься хуйней. Зачем мне заниматься хуйней?
>>1016891
Разница большая. arguments это псевдомассив, для доступа к элементам надо будет итерировать по нему.
Обычно дети, когда узнает какую-то новую штуку, потом всем пытаются показать какие они умные и классные. Так что ничего, это пройдет.
>у кантора уже в переборах массива начинает жестко тупить
>книжку по развитию хуй знает чего
Тебе книжки по развитию мышления нужны, а не программирования. Начни с детских раскрасок и судоку.
>для доступа к элементам надо будет итерировать по нему
Зачем? Длинну списка можно и рекурсией вычислить, не только циклом.
> не используя встроенных функций и сложных операторов.
> .length = встроенный метод
> tail xs = встроенная функция
> [x : xs] = сложный оператор
> (car lst) = встроенная функция
Давай угадаем, что хотел тот поехавший?
Стоит оно того?
Стоит чего? Нахуя оно тебе? Хочешь работать жс-девочкой и попивать смузи? Тогда стоит.
Он хотел, чтобы вы реализовали сортировку десяти числовых аргументов по убыванию, и выводом в конце сымму первых трех самых больших из них, используя только операторы сравнения, булевы операторы, условия и рекурсию.
В чем проблема?
В целом все норм, стандартные вопросы, задачка на сортировку, но на одной задаче я завис.
Условие:
Написать "проверку пароля", он должен быть не меньше 10 символов, содержать хоть бы одну большую букву и хотя бы одну цифру. Порядок любой то есть, может начинаться с цифры, с буквы (большой или маленькой) и заканчиваться также.
Сейчас пришел, погуглил регулярки, но все равно хз как это сделать чтобы в любом порядке было.
PS циклами хуячить нельзя, я сначала тоже думал сделать for циклами, но надо регуляркой.
https://regex101.com/r/5B0msK/1
Без гугла такое написать на память, хз. Регулярки вообще орудие тяжелое и вытаскивать их ради той задачи для которой её спросили я бы не стал.
Очевидно что проверить длинну и наличие двух символов в один проход в 100 раз легче, чем писать эту регулярку.
Не аски в жс жопа. Классы не работают. Допиши А-Я и подобное.
Я об этом и говорю, делать это регулярками наитупейшая затея.
вот дерьмо.
/Привет/.text(/\w/u)
=> false
токенизатор не работает:
> 'привет, bob'.split(/\W+/u)
[ 'bob' ]
https://github.com/aldeed/node-simple-schema#regex
На собеседовании заставляли писать писать велосипед?
Помогите с написанием функции, мне не нужен точный код, просто наведите на правильный путь так сказать.
Короче:
напишите функцию которая будет выполнятся на каждой странице, а если на странице будет форма то эта функция запустит валидацию. Эта валидация будет проверять валидность правил который нам определяет server side (поэтому необходимо предложить как сервер будет передавать эти правила).
Вот. сори за корявость перевода, оригинальная задача на иностранном языке.
можно:
pwd.length > 9 && /[0-9]/.test(pwd) && UPCASE_ALPHA.test(pwd)
не решается без сторонних либ, или я не знаю как, если UPCASE_ALPHA - любой алфавит.
Можно как-то так.
https://jsbin.com/nicaxetuji/edit?html,js,console
Но насколько я понимаю смысл был именно в том, чтобы проверить как хорошо человек знает регулярки.
Не могу в жс и вообще околофронтенд от слова совсем, поэтому прошу совета у тебя.
Нужен плеер для шебм (и вообще всего внутри <video>), как на харкаче - попап по нажатию на превьюшку. Как это дело проще всего реализовать? Или, может быть, есть какие-то готовые решения? Пиздец как я не хочу ради одной говностраницы погружаться в дебри жаваскрипта.
Код. Тайный язык информатики - обязательно прочти
Любая книга подойдет. Есть много видеокурсов, на Степике например. В книгах конечно подробнее.
Ты ведь нихуя не читаешь из того, что тебе здесь уже насоветовали, просто признай.
Объясните как сделать так, чтобы мой скрипт выполнялся сразу после построения DOM-дерева, но при этом на экране браузера еще не было никакого изображения.
Например, есть картинка, которая отображается при загрузке сайта. Нужно ее убрать, например с помощью скрипта, но он ее убирает уже после того как она отобразилась на экране.
С меня пак с картинками.
>Объясните как сделать так, чтобы мой скрипт выполнялся сразу после построения DOM-дерева, но при этом на экране браузера еще не было никакого изображения.
>
В стилях картинке задаешь display: none; или opacity: 0, а потом уже в window.onload() меняешь.
Сейчас попробую разобраться. Один только момент, про который забыл сказать. Пишу я пользовательский скрипт, то есть страница мне доступна только из браузера и как я понимаю к css свойствам страницы я доступ не имею. Или имею?
Имеешь полностью доступ к DOM дереву (иначе зачем тогда скрипты).
Присоединяюсь к реквесту.
вот тебе псевдкод:
- ну функция которая на каждой странице думаю понятно (просто подключи ебучий жс файл в свой шаблон)
- if (form) ajax.load('/rules').then(addEventListener('focus', validate))
- на сервере: router.get('/rules') => res.send(rules)
хуле тут делать то
стоит ли новичку начинать со Angular 2 ? знаю основы js, как лучше сделать, учить по немного несколько фреймворков, к примеру реакт + бэкбон, или все таки более-менее нормально освоить второй ангуляр ?
$('#some-element').fadeOut(250, () => {
$(this).fadeIn(250)
});
Потому что jQuery делает call(element, ...)
А когда ты юзаешь стрелочную функцию это идет по пизде.
передай свой this в стрелочную функцию?
Как же бесят полуёбки, которые пихают стрелочные функции вообще везде, блять. Какой у мамы вумный, ес6 знает.
Короче понадобилась предельно прямолинейный аплоад файлов. Чтобы разве что минет тебе ещё не делал.
Окно выбора файла открывается само при загрузке страницы.
Форма сабмитится сама как только пользователь выбирает файл.
Форма аплоадится аяксом, никаких перезагрузок страницы, можно сразу аплоадить следующий (больше одного файла за раз не будет твёрдо и чётко).
Что-то ЕЩЁ прямолинейнее можно сделать?
https://pastebin.com/8CeCFKBs
Щтоу? Я не виноват что жс мутабельный.
Я имел в виду прямолинейнее для пользователя , ещё быстрее/ещё меньше телодвижений. Там будет ОЧЕНЬ. МЕДЛЕННЫЙ. браузер, просто пиздец медленный.
Не будет работать если два раза подряд вызвать .css() к <td>. Щас проверил, что на других тегах работает всё норм. Может это фишка такая блять?
только после render()
Функция func() создает новый объект типа Function с телом count(), и свойством color = ..
Поэтому ты можешь читать свойство color. А вот переменная i находится внутри замыкания, и доступа к ней извне нет.
>>бъект типа Function с телом count(), и свойством color = ..
Да, это я уже самопонял.
Но как бля как вопрос то задать организована передача this что ли?
func() возвращает функцию и ее свойства в j. Свойство это указано четко 'count.color'. Как при возвращении свойства count.color в j передается объект перед 'точкой'?
Как браузер понимает что color теперь принадлежит j() а не func(), если я никакого this не указал.
Этот факт я априори принял.
Мне просто понять хочется как это работает.
>function f() {
> var count = {};
> count.color = "red";
>}
>var j = f();
>j.color == "red"; // true
Ты сделал то же самое. Просто в твоем случае count не обычный Object, а Function. То есть объект для которого определана операция вызова ()
Раз ты тут подскажи нубу еще:
https://jsfiddle.net/109819sa/1/
Все сижу и копаюсь в замыканиях и контексте вызова.
П.С.
объект если грубо - это кусок зарезирвированной памяти. И к нему идем по ссылке.
в func1() я присваиваю "часть памяти" к переменной z.
а относительно func2 - "часть памяти" уже присвоена в obj. Я перезаписываю ссылке с obj на x получается?
Твоя проблема в том, что ты не понимаешь что такое scope. Тебе надо идти слушать курс 6.01
Разницы между f1 и f2 нет вообще никакой.
В первом случае ты создал анонимный объект и тут же его вернул.
Во втором случае ты сделал локальный объект, потом напихал в него свойств и вернул.
По сути, объекты в жс это обычные словари. То есть структура данных типа "ключ-значение", с парой тройкой магический фичей типа прототипов.
Вроде смотрю, уже есть, а вроде и функционал там примитивный. Мне для тестового задания как лучше сделать?
Взять такой https://github.com/whoisandy/react-rangeslider или написать свой ?
Алсо на первом пике как штука называется нужно на нее степ бай степ форму намазать http://redux-form.com/6.8.0/examples/wizard/
В жс по дефолту функциональная область видимости. Забудем пока про es6
Это значит, что когда ты видишь функцию, не важно именованую или лямбду, то ты получаешь новую область видимости (scope). А значит все локальные переменные, включая аргументы функции в ней создаются грубо говоря на стеке. Правда объект это ссылочний тип, поэтому если ты передаешь аргументом объект, то ты сможешь его править.
Но если ты создаешь объект внутри функции, то он будет новым и не важно как ты его обозвал, снаружи это имя будет недоступно.
хз, где там у тебя undefined. Последний алерт возвращает red
Пишешь обычное веб приложение. Если нужно прочитать файл или заюзать что-то что недоступно из браузера, то все как в ноде. require('fs').readFile и поехали.
А можно ли писать html код? Например, в вставить в такое приложение <iframe ...> с плеером с какого-то сайта?
Ну ясен хуй можно. Смысл электрона и nwjs в том, что это просто хромиум с нодой.
Ничего ты не вернул, джон сноу.
Ты вернул объект (кусок памяти в твой терминологии), у которого было локальное имя obj. Имя осталось внутри функции. Имя нельзя вернуть.
>Сложно спорить.
Не, я просто охуеваю от того, как ты реквестишь свойство у метода, который еще даже не вызвал. В нормальных языках программирования тебе бы компилятор за такое по ебалу надавал.
Как же сказать. Меня интересует механика.
Вот допустим:
arr.voice = function(){alert('кудах тах тах')
arr.voice()
тут понятно - референтный тип данных донесет this до ().
Хотя кажется врулил.
в этом примере https://jsfiddle.net/109819sa/1/
func2() - переменная в которую записана ссылка.
Я возвращаю по сути не саму переменную obj, а ее значение - переписываю ссылку на обьект из obj в x
Не в замыкании дело (относительно моего вопроса, хотя я его через жору задал).
Как если бы
function num(){
var x = 2;
return x
}
var j = 5 + num() // будет 7
Как же сказать. Меня интересует механика.
Вот допустим:
arr.voice = function(){alert('кудах тах тах')
arr.voice()
тут понятно - референтный тип данных донесет this до ().
Хотя кажется врулил.
в этом примере https://jsfiddle.net/109819sa/1/
func2() - переменная в которую записана ссылка.
Я возвращаю по сути не саму переменную obj, а ее значение - переписываю ссылку на обьект из obj в x
Не в замыкании дело (относительно моего вопроса, хотя я его через жору задал).
Как если бы
function num(){
var x = 2;
return x
}
var j = 5 + num() // будет 7
>Мобильные приложения: Cordova, NativeScript, React Native, Phonegap, Ionic
Что из этого брать и почему? Это аналоги ноды, но для смартфонов/планшетов, верно? Как вообще с мобильной разработкой на жс, так же хуево, как для десктопа выходит (прожорливо, слоупочно, ебануто, интерпретатор с зависимостями жрет больше питона, текстовый редактор жрет 200 мегебайт и при этом работает медленнее саблайма) или нормально и вполне сравнимо с разработкой на xamarin, например?
Какая тебе блять механика. Ты сидишь и придумаываешь какую-то хуйню на ходу. Матчасть надо учить блеять.
Где почитать подробнее про то что ты пишешь. Я заинтригован твоими словами.
Я вернул объект без ссылки получается?
И получил к нему доступ ?
//придумаываешь какую-то хуйню на ходу
Не исключено.
Где ее учить? Я кроме учебника кантора нихуя не нашел ресурсов. А там написано так как написано.
Ну ок. А что нужно знать для успешного создания такого приложения? Просто я вот знаю основы джаваскрипта, использовал его чуток на сайтах, даже немного разбирался с vue.js, но я без понятия о каких require идет речь, например.
хуесосят его куда ни зайду
и при этом гугол на любой запрос с "javacript" выдает 50%+ jquery форумов
это говномем типа убунты, что ли?
Скомпилированный хелоу ворлд 130МБ ))))))000
бамп, steel need help
Короче, вот этот пример https://github.com/GitHubTochkaDev/vuejs-tutorials/blob/lesson1/index.html
Если сменить на локальный файл, то почему-то не работает, ошибка пикрилейтед. Что не так?
https://atom.io/ Бесплатный и охуенный. Перехожу на него вместо сублима.
Алсо, проблему решил.
От такого поста пользы ноль, не можешь помочь - сиди молча. Имиджборды изначально придуманы "анимешными опущенцами" и непонятно тогда, что ты вообще здесь делаешь.
>>1018494
https://learn.javascript.ru/xhr-crossdomain
https://learn.javascript.ru/ajax-jsonp
атом говно
я тоже в него сперва с сублима ушел, но когда через месяц он оброс кучей необходимых плагинов - стал грузится дольше чем там же визул студия.
это какой то пиздец.
А вот vscode и правда охуенный. И встроенный терминал из коробки, и дебаггинг, причем можно и клиент тоже дебажить.
двачую, vs code лучший, атом пиздец медленный и говно
дебаггинг nodejs:
- выводит в консоль объекты структурировано (тоесть можно раскрывать/скрывать их)
- легко перезапускать приложение
- можно дебажить параллельно клиент и сервер
поддержка гита из коробки (хотя дальше переключения веток я не пользуюсь этим)
Остальное впринципе как и у других редакторов но в отличии от атома работает быстро, а в отличие от саблайма - бесплатный и не надо полдня ебаться с настройкой всех вещей.
Забыл добавить, что я именно так и искал перед написанием вопроса в тред. И везде советуют одно и то же - РЕДАКТИРОВАТЬ НАСТРОЙКИ СЕРВЕРА лмфао. Такие советы засуньте себе в жопу, ну правда. Есть же нормальные решения.
Делаю небольшой проект на реакте с роутером.
Думаю, как изменять некоторые общие между различными страницами данные. Для текущей задачи сторонний стейт-менеджер избыточен (в особенности редакс).
Попробовал инжектить общий для всего приложения стейт и экшоны через контекст - работает. Насколько такой подход уебищен? Ведь, по сути, по такому принципу работают все стейт-менеджеры.
Бля, еще один. Пару месяцев назад тут был чувак, который рассказывал, что мы тут на шарим в проблемах с корсом, а вот он у себя ajax исправил и быстро все порешал. Хотя нифига он не ajax исправил, а воспользовался обходным хаком с бородатых времен. Что собственно ты тоже сделал. Так что про костыли и нормальные решения помолчал бы уже лучше.
Хорошо. Только давай ты подумаешь над ответом на риторический вопрос почему в джаве и c#, на которых я писал клиент, эта же апи ссылка в стандартных методах запроса не вызывала никаких проблем, а для джаваскрипта мне нужно связываться с разработчиками и просить их сменить настройки сервера?
Я пытался разобраться с заголовками по ссылке, но это же чистейшей воды огромнейший костыль. Ну допустим я новичок, и раз ты говоришь, что это не так, то я жду от тебя рабочую функцию запроса вместо моей ajax, потому что прямого решения моей проблемы по ссылкам нет.
+'10px'.replace('px', '');
почему в решении
shooters = [
function () { alert(i); },
function () { alert(i); },]
а не shooters = [
function () { alert(0); },
function () { alert(1); }, и т.д.
// не супер шарю тоже только вкатываюсь
юзая жс + классы цсс
Если хочешь, чтобы скрытый .info занимал место,- юзай visibility вместо display
в смысле ты с сервака на java и c# кидал запросы и получал ответ ? или у тебя java и c# в жс транспайляца
если первое то ебать, с ноды, пистона и любого другого сервера ты можешь кинуть запрос куда угодно и получть ответ.
а если второе, то твоя жава и сшарп просто прятали всю магию под капот, что собственно хуево.
в любом случае гугли что такое cross origin policy
> Только давай ты подумаешь
Ты не понял того, что я тебе написал.
Поясню еще один раз чуть по-другому.
Надеюсь ты подумаешь сам тоже.
> для джаваскрипта
1) Проблема не в js. Напиши на js простой скрипт и запусти его вне браузера и о чудо - получишь свой ответ, используя стандартные методы запроса (если надо - глянь скрин)
2) Верное и не костыльное решение - перенастроить сервак
3) в твоем случае костыль в виде jsonp - это решение, т.к. пункт 2 по понятным причинам ты не сделаешь
4) если это удобоворимое решение в данной ситуации из этого не следует делать выводы вида
> Такие советы засуньте себе в жопу, ну правда. Есть же нормальные решения.
(собственно вот из-за этого я и написал вообще свой пост выше)
5) jsonp - не ajax
6) посмотри исходник jq как там реализовано
7) почитай про cors
8) GLHF
Если мой ответ не поможет, ну что ж поделать
В общем есть одна анимация тригирящаяся с загрузки страницы
Есть тупая форма с POST как тут
https://www.w3schools.com/php/showphp.asp?filename=demo_form_validation_escapechar
Реально ли, чтобы после сабмита страница не перезагружалась xor не тригирилась анимация ?
А ты не понял, что мне нужно. Меня не интересует теория, и почему браузер не в состоянии выполнить код, меня также не интересует, что такое cors, glhf, jq и прочее, если в других языка моя проблема решается одной короткой строкой кода, уж прости. Поэтому мне и нужен "аналог этой одной строки" прямо сейчас. Попробую твой код и отпишусь.
Да мне похер, можешь не отписываться.
glhf - это good luck and have fun
прям напомнило про hr и покемонов
для чайников не знаю, вот для детей есть
http://pepa.holla.cz/wp-content/uploads/2015/11/JavaScript-for-Kids.pdf
Ясно. Мог бы тогда сразу сказать, что не знаешь другого решения. Вместо этого начал умничать.
>>1018853
>нативного решения не существует, предложу скачать пару левых библиотек
Я уже понял, можешь не продолжать.
Ну слушай, я повторю разок еще раз. Моя проблема решилась еще вчера с ajax, хотя мне давали совсем другие ссылки и посчитали это костылем. Я согласился и попросил дать мне рабочий аналогичный код, чтобы не было костылем. Рабочий код в треде есть? Нет. Возможно вот этот >>1018831 рабочий, но соединение чанков и использование в браузере реквайра с http, которого у меня нет, это еще больший костыль.
ладно тогда и я повторю еще разок.
> еще вчера с ajax
пик 1
это не ajax а костыль под названием jsonp
JSONP или «JSON with padding» (JSON с набивкой) — это дополнение к базовому формату JSON. Он предоставляет способ запросить данные с сервера, находящегося в другом домене — операцию, запрещённую в типичных веб-браузерах из-за политики ограничения домена cross origin policy.
> Я согласился и попросил дать мне рабочий аналогичный код, чтобы не было костылем
понимаешь, любой код, что тебе дадут будет костылем. Это вопрос безопасности.
> Нет. Возможно вот этот
>>1018831
> рабочий,
это код, с помощью которого, сервер ВНИМАНИЕ сервер а не браузер может запросить и получить эти данные >>1018827
> с ноды, пистона и любого другого сервера ты можешь кинуть запрос куда угодно и получть ответ.
единственный некостыльный вариант, поменять настройки сервака.
Забей, он уйдет так же как и предыдущий, уверенный в своей правоте. Никогда бы не подумал, что бывают настолько одинаковые люди. Хотя, может это тот же заскочил потролить.
>мимо вебсторм-zero-latency-быстробоярин
>уверенный в своей правоте
Правоте в чем? Я вообще ничего не утверждаю, я просил решение своей проблемы. Чини детектор, пожалуйста.
>>1018869
Вот только мне было нужно решение в браузере, а не для моего сервера. О том, что его не существует, я уже понял >>1018850 >>1018854
Я дам совет на будущее для тех, с кем говорил. Вместо всего этого непонятного срача достаточно было сказать два предложения:
1) твой вариант единственный рабочий без изменения настроек сервера с апи
2) и он костыльный из-за jsonp
Вот и весь разговор.
Есть еще вариант с локальным прокси, который подменяет хидеры.
Тебе блять расписали решение и 33 подсказки в учебнике. Хуле тебе еще не понятно то?
да, и watch
>Мобильные приложения: Cordova, NativeScript, React Native, Phonegap, Ionic
Что из этого брать и почему? Это аналоги ноды, но для смартфонов/планшетов, верно? Как вообще с мобильной разработкой на жс, так же хуево, как для десктопа выходит (прожорливо, слоупочно, ебануто, интерпретатор с зависимостями жрет больше питона, текстовый редактор жрет 200 мегебайт и при этом работает медленнее саблайма) или нормально и вполне сравнимо с разработкой на xamarin, например?
Это копия, сохраненная 16 июля 2017 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.