@vuejs_ru
Vue.js — русскоговорящее сообщество

Общаемся на темы, посвященные Vue.js и опыту его использования. Проблемы. Новости. Решения. См. также: @js_ru, @react_js, @angular_ru, @nuxtjs_ru Вакансии только тут: @javascript_jobs

3988 members

Архив канала @vuejs_ru 3 февраля 2017 г.

01:10:47 ДП
07:59:13 ДП
User 776986
Ребята, всем привет. Простите за нубский вопрос, но можете посоветовать какие библиотеки считаются must-have в vuejs?
07:59:32 ДП
08:00:34 ДП
User 776986
#whois
Работаю фронтенд разработчиком, пишем гибридное приложение на react+redux. Хотел на выходных поиграться с vuejs, поэтому и зашел сюда :)
08:00:44 ДП
User 40595124
vue-router, vee-validate
08:00:52 ДП
User 58768789
vuex ~ redux
08:00:52 ДП
User 40595124
vue-loader
08:01:10 ДП
User 58768789
User 40595124
vue-loader
точняк
08:01:27 ДП
User 58768789
Ну а роутер - по необходимости.
08:02:00 ДП
User 776986
Спасибо :)
08:02:43 ДП
User 40595124
vue-template-compiler
08:02:53 ДП
08:03:14 ДП
User 58768789
User 776986
#whois
Работаю фронтенд разработчиком, пишем гибридное приложение на react+redux. Хотел на выходных поиграться с vuejs, поэтому и зашел сюда :)
Если поиграться - бери сразу vue-cli. Там все это впилено сразу
08:05:39 ДП
User 55423102
да ну, нет must have... что нужно добавить, то и добавляешь... vue.js и сам по себе хорош)
08:05:55 ДП
User 55423102
нет никакой обязаловки что с ним надо тащить
08:08:10 ДП
User 58768789
Ну не скажи. vuex - маст-хэв маст-хэвом прям
08:08:24 ДП
User 40595124
vue-loader тоже. Нет жизни без Webpack'а. 😃
08:08:47 ДП
User 58768789
Понятно, что и без него можно, но за стэйтом не уследишь нормально.
08:09:03 ДП
User 58768789
Как, собсно, и реакт без редакса/мобикса
08:09:07 ДП
User 55423102
Vuex будет лишним грузом если только кусок где-то на вью впиливаешь
08:09:14 ДП
User 55423102
ну опять же) кому-то вебпак не в радость)
08:09:27 ДП
User 55423102
когда уже что-то продвинутое начинаешь делать и то и другое может понадобиться
08:09:41 ДП
User 58768789
Vue будет лишним грузом, если только кусок где-то на нем впиливаешь :D
08:09:59 ДП
User 55423102
ну да, можно вместо него лапшички на jq написать
08:10:24 ДП
User 58768789
Если кусок - на ванили даже проще
08:10:44 ДП
User 55423102
тут скорее смысл что постепенно осваиваться и усложнять приложение когда это потребуется. До поры до времени состояние прекрасно можно в объекте хранить каком-то общем
08:10:59 ДП
User 55423102
А когда дорастёт, всё это просто заменяется на vuex
08:11:31 ДП
User 58768789
Лан, уговорил)
08:24:00 ДП
User 136935602
User 58768789
Ну не скажи. vuex - маст-хэв маст-хэвом прям
такое
08:24:20 ДП
User 136935602
User 58768789
Vue будет лишним грузом, если только кусок где-то на нем впиливаешь :D
неправда. Vue изначально разрабатывался в том числе для таких применений
08:55:08 ДП
User 152816933
https://medium.com/@arturkornakov/5-%D0%B8%D0%B4%D0%B5%D0%B9-vue-js-%D0%BA%D0%BE%D1%82%D0%BE%D1%80%D1%8B%D0%B5-%D0%B2%D1%8B-%D0%BF%D0%BE%D0%BB%D1%8E%D0%B1%D0%B8%D1%82%D0%B5-%D0%B4%D0%B0%D0%B6%D0%B5-%D0%B5%D1%81%D0%BB%D0%B8-react-%D0%B2%D0%B0%D1%81-%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D1%81%D1%82%D1%8C%D1%8E-%D1%83%D1%81%D1%82%D1%80%D0%B0%D0%B8%D0%B2%D0%B0%D0%B5%D1%82-33bcbeba2916#.rrajs472q
medium.com/@arturkornakov/5-идей-vue-js-которые-вы-полюбите-даже-если-react-вас-полностью-устраивает-33bcbeba2916
В основе любой популярной библиотеки лежит идея, которая отличает её от остальных. В Angular — это директивы и two-way data-binding, …
08:56:08 ДП
User 133944225
@xanf_ua а когда будет запись с субботней лекции ? :)
08:58:14 ДП
User 136935602
Сегодня сшить надо
08:58:19 ДП
User 136935602
Работы много
09:13:17 ДП
User 281771541
да кстати когда выложите записи стримов на ютуб?
09:20:08 ДП
User 187220703
https://blog.jetbrains.com/webstorm/2017/02/webstorm-2017-1-eap-171-2822/
09:27:07 ДП
User 136935602
User 281771541
да кстати когда выложите записи стримов на ютуб?
Всех никогда.
09:33:16 ДП
User 187220703
vuex, redux - никогда не понимаю нахер такое ваще может понадобиться, проекты у меня дохрена сложные, и никаких проблем с хранением состояния не испытываю, тем более с моим подходом вообще vuex и редуксы всякие не вяжутся, насколько я понимаю. Иногда думаю, толи я тупой, то-ли наоборот, раз все фапают на эту херню! Может быть есть у вас на примете реальный какой-нибудь пример (не высосаный из пальца счётчик) а реальная ситуация, где бы я прочувствовал всю прелесть этого дела!?
09:35:50 ДП
User 94523403
как ты реализовываешь общение между смежными(не иеархическими) компонентами?
09:36:19 ДП
User 98228166
(без костылей)
09:38:10 ДП
User 94523403
это удобно(vuex) например если у тебя есть настройки пользователя, и ты хочешь чтобы при их изменении динамически менялись компоненты в разных частях SPA
09:39:06 ДП
User 94523403
допустим что выбранная юзером опция должна повлиять на >10 компонентов разного уровня вложенности. Передавать новую инфу в каждый из компонентов явно - ну такое себе решение
09:40:22 ДП
User 94523403
с радостью послушаю, какие есть архитектурные подходы решения подобного
09:40:26 ДП
User 40595124
User 187220703
vuex, redux - никогда не понимаю нахер такое ваще может понадобиться, проекты у меня дохрена сложные, и никаких проблем с хранением состояния не испытываю, тем более с моим подходом вообще vuex и редуксы всякие не вяжутся, насколько я понимаю. Иногда думаю, толи я тупой, то-ли наоборот, раз все фапают на эту херню! Может быть есть у вас на примете реальный какой-нибудь пример (не высосаный из пальца счётчик) а реальная ситуация, где бы я прочувствовал всю прелесть этого дела!?
Лучше ты покажи свой код, а мы тебе и скажем, где у тебя криво и куда можно наложить Vuex хорошо.
09:51:26 ДП
User 40268779
User 40595124
Лучше ты покажи свой код, а мы тебе и скажем, где у тебя криво и куда можно наложить Vuex хорошо.
+++ хотя согласен что с самого_начала впиливать Redux-подобные штуки нет смысла, пусть сначала MVP  будет, направление одобрят, потом можно разгрести говнокод и дописать centralised state management
09:51:38 ДП
User 187220703
код у меня секретный )
09:51:57 ДП
User 187220703
у меня нет говнокода )
09:52:05 ДП
09:52:33 ДП
User 136935602
вот хороший пример
09:52:42 ДП
User 136935602
из проекта где мы реально работаем
09:52:54 ДП
User 136935602
https://goshakkk.name/lazy-auth-redux-saga-flow/
goshakkk.name/lazy-auth-redux-saga-flow
You know Redux, enough to make a nice little app. The simple stuff is easy — you can change state in the reducers, you can even make AJAX requests with your eyes tied. Say you are working on a bett...
09:53:03 ДП
User 136935602
без редакса и саг проклянешь это делать
09:54:11 ДП
User 187220703
Хорошо, сейчас обдумаю, почитаю
09:54:23 ДП
User 136935602
или вот простой сценарий
09:54:33 ДП
User 136935602
есть таблица игроков, которая содержит очки
09:54:44 ДП
User 136935602
Таблица может обновляться рестом (глобально) и по вебсокетам (инкрементально)
09:54:55 ДП
User 136935602
Таблица нужна в нескольких местах приложения
09:55:00 ДП
User 136935602
Ее удобно хранить в application state
09:55:13 ДП
User 136935602
более того - ты сможешь отслеживать ее обновления (иначе как ты узнаешь что таблица обновилась)
09:58:04 ДП
User 184398046
Был один товарищ очень против vuex, потому что прочел про flux и решил что он нужен только Фейсбуку. Но релаксации и cuex совсем не одно и тоже. В Vuex нет столько боелепартного кода и проблем, как в редакс. Когда товарищ попробовал Vuex - он осознал что был не прав. Ведь инстумент нужно самому попробовать что бы решить как он
09:58:27 ДП
User 136935602
такое. vuex / redux отличаются только "оберточным" кодом
10:01:46 ДП
User 187220703
А почему бы не так:
// table.js:
export default [
  {player: 1, points: 12},
  {player: 2, points: 15}
]

// component1.vue <script>:
import table from './table'
export default: {
  name: 'component1',
  data() {
    return {table}
  }
}

// component2.vue <script>:
import table from './table'
export default: {
  name: 'component2',
  data() {
    return {table}
  }
,
  methods: {
    addPoints(player, count) {
      table.find(item => item.player === player).points += count // Ну для простоты так написал
    }
  }
}
10:03:58 ДП
User 136935602
Вопрос: где вебсокеты (подсказка - они не могут быть в компонентах, т.к. компонент это вью слой). Второй вопрос - как отслеживать изменения в таблице (в вашем случае изменения в table.js не будут вызывать перерисовки - т.к. table.js очевидно не реактивна)
10:04:39 ДП
User 187220703
очевидно, что тейбл реактивна, потому, что как только она поподёт в дату одного из компонентов она станет реактивной
10:04:49 ДП
User 136935602
А еще возникают нюансы правильной реализации: к примеру в реальном приложении вначале ты подключаешься к вебсокету и буферизируешь обновления, потом грузишь рест, и при успешной загрузке реста накатываешь обновления (это единственный способ НЕ ТЕРЯТЬ данные)
10:04:54 ДП
User 136935602
нет не станет :)
10:05:28 ДП
User 136935602
вернее будут неприятные нюансы, связанные с тем. что к примеру добавлять новых игроков вам прийдется только через Vue.$set
10:05:30 ДП
User 187220703
ща будем фиддлить
10:05:41 ДП
User 187220703
Vue.$set не использую почти никогда
10:05:56 ДП
User 187220703
и не надо будет, просто пушишь в тейбл, тейбл реактивный
10:07:12 ДП
User 136935602
это пуш пропатченный :) а не тейбл реактивный. ну да ладно
10:07:32 ДП
User 136935602
а вот где разместить к примеру логику с вебсокетами и трекингом загрузки. которую я описал? :)
10:08:07 ДП
User 136935602
А еще как вы будете отлаживать кто инициировал изменение в таблице? :)
10:15:27 ДП
User 141310847
здра! никто, просто быть вкурсе процессов разработки
10:15:42 ДП
10:16:35 ДП
User 282857241
вечер в хату, разрабы
10:22:02 ДП
User 187220703
Всё реактивно:
https://jsfiddle.net/n23cLtrd/
jsfiddle.net/n23cLtrd
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
10:22:47 ДП
User 187220703
User 136935602
а вот где разместить к примеру логику с вебсокетами и трекингом загрузки. которую я описал? :)
Я таблицу сделаю классом с собственными методами, логированием и любым делом, что мне нужно (и если нужно)
10:23:12 ДП
User 136935602
ага, а вот теперь возникает вопрос "начерта". Ну т.е. вы изобретаете велосипед, который надо изучать вам и ваших коллегам
10:23:24 ДП
User 136935602
Vuex предлагает СТАНДАРТИЗИРОВАННОЕ решение для таких задач
10:23:35 ДП
User 187220703
что тут изучать то? ))) vuex - вот что придётся изучать
10:23:38 ДП
User 136935602
естественно можно закодить все самому. но это будет боль
10:23:49 ДП
User 40595124
User 187220703
что тут изучать то? ))) vuex - вот что придётся изучать
А что там изучать? Я его изучил за полдня.
10:23:50 ДП
User 187220703
а что массив объектов javascript изучать?
10:23:53 ДП
User 40595124
Он прост как топор.
10:24:03 ДП
User 187220703
А когда она станет классом (возможно с наследованием и т.п.) (аля сервисом) тогда она уже не будет plain объектом, которыми оперируют
10:24:07 ДП
User 136935602
простейший пример: надо запретить модифицировать таблицу напрямую - только каким-то методом :)
10:24:08 ДП
User 187220703
vuex и redux
10:24:21 ДП
User 187220703
я ответил, смотри выше
10:24:49 ДП
User 136935602
вы ж понимаете - если вы превратите ее в класс, у которой будет допустим метод возвращающий текущее состояние таблицы - отвалится реактивность
10:24:52 ДП
User 187220703
да, но вот если переписать всё на vuex, то получится в пятсот раз больше кода, и спрашивается нахера?
10:25:12 ДП
User 136935602
потому что если вы возвращаете новый инстанс таблицы - то она будет не реактивна
10:25:20 ДП
User 136935602
а если возвращаете тот же - я могу его модифицировать напрямую
10:25:25 ДП
User 187220703
User 136935602
вы ж понимаете - если вы превратите ее в класс, у которой будет допустим метод возвращающий текущее состояние таблицы - отвалится реактивность
Нет, не отвалится, почему бы ей отвалиться?
10:25:30 ДП
User 136935602
см. выше
10:25:32 ДП
User 187220703
зачем новый инстанс
10:25:47 ДП
User 136935602
потому что если вы возвращаете тот же инстанс кто мне запретит сделать table[0].score = 80
10:25:54 ДП
User 136935602
и я потом фиг найду кто это сделал :)
10:26:02 ДП
User 187220703
совесть?
10:26:07 ДП
10:26:27 ДП
User 136935602
Вот именно. Вот только такие понятия как совесть плохо применимы в хоть сколько-нибудь больших проектах (даже на 2-3 разработчиков)
10:26:39 ДП
User 187220703
ну может быть проблема как раз в отсутсвии коллег
10:26:43 ДП
User 136935602
Там задача сделать максимально изолированный код, чтобы было безопасно
10:27:49 ДП
User 136935602
А теперь добавим наворотов: мне нужно каждый раз когда происходит изменение очков отправлять бикон в гуглоаналитику (сторонний сервис)
10:28:26 ДП
User 136935602
Вы будете делать это прям в классе таблицы? Это прямое нарушение S из SOLID - принципа одной ответственности. Класс занимается двумя вещами (управляет данными и шлет данные в гуглоаналитику)
10:28:52 ДП
User 136935602
Плюс в таком случае у класса появляется внешняя зависимость и его уже дико геморройно тестировать
10:30:28 ДП
User 184398046
Да есть же 2 пути со стором из доков ву. Это vuex и инстанс vue. Иван окольными путями использует второй вариант.
10:30:43 ДП
User 136935602
я все это понимаю
10:30:52 ДП
User 136935602
собираюсь сейчас постримить если настроение будет redux-saga + vuex )
10:31:49 ДП
User 184398046
А нет других бибилиотек, кроме саги, что бы пользоваться конкаренси?
10:32:01 ДП
User 136935602
есть конечно
10:32:03 ДП
User 57772277
По поводу стримов, liveedu только у меня лагает?
10:32:42 ДП
User 184398046
Более удобные чем сага?
10:33:21 ДП
User 136935602
мое мнение что нет
10:33:30 ДП
User 187220703
Никами принципами заученными я не пользуюсь, в каждом случае свой принцип, главное построить красивое решение, если лучше два принципа - пусть будет хоть три, если это хорошо решает проблему, пусть даже тестирвать будет сложнее (хотя конечно лучше без этого) везде нужен баланс. В общем это отступление.

Если хочется разделения, миксуй в классик систему событий, делай сервис гугл-аналитики, импорти классик и подписывайся на его события
10:33:35 ДП
User 136935602
сага оптимальный компромисс между сложностью реализации и возможностями
10:35:28 ДП
User 136935602
User 187220703
Никами принципами заученными я не пользуюсь, в каждом случае свой принцип, главное построить красивое решение, если лучше два принципа - пусть будет хоть три, если это хорошо решает проблему, пусть даже тестирвать будет сложнее (хотя конечно лучше без этого) везде нужен баланс. В общем это отступление.

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

А теперь представим что каждый миксует свою систему событий.
А еще это сложно тестируемо (действительно, кому нужны тесты? Вот только вы завтра увольняетесь - приходит человек поправить ваш код на сколь-нибудь большом проекте. Как он поймет что его действие ничего не ломает)
А про понятность - всякие "паттерны проектирования" как раз придуманы как средство облегчения коммуникации между программистами
10:35:34 ДП
User 108562525
а что за сага, зачем нужна?
10:35:50 ДП
User 136935602
+ еще: если код не тестируемый - это плохой код (речь идет не о наличии тестов, а о тестируемости кода)
10:36:45 ДП
User 187220703
это понятно
10:37:12 ДП
User 184398046
Сага... Мне ембер-конкаренси нравиться, но она с корнями в ембере
10:37:27 ДП
User 136935602
а мне redux-observable :)
10:37:35 ДП
User 136935602
но он требует хорошего понимания FRP и Rx
10:37:56 ДП
User 136935602
в этом саги однозначно выигрывают - их людям без опыта FRP и Rx гораздо проще понять - это обычные джаваскриптовые генераторы
10:41:19 ДП
User 169564810
User 55423102
ну да, можно вместо него лапшички на jq написать
так jQuery по размеру не сильно отличается от Vue
10:44:32 ДП
User 152816933
каком размере?
10:45:27 ДП
User 55423102
зато по сути он даёт больше чем jq
10:45:48 ДП
User 55423102
User 152816933
каком размере?
по размеру файла min|не min наверное имел ввиду
10:46:05 ДП
User 169564810
все верно
10:46:40 ДП
User 169564810
jquery кого хочешь порвет, с плагинами, но их еще нужно подключать, и потратить время, чтобы выбрать лучший из десятка
10:47:58 ДП
User 169564810
Блин, нужен полифили jQuery.vue, чтобы можно было подключать jQuery плагины, но все вызовы $ мапились на Vue
10:48:04 ДП
10:48:19 ДП
User 169564810
этот полифил будет популярнее самого Vue
10:50:59 ДП
User 136935602
так, сейчас сшиваю видео по Vue
10:51:09 ДП
User 136935602
и посмтримлю таки саги
10:51:29 ДП
User 118564668
Народ, как "словарик" организовать?( Вчера поднимал этот вопрос, может сегодня зайдет. Сейчас думаю через методы может или через компонент, но через компонент идет привязка к шаблону, чего не хотелось бы

// Это отдельный запрос
const order = {
    "id": 2,
    "cargos": [
        {
            "cargo_type": "household_chemicals",
        }
    ]
}

// Это отдельный запрос
cosnt cargo_types = [
    {
        code: 'household_chemicals',
        name: 'Бытовая химия',
        ...
    }
]

<div v-for="cargo in cargos">
    {{cargo_type}} // здесь хотелось бы вывести имя
                   // cargo_types.filter(type => type.code === cargo_type)[0].name
</div>
11:10:51 ДП
User 187220703
В дату положить
cargo_types_map: cargo_types.reduce((map, item) => {
  map[item.code] = item
  return map
}, {})
Вот и писать {{cargo_types_map[cargo.cargo.type].name}} где хотелось бы имя
11:11:27 ДП
User 187220703
{{cargo_types_map[cargo.type].name}} *
11:35:59 ДП
User 60331718
почему акие ошибки могут быть?
11:46:44 ДП
User 60331718
собственно вот куда он ссылается
11:47:52 ДП
User 136935602
Field.vue покажи
11:49:21 ДП
User 60331718
ща, выложу на гист
11:50:17 ДП
User 60331718
https://gist.github.com/Fl0pZz/20cb64e309d03cc0c083ea2b6f46053e
gist.github.com/Fl0pZz/20cb64e309d03cc0c083ea2b6f46053e
11:51:26 ДП
User 60331718
вот Cell
12:01:46 ПП
User 223942854
Здравствуйте, рад приветствовать всех
я разработчик на Java/PHP и хочу изучить VueJS в своих проектах
#whois
12:05:27 ПП
User 60331718
User 136935602
Field.vue покажи
нет идей? я могу весь проект выложить в общем-то
12:07:10 ПП
User 133750577
Почему они у тебя .html?
12:08:30 ПП
User 112715267
Рафик, а чего pug не юзаешь
12:08:38 ПП
User 112715267
я вот попробовал, вообще каеф
12:10:09 ПП
User 152816933
не, нафиг
12:10:29 ПП
User 55423102
Писать markdown, генерировать html!
12:10:34 ПП
12:10:45 ПП
User 112715267
User 55423102
Писать markdown, генерировать html!
md тут причем
12:10:58 ПП
User 55423102
ну чем не очередной шаблонизатор, просто умеет чуть поменьше)
12:11:08 ПП
User 152816933
как и все эти штуки на отступах.
Обсишбся где то, а оно скомпилировалось, да не правильно.
12:11:17 ПП
User 112715267
чуть (вообще ничего)
12:11:21 ПП
12:11:30 ПП
User 152816933
User 112715267
чуть (вообще ничего)
не факт
12:11:36 ПП
User 60331718
User 133750577
Почему они у тебя .html?
чтобы подстветка в гисте работала, так то он у меня как .vue сделан
12:11:38 ПП
User 112715267
ну это вообще другое
12:11:57 ПП
User 152816933
User 60331718
чтобы подстветка в гисте работала, так то он у меня как .vue сделан
она вроде работает...
12:12:03 ПП
12:12:17 ПП
User 152816933
https://gist.github.com/c01nd01r/853ed80b1d54ac3902cd4f4c3fc2cb72
gist.github.com/c01nd01r/853ed80b1d54ac3902cd4f4c3fc2cb72
12:12:20 ПП
User 60331718
User 152816933
она вроде работает...
неа
12:12:30 ПП
User 60331718
а да работает
12:12:30 ПП
12:12:32 ПП
User 60331718
надо же
12:12:34 ПП
User 60331718
исправил
12:12:45 ПП
User 282857241
pug действительно отличная вещь
12:12:58 ПП
User 60331718
https://github.com/Fl0pZz/my2048
вот, чекните, почему может быть такая ошибка то?
github.com/Fl0pZz/my2048
Contribute to my2048 development by creating an account on GitHub.
12:13:13 ПП
User 55423102
<style type="text/css"> а зачем? для vue-loader надо Lang указывать
12:13:15 ПП
User 212842542
pug в .vue-файлах довольно паршиво поддерживался редакторами до вчерашнего дня
12:13:48 ПП
User 112715267
User 55423102
<style type="text/css"> а зачем? для vue-loader надо Lang указывать
для простого css lang не нужен
12:13:56 ПП
User 112715267
User 212842542
pug в .vue-файлах довольно паршиво поддерживался редакторами до вчерашнего дня
в том же саблайме поддерживает на ура
12:13:59 ПП
User 55423102
ну я помню что не нужен
12:14:08 ПП
User 55423102
просто type тоже не нужен получается
12:14:39 ПП
User 212842542
в vs code у меня вообще не заработал, в атоме подсевтка моргала всякий раз как ставишь перенос строки
12:14:48 ПП
User 282857241
User 212842542
pug в .vue-файлах довольно паршиво поддерживался редакторами до вчерашнего дня
юзаю Atom, всё окей
12:15:08 ПП
User 212842542
щас покажу о чем я
12:16:14 ПП
User 212842542
https://i.imgur.com/cYnPvMm.png
i.imgur.com/cYnPvMm.png
12:16:35 ПП
User 212842542
бесило это моргание всего кода)
12:16:48 ПП
12:17:56 ПП
User 152816933
а какой вообще профит юзать pug во вью?
12:18:23 ПП
User 212842542
так же как sass, просто меньше букв
12:18:34 ПП
User 282857241
абсолютно такой же, как при использовании где-либо еще
12:18:40 ПП
User 212842542
ничего другого из продвинутых возможностей там не надо как по мне
12:19:04 ПП
User 152816933
оно приколько, когда статику верстаешь, когда списки надо отрендерить, например. 
Во вью у нас же свои функции для таких вещей
12:20:08 ПП
User 282857241
ты путаешь теплое с мягким :)
pug это про синтаксис и только. запись банально короче и легче читается, дело в функциональных возможностям препроцессора, таких как циклы и тд
12:20:36 ПП
User 282857241
одна только возможно не писать стрелки и не закрывать тэги экономит 50% кода
12:20:46 ПП
User 282857241
ну может не 50, но порядком
12:21:03 ПП
User 282857241
пардон, "не в функциональных" хотел написать
12:21:07 ПП
User 212842542
а еще кстати в атоме у меня не работал автокомплит для сасс
12:21:21 ПП
User 212842542
так что вчерашний вебшторм для меня как мана небесная
12:21:31 ПП
User 60331718
User 60331718
почему акие ошибки могут быть?
даже если упростить до безобразия App.vue, все равно не исчезают
12:21:37 ПП
User 60331718
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>
12:21:38 ПП
User 282857241
User 212842542
ничего другого из продвинутых возможностей там не надо как по мне
в общем да, я этим согласен. хотя хорошо, что продвинутые возможности есть. когда-нибудь они могут пригодиться
12:21:51 ПП
User 152816933
кроме короткого синтаксиса профитов для вью не вижу
12:22:17 ПП
User 282857241
ну вот видишь, сам говоришь, что профит есть :)
12:23:00 ПП
User 152816933
User 282857241
ты путаешь теплое с мягким :)
pug это про синтаксис и только. запись банально короче и легче читается, дело в функциональных возможностям препроцессора, таких как циклы и тд
так я и говорю, какой смысл этих функциональных возможностей во вью?
12:23:42 ПП
User 282857241
User 282857241
пардон, "не в функциональных" хотел написать
Станислав, я опечатался
12:24:00 ПП
User 282857241
лично я юзаю pug, потому что писать и читать его быстрее
12:24:02 ПП
12:24:05 ПП
12:25:20 ПП
User 282857241
мне и stylus нравится, и coffee-script в свое время. вот такой вот я человек)
12:25:35 ПП
User 136935602
извращенцы )
12:26:41 ПП
User 152816933
блин, а где песочница pug'овская? Раньше на офф сайте была.
Или pug теперь не рендерится на клиенте? :)
12:28:02 ПП
User 282857241
можно в codepen поиграться
12:28:33 ПП
User 152816933
да я хочу, чтоб html сгенерированный показывал
12:28:43 ПП
User 212842542
но там старая версия у которой есть проблемы с vue небольшие
12:28:46 ПП
12:29:40 ПП
User 152816933
нашел
12:29:40 ПП
User 212842542
если атрибут начинался с : pug это считал ошибкой
12:29:49 ПП
User 212842542
но благодаря vue это пофиксили
12:30:41 ПП
User 282857241
ребята, а никто вот это не юзал https://github.com/holic/vue-viewport ?
github.com/holic/vue-viewport
vue-viewport - Vue plugin for detecting when elements enter and leave the viewport
12:31:05 ПП
User 282857241
я вот думаю, как лучше реализовать анимацию появления элемента во вьюпорте
12:31:25 ПП
User 282857241
раньше, когда на Angular писал, у нас для этого специальная директива была
12:31:37 ПП
User 282857241
вот думаю что-то подобное на Vue запилить
12:40:15 ПП
User 152816933
Можно туда запулреквестить :) На событиях вполне норм.
12:41:43 ПП
User 40595124
https://github.com/websanova/vue-auth

Скажите, а вот это нормуль, если я хочу JWT аутентификацию прицепить к проекту? Да/нет?
12:42:23 ПП
User 112715267
User 282857241
одна только возможно не писать стрелки и не закрывать тэги экономит 50% кода
Так и есть
12:43:38 ПП
User 112715267
User 282857241
ребята, а никто вот это не юзал https://github.com/holic/vue-viewport ?
github.com/holic/vue-viewport
vue-viewport - Vue plugin for detecting when elements enter and leave the viewport
Это типа видно/не видно?
12:43:48 ПП
User 152816933
Куда ж вы деваете такое количество сэкономленного времени? :)
12:43:49 ПП
12:44:04 ПП
User 112715267
User 152816933
Куда ж вы деваете такое количество сэкономленного времени? :)
ВКонтакте сижу
12:44:18 ПП
User 152816933
продуктивненько
12:44:23 ПП
User 282857241
пишу в два раза больше pug'а))
12:44:35 ПП
User 282857241
чем нужно..
12:45:26 ПП
User 136935602
User 152816933
Куда ж вы деваете такое количество сэкономленного времени? :)
дота
12:45:54 ПП
User 112715267
User 282857241
пишу в два раза больше pug'а))
За ту же зарплату
12:46:07 ПП
User 112715267
Несправедливость 😂
12:46:54 ПП
User 136935602
зарплата? :) а что это такое :)
12:47:44 ПП
User 60331718
User 60331718
<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>
если добавить новую строчку <style></style> то будет уже 3 ошибки
12:47:50 ПП
User 60331718
что за фигня :\
12:48:59 ПП
User 112715267
User 282857241
мне и stylus нравится, и coffee-script в свое время. вот такой вот я человек)
Кофе не прижился у меня, а вот stylus хочу попробовать
01:10:08 ПП
User 41361143
Даа, было время, верстал на jade, stylus и coffeescript. Радовался как ребенок)
01:13:53 ПП
User 41361143
Иногда скучаю по функциям ->, =>. Могли бы и в es6 добавить такое разделение
01:17:38 ПП
User 282857241
А я скучаю по отсутствию лапши из фигурных скобок
01:19:24 ПП
User 133944225
User 282857241
А я скучаю по отсутствию лапши из фигурных скобок
возможно ты пишешь так )
01:20:06 ПП
User 282857241
Я щас не поленюсь и поищу один пример из проекта с вью
01:20:13 ПП
User 282857241
Ток ноут найду
01:22:00 ПП
User 55423102
Настолько плох был проект что ноут на котором он был решили захоронить где подальше?)))
01:25:33 ПП
User 282857241
вот вам простой и валидный (eslint из webpack-template) пример
01:26:00 ПП
User 282857241
вам нравится то, что творится с 21 по 25 строку включительно?
01:26:07 ПП
User 136935602
да, нравится
01:26:40 ПП
User 136935602
проще, чем отступы считать
01:27:09 ПП
User 55423102
от одних можно было бы избавиться, вместо return {} написать ({})
01:27:15 ПП
User 55423102
стрелочная же функция
01:27:38 ПП
User 282857241
красивый получился набор символов
01:27:40 ПП
User 136935602
с пробелами сильно опаснее, особенно при переформатировании кода
01:27:44 ПП
User 282857241
спасибо, не подумал об этом
01:28:24 ПП
User 282857241
User 136935602
с пробелами сильно опаснее, особенно при переформатировании кода
как насчет линтера?:)
01:28:43 ПП
User 136935602
а что линтер? он не знает семантику объекта
01:28:52 ПП
User 55423102
а Default в валидации входных параметров не обязательно должна быть функцией
01:29:07 ПП
User 55423102
default: [] можно же
01:29:31 ПП
User 282857241
должна быть, если там объект или массив, если мне не изменяет память
01:30:12 ПП
User 282857241
User 136935602
а что линтер? он не знает семантику объекта
т.е скобками ее изобразить можно, а табуляцией нет?
01:30:28 ПП
User 282857241
либо извините, я вас не понял
01:30:40 ПП
User 133944225
default: () => ([]) как минимум
01:31:55 ПП
01:32:10 ПП
User 133944225
красивааа
01:32:11 ПП
User 136935602
вот как это выглядит у людей, которые понимают всю боль LISP :)
01:32:24 ПП
User 136935602
rainbow-brackets очень сильно облегчают навигацию по подобным объектам
01:32:26 ПП
User 133944225
вот бы еще радуга была
01:32:27 ПП
01:32:28 ПП
User 282857241
ну вы посмотрите на нижнюю часть скриншота
01:32:37 ПП
User 282857241
} ] } ] } ] }
01:33:35 ПП
User 108562525
у лисперов ещё хуже. сплошные )))))))
01:33:58 ПП
User 133944225
не знаю, помоему холивар на пустом месте
01:34:05 ПП
User 133944225
обсуждали хотя бы react vs vue
01:34:06 ПП
User 108562525
только я бы всё равно не стал менять es6 на кофе. на гитхабе даже обсуждение было, что он всё, мертв
01:34:07 ПП
User 133944225
а так скобочки)
01:35:06 ПП
User 282857241
я не говорю, что кофе был идеален. он очень многим мне не нравился. в первую очередь своим крайне не наглядным способом компиляции в JS, но были в нем на мой вгляд и плюсы по сравнению с ES6
01:35:08 ПП
User 152816933
у саблайма есть хороший плагин для скобочек
01:35:31 ПП
User 282857241
и да, кофе мертв, это факт
01:35:36 ПП
01:35:41 ПП
User 152816933
в vscode ничего такого нету :(
01:36:24 ПП
User 60331718
как отобразить двумерный массив через v-for?
01:36:38 ПП
User 55423102
v-for в v-for
01:36:45 ПП
01:36:59 ПП
User 282857241
в v-for есть способ итерирования объектов, если что
01:37:01 ПП
User 60331718
<template v-for="x in fieldSize">
    <div v-for="y in fieldSize">
      {{ field[x][1] }}
    </div>
  </template>
вот так вылетает с ошибкой
01:37:19 ПП
User 60331718
TypeError: Cannot read property '1' of undefined такой
01:37:38 ПП
User 55423102
ну там объявил y, а пишешь чего
01:37:57 ПП
User 282857241
а почему бы нет
01:38:08 ПП
User 60331718
если буду прочить элемент x, y точно такая же ошибка
01:38:09 ПП
User 282857241
ему нужна переменная из верхнего цикла, судя по всему
01:40:03 ПП
User 60331718
эй, тут кто-то про итератор написал - дейтсвительно сработало
01:40:10 ПП
User 60331718
просто -1 вычел из каждой координаты
01:40:14 ПП
User 108562525
это был я, но я подумал, что это глупость какая-то :)
01:40:27 ПП
User 234601456
Народ, привет. Никто не знает почему после сборки вторым webpack начинается ругань на vue-router
Cannot redefine property: $router
02:10:31 ПП
User 112715267
Такой странный немного вопросик
Но как сделать, чтобы v-for заполнял элементами до тех пор, пока не наберется нужное количество
То есть нужно, допустим, 100, а в массиве 10. И он ими заполняет 10 раз
02:17:46 ПП
User 108562525
сгенерируй computed свойство, в котором будет нужные тебе элементы
02:18:01 ПП
User 112715267
Придумал решение
Мб кому пригодится
item(v-for="index in 100", :item="item(index)", :index="index")
Функция:
item (index) {
  while (index > this.list.length) {
    index -= this.list.length
  }
  return this.list[index]
}
02:20:00 ПП
02:20:23 ПП
User 136935602
item(index) { return this.list[index % this.list.length] }
02:20:50 ПП
User 108562525
а, вот что нужно было
02:21:03 ПП
User 112715267
ни разу не видел в js остаток от деления
02:21:13 ПП
User 112715267
тогда лучше так
02:21:44 ПП
User 112715267
Стоп, Илья
02:21:48 ПП
User 112715267
а разве не наоборот?
02:21:54 ПП
02:21:59 ПП
User 136935602
кольцо вычетов у нас по this.list.length
02:22:33 ПП
02:22:56 ПП
User 108562525
умные слова пошли в ход 😏
02:23:14 ПП
User 136935602
что я зря просиживал 4 года в аспирантуре :)
02:30:19 ПП
User 234601456
Илья, здравствуйте. Не подскажите решение проблемы.. отпутный файле, который собирает webpack 2, после import VueRouter from 'vue-router' начинает ругаться во время подключения: Cannot redefine property: $router
02:31:47 ПП
User 136935602
Нет не подскажу
02:31:47 ПП
User 133750577
По такому описанию невозможно понять в чем проблема
02:31:51 ПП
User 136935602
еще не тыкал в webpack2
02:32:21 ПП
User 133750577
Посмотри vue-cli пресет webpack simple, он на втором вебпаке
02:32:44 ПП
User 133750577
Там и роутер и vuex
02:32:55 ПП
User 234601456
Попробую vue-cli
02:35:34 ПП
User 234601456
Чуствую что проблеа в 2.2.0 релизе.. из описания "..Instead of relying on the magic $route property"
02:39:47 ПП
02:39:54 ПП
User 112715267
О, великий математик
02:40:05 ПП
User 112715267
А как мне теперь получить из этих копий последнюю копию элемента с нужным индексом
02:46:03 ПП
User 136935602
не понял
02:46:55 ПП
User 136935602
последняя копия ~~(100 / length) * length + ( index % length)
02:46:57 ПП
User 112715267
ну есть допустим
123456789123456789123456789123456789123456789
И нужно индекс последней пятерки
02:47:27 ПП
User 136935602
ну я написал
02:47:31 ПП
User 60331718
почему new Array(fieldSize).fill(new Array(fieldSize).fill(0))
делает список копий списка?
02:48:23 ПП
User 112715267
ой пзд
02:48:45 ПП
User 136935602
не ,я где-то лажаю ,сек
02:49:21 ПП
User 136935602
да, там не так
02:49:32 ПП
User 136935602
там не так просто
02:49:49 ПП
User 112715267
User 136935602
последняя копия ~~(100 / length) * length + ( index % length)
стоп
02:49:53 ПП
User 112715267
100/length*length
02:50:01 ПП
User 136935602
там целочисленное деление
02:50:01 ПП
02:50:09 ПП
User 136935602
там ~~() неспроста
02:50:16 ПП
User 152816933
User 112715267
А как мне теперь получить из этих копий последнюю копию элемента с нужным индексом
За кой оно тебе вообще надо
02:50:34 ПП
User 112715267
User 152816933
За кой оно тебе вообще надо
а вот
02:51:05 ПП
User 112715267
крутилку пишу лотерейную, гыы
02:51:18 ПП
User 152816933
Казино
02:51:42 ПП
02:51:57 ПП
User 136935602
~~((100 - idx) / length) просто
02:52:19 ПП
User 112715267
index % this.list.length
а из этой выразить не?
02:52:26 ПП
User 136935602
это смещение
02:52:29 ПП
User 136935602
сообтвественно
02:52:45 ПП
User 136935602
~~((100 - idx) / length) + idx
02:52:46 ПП
User 136935602
вот так
02:53:14 ПП
User 112715267
а ~~ в какую сторону округляет
02:53:19 ПП
User 112715267
в меньшую или большую
02:53:58 ПП
User 136935602
это Math.floor
02:55:08 ПП
User 112715267
тогда борода
02:55:16 ПП
User 112715267
Или нет
02:55:18 ПП
User 112715267
секунду
02:55:53 ПП
User 112715267
а, да, все окей
02:57:16 ПП
User 112715267
ааххаха нет
02:58:03 ПП
User 112715267
Смотри, индекс пятерки - 4, длина - 9, общая длина - 45
03:00:13 ПП
User 136935602
ну а самому посчитать. Я ж тоже живой человек
~~((100 - idx / p) * p + idx
03:00:20 ПП
User 136935602
где p - длина исходного массива
03:00:47 ПП
User 112715267
Я ж тоже живой человек
Да я весь день этой математикой занимаюсь просто, уже че-то не варит котелок
03:00:58 ПП
User 136935602
сколько раз умещается отрезок длиной p,  в блоке 100-idx
03:01:02 ПП
User 136935602
потом смещение
03:02:34 ПП
User 60331718
так, как использовать @keyup.enter? он перехватывает нажатие enter без привязки к элементу?
03:03:07 ПП
User 112715267
Илья ахахахахахах
03:03:09 ПП
03:03:19 ПП
User 234601456
в webpack simple нету router'a(
03:03:29 ПП
User 112715267
User 136935602
ну а самому посчитать. Я ж тоже живой человек
~~((100 - idx / p) * p + idx
азхахахахаха
03:03:35 ПП
User 85413039
Так добавь
03:03:40 ПП
User 136935602
скобки
03:04:01 ПП
User 136935602
a[~~((45 - 4) / 9) * 9 + 4]
03:04:06 ПП
User 112715267
урааааа
03:04:08 ПП
User 112715267
ахахахха
03:04:12 ПП
User 136935602
сами же скобки и потеряли
03:04:23 ПП
User 112715267
ппц я овощ
03:04:37 ПП
User 133944225
так а расскажите что означает ~~
03:04:40 ПП
User 133944225
гуглению не поддается
03:05:13 ПП
User 60331718
http://javascript.ru/forum/showthread.php?p=160419
javascript.ru/forum/showthread.php?p=160419
1.Встретил в ответах на форуме и хотелось узнать что это такое? Данная запись приме
03:05:38 ПП
User 60331718
User 60331718
так, как использовать @keyup.enter? он перехватывает нажатие enter без привязки к элементу?
теперь на мой вопрос
03:06:07 ПП
User 112715267
User 133944225
так а расскажите что означает ~~
Math.floor
03:06:23 ПП
User 133944225
User 112715267
Math.floor
понял уже, сенкс
03:07:02 ПП
User 133944225
User 60331718
так, как использовать @keyup.enter? он перехватывает нажатие enter без привязки к элементу?
ну на инпут же вешается только и срабатывает если ты имеешь фокус на инпуте, не ?
03:07:24 ПП
User 60331718
User 133944225
ну на инпут же вешается только и срабатывает если ты имеешь фокус на инпуте, не ?
только на инпут? :с
03:08:01 ПП
User 60331718
это ж срань :/
03:08:09 ПП
User 133944225
User 60331718
только на инпут? :с
ну а смысл его вешать на другой элемент? у тебя будет всегда тригериться ивент
03:08:21 ПП
User 136935602
не только на инпут
03:08:24 ПП
User 136935602
на любой фокусабл элемент
03:08:33 ПП
User 136935602
textarea, и вообще все что угодно что имеет tabindex
03:08:45 ПП
User 136935602
навесите на div - сможете ловить enter на этом диве
03:08:48 ПП
User 136935602
но это фу-фу
03:09:00 ПП
User 60331718
User 136935602
но это фу-фу
мне для игры
03:09:00 ПП
User 136935602
a11y нарушает
03:09:10 ПП
User 136935602
тогда забейте
03:09:27 ПП
User 60331718
User 136935602
навесите на div - сможете ловить enter на этом диве
навесил и не работает на диве
03:09:40 ПП
User 136935602
1) у div-а должен быть tabindex
03:09:43 ПП
03:09:47 ПП
User 136935602
2) div должен быть в фокусе
03:10:10 ПП
User 133944225
есть вариант
03:10:21 ПП
User 133944225
вешать tabindex и при ините вешать .focus() ?
03:13:46 ПП
User 139068333
кстати я недавно научился вешать фокус
03:15:21 ПП
User 139068333
ВО https://github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
vue-focus - A reusable focus directive for reusable Vue.js components
03:15:37 ПП
User 234601456
Вообщем если кому интересно, на заметку webpack 2 + vue-loader. После строк с import не ставьте ";"
03:17:06 ПП
User 60331718
User 139068333
ВО https://github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
vue-focus - A reusable focus directive for reusable Vue.js components
Пасиба
03:18:08 ПП
User 139068333
реально ведь такая проблема если следовать парадигме что всё определяет стейт
03:18:37 ПП
User 60331718
User 139068333
ВО https://github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
github.com/simplesmiler/vue-focus/blob/master/dist/vue-focus.js
vue-focus - A reusable focus directive for reusable Vue.js components
как страшно то
03:18:57 ПП
User 139068333
ну чего. красивый код. вот такое читать и надо чтобы понять как вуечка работает
03:22:03 ПП
User 136935602
страшно страшно.
03:30:39 ПП
03:30:40 ПП
User 112715267
косяк)
03:30:47 ПП
User 112715267
Если index=0, то будет undefined
03:34:39 ПП
User 136935602
Я знаю. И только если длина делится нацело на количество блоков
03:35:22 ПП
User 112715267
и че делать
03:38:08 ПП
User 112715267
((((((((((((
03:38:14 ПП
User 112715267
он ни первый, ни последний не ищет
03:38:33 ПП
03:44:03 ПП
User 152816933
Походу Илья залил видео с открытой лекции в Харькове
03:44:12 ПП
User 152816933
или я слоупок
03:47:22 ПП
User 199870663
да вроде только залил, хотя оно и до этого было на https://www.liveedu.tv/xanf/
liveedu.tv/xanf/lz0J6-ru-javascriptninja-dive-into-nodejs
LiveEdu is an interactive social coding platform where you can watch professionals code in real time. Visit website, meet coders and learn programming.
03:48:00 ПП
User 152816933
У liveedu очень странная сортировка видео... Своеобразная
03:48:18 ПП
User 112715267
Илья, а ларчик просто открывался
03:48:27 ПП
User 112715267
a[full-(len-index)]
03:51:03 ПП
User 136935602
@c01nd01r я на ютуб залил
03:51:22 ПП
User 152816933
Да, спасибо. Вот, смотрю :)
03:52:12 ПП
User 152816933
https://youtu.be/7pmw5gvWAf8
youtube.com/watch?v=7pmw5gvWAf8
1. Что не так с ${frameworkName}. Обзор существующих проблем с React, Angular 1/2 и Polymer 2. Vue.js для тех, кто с ним не знаком: обзор возможностей 3. Фил...
03:52:45 ПП
User 136935602
ютуб отказался сшивать его в видеоредакторе
03:52:47 ПП
User 136935602
пришлось у себя
03:52:53 ПП
User 136935602
ну чтоб заставку вставить, все дела
03:53:24 ПП
User 136935602
плюс пока нашел мелодию которая на заставку устраивает :)
03:56:43 ПП
04:21:02 ПП
User 123572200
О, спасибо Илья)
04:21:03 ПП
User 123572200
@c01nd01r я на ютуб залил
04:22:38 ПП
User 55423102
User 234601456
Вообщем если кому интересно, на заметку webpack 2 + vue-loader. После строк с import не ставьте ";"
Ставлю и работает)
04:25:16 ПП
User 234601456
User 55423102
Ставлю и работает)
Чертовщина какая-то... и у меня теперь работает. Скриншотить нуно было. Или что другое подправил.. уже хз
04:32:42 ПП
User 113361293
выше тут писали.
Можно не бояться и пихать вью в маленькие сайты или даже лендинги? На одном или нескольки не связанных инстанса.
Кто-то так делал?
Вместо квери
04:34:32 ПП
User 57772277
User 152816933
https://youtu.be/7pmw5gvWAf8
youtube.com/watch?v=7pmw5gvWAf8
1. Что не так с ${frameworkName}. Обзор существующих проблем с React, Angular 1/2 и Polymer 2. Vue.js для тех, кто с ним не знаком: обзор возможностей 3. Фил...
👍
04:35:01 ПП
User 136935602
User 113361293
выше тут писали.
Можно не бояться и пихать вью в маленькие сайты или даже лендинги? На одном или нескольки не связанных инстанса.
Кто-то так делал?
Вместо квери
я так делаю регулярно
04:35:23 ПП
User 113361293
он даже весит меньше, верно?
04:36:11 ПП
User 152816933
User 113361293
он даже весит меньше, верно?
Лучше проверить самому :)
04:36:12 ПП
User 113361293
я чет даже не додумывался до таких мыслей.
как-то по-дефолту если фреймворк то для гигантского приложения
04:48:57 ПП
User 139068333
если фреймворк то для кнопочки лайк
05:09:50 ПП
User 112715267
http://codepen.io/arlindjashari/pen/QjzjpP
Вау
codepen.io/arlindjashari/pen/QjzjpP
Libraries used Vuejs : http://vuejs.org/ ...
06:17:20 ПП
User 55423102
что-то у меня под вечер телеграмм забарахлил) и тишина везде такая) у всех работает?)
06:17:38 ПП
User 112715267
Это тишина везде
06:18:01 ПП
User 55423102
ну значит у меня одного сегодня с техникой не лады 😂
06:18:12 ПП
User 60331718
Телеграмм же вчера сбоил
06:19:00 ПП
User 55423102
У меня сегодня вечером появилось 1 новое сообщение непонятно где) после ребута телефона там и история и контакты не подтягиваются
06:27:26 ПП
User 55423102
https://habrahabr.ru/post/321136/ все наверное сюда ушли)
habr.com/post/321136
Новость, конечно, как специально для пятницы, но, тем не менее... Русская православная церковь запустила первый в России православный мессенджер «Правжизнь...
06:29:44 ПП
User 112715267
https://firefox-ok.ru/
Меня вот это убило
firefox-ok.ru
Скачайте браузер и получите быстрый и безопасный доступ к новостям, сообщениям и подаркам в «Одноклассниках»
06:30:08 ПП
06:30:12 ПП
User 152816933
Ну почему не вебкит
06:33:22 ПП
User 55423102
лучше бы не было безопасных браузеров для одноклассников)))
06:48:03 ПП
User 139068333
да вы не понимаете
06:48:15 ПП
User 139068333
у каждой приличной конторы должен быть свой браузер
06:48:51 ПП
User 139068333
такой то https://www.comodo.com/home/browsers-toolbars/browser.php
comodo.com/home/browsers-toolbars/browser.php
Comodo offers chromium based Free Web browser. Comodo Dragon Browser is fast, secure internet browser which provides high browsing speeds. Download Now!
06:50:38 ПП
User 139068333
на самом деле меня просто бомбит от того что уже даже яндекс пытается мне навязать свой браузер
06:51:02 ПП
User 139068333
User 152816933
Ну почему не вебкит
есть же АМИГО
06:56:09 ПП
User 9656239
User 139068333
на самом деле меня просто бомбит от того что уже даже яндекс пытается мне навязать свой браузер
сижу в яндекс браузере, там переводчик встроеный удобный
07:00:25 ПП
User 152816933
Да пускай шлепают, главное чтоб обновляли и на нормальных движках
07:17:07 ПП
User 112715267
посоветуйте input-mask для vue
07:17:45 ПП
User 112715267
знаю, их много, но не хочется тратить время на поиски годного
07:19:43 ПП
User 55423102
https://github.com/niksmr/vue-masked-input
github.com/niksmr/vue-masked-input
Masked input component for Vue.js. Contribute to niksmr/vue-masked-input development by creating an account on GitHub.
07:19:56 ПП
User 55423102
https://github.com/RobinHerbots/Inputmask
github.com/RobinHerbots/Inputmask
Input Mask plugin. Contribute to RobinHerbots/Inputmask development by creating an account on GitHub.
07:21:29 ПП
User 139068333
посовейте жс фреймворк
07:21:46 ПП
07:21:46 ПП
User 117901648
User 139068333
посовейте жс фреймворк
jquery(не орите, не фреймворк)
07:21:55 ПП
07:22:03 ПП
User 112715267
User 139068333
посовейте жс фреймворк
VanillaJS
07:22:06 ПП
07:28:04 ПП
User 152816933
User 139068333
посовейте жс фреймворк
Kendo UI.
07:28:52 ПП
User 152816933
Рекомендую! 32 метровый json для табличек жрет только так! (правда парсит его 1,5 секунды, вешая браузер)
07:58:06 ПП
User 55423102
по vue-loader прорвало
в 10.2 vue-style-loader поддерживает SSR из коробки,
в 10.3 добавили preLoaders и postLoaders
08:02:16 ПП
User 152816933
что за preLoaders и postLoaders
08:12:18 ПП
User 113361293
к слову, jquery 3.1.1.min весит 84.7 kb
08:13:46 ПП
User 113361293
а Vue почти 71
08:14:56 ПП
User 55423102
@c01nd01r 
preLoaders

    type: { [lang: string]: string }

    only supported in >=10.3.0

    The config format is the same as loaders, but preLoaders are applied to corresponding language blocks before the default loaders. You can use this to pre-process language blocks - a common use case would be build-time i18n.

postLoaders

    type: { [lang: string]: string }

    only supported in >=10.3.0

    The config format is the same as loaders, but postLoaders are applied after the default loaders. You can use this to post-process language blocks. However note that this is a bit more complicated:

        For html, the result returned by the default loader will be compiled JavaScript render function code.

        For css, the result will be returned by vue-style-loader which isn't particularly useful in most cases. Using a postcss plugin will be a better option.
08:15:54 ПП
User 152816933
блин, ну логично :\
08:16:09 ПП
User 152816933
по названию догадаться не мог, да
08:42:56 ПП
User 112715267
че-то ты, Стас, тормозишь)
08:45:25 ПП
User 55423102
Чего-то добавляют добавляют, а сразу и не представляешь где эт может пригодиться применить
08:45:30 ПП
User 55423102
вроде и так всё отлично работало)
09:06:55 ПП
User 60331718
а у меня время хвастулек (vue + vuex)
09:14:39 ПП
User 113361293
покажи код поля
09:14:50 ПП
User 113361293
всегда было интересно как подобные поля реализуются
09:16:21 ПП
User 60331718
User 113361293
всегда было интересно как подобные поля реализуются
https://github.com/Fl0pZz/my2048/tree/master/src/containers/field
github.com/Fl0pZz/my2048/tree/master/src/containers/field
Contribute to my2048 development by creating an account on GitHub.
09:16:51 ПП
User 60331718
я не стал делать в виде таблицы, накостылял в виоде `div`ов
09:19:04 ПП
User 113361293
а где эти методы? goRight, goLeft
09:20:45 ПП
User 60331718
User 113361293
а где эти методы? goRight, goLeft
В store
09:21:00 ПП
User 113361293
а, стоп, это была папка fields, туплю
09:25:48 ПП
User 259793372
Всем привет, надо бы представиться.
В проектах пока не участвуют, учусь.
Питаю интерес к вебу, в частности заинтересовался vue.
Хотелось бы получить полезный опыт и общение от более квалифицированных ребят, а так же делиться впечатлениями от изучения. Про группу узнал от друга, вместе смотрели лекцию Ильи Климова и еще больше заинтересовались.
09:34:44 ПП
User 117901648
#климова_в_массы
09:36:12 ПП
User 112715267
User 60331718
а у меня время хвастулек (vue + vuex)
так изи же
09:36:15 ПП
User 112715267
сколько времени ты писал
09:37:02 ПП
User 152816933
User 60331718
а у меня время хвастулек (vue + vuex)
ссылку на демку в студию
09:37:19 ПП
User 60331718
User 152816933
ссылку на демку в студию
я не выкладывал ее еще + она не дописана
09:37:29 ПП
User 60331718
User 112715267
сколько времени ты писал
часов 6 наверное
09:37:45 ПП
User 60331718
User 60331718
я не выкладывал ее еще + она не дописана
*не разворачивал
09:38:14 ПП
User 112715267
User 60331718
часов 6 наверное
Я на чистом JS в школе написал за 20 минут o.o
09:38:40 ПП
User 60331718
User 112715267
Я на чистом JS в школе написал за 20 минут o.o
я тоже так же напишу на чистом js и костылями
09:38:48 ПП
User 112715267
почему костыли-то)
09:39:09 ПП
User 60331718
правда я часа 3 потратил на то, чтобы понять как у меня направлены оси у поля :D
09:39:22 ПП
User 112715267
ахахаххаха
09:43:02 ПП
User 60331718
так, как у Map получить список ключей?
09:48:28 ПП
User 108562525
[...map.keys()]
09:50:27 ПП
User 108562525
можно ещё <v-for="k of map"> вроде. я не использовал но в документации видел.
09:50:39 ПП
User 60331718
User 108562525
[...map.keys()]
да, это работает
09:53:57 ПП
User 60331718
А к словарю применимы всякие reduce?
09:54:57 ПП
User 108562525
там есть метод entries
09:55:06 ПП
User 108562525
который даёт итератор
09:55:14 ПП
User 108562525
возможно по итератору есть редьюсы
09:56:00 ПП
User 108562525
не, у итераторов полегче структура.
09:57:45 ПП
User 141310847
кто в английском хорошо шарит
09:57:48 ПП
User 141310847
прямо очень хорошо
10:00:44 ПП
User 169564810
@dzanzo лучше сразу вопрос, а то выглядит как: "кто может ответить на мой вопрос?"
10:00:55 ПП
User 60331718
User 108562525
возможно по итератору есть редьюсы
Может я не то спрашиваю, но тема такая: мне нужно получить список всех ключей (в словаре все значения булевы), значения которых true
10:02:13 ПП
User 141310847
front-end: на по английски правильно написать "во фронтенде мы используем..." : at front-ent, in the front-end?
10:03:07 ПП
User 141310847
at the frontend?
10:03:24 ПП
User 108562525
User 60331718
Может я не то спрашиваю, но тема такая: мне нужно получить список всех ключей (в словаре все значения булевы), значения которых true
можно просто в цикле
10:03:31 ПП
User 60331718
User 141310847
front-end: на по английски правильно написать "во фронтенде мы используем..." : at front-ent, in the front-end?
Сопли размазываешь, просто напиши:
frontend stack:
Блабла
Блабла
Блаблабла
10:03:38 ПП
User 60331718
User 108562525
можно просто в цикле
Слишком просто :)
10:03:46 ПП
User 60331718
Хочется покрасивее
10:04:40 ПП
User 60331718
Ну ладно, придется через промежуточный список + reduce к нему
10:05:05 ПП
User 108562525
просто итераторы с генераторами ввезли, а функциональщину забыли почему-то
10:05:30 ПП
User 60331718
Хм, а не ,не рудюс мне нужен
10:05:36 ПП
User 108562525
не зря js ругают за слабую стандартную библиотеку (которой нет)
10:05:41 ПП
User 60331718
А map по всей видимости
10:05:59 ПП
User 108562525
User 60331718
Хм, а не ,не рудюс мне нужен
filter
10:07:38 ПП
User 169564810
@dzanzo On the front-end side, we use: …
10:07:45 ПП
User 60331718
User 108562525
filter
Ога
10:08:04 ПП
User 141310847
спасибо
10:08:04 ПП
User 141310847
@dzanzo On the front-end side, we use: …
10:08:13 ПП
User 169564810
а как filter даст вам ключи?
10:08:16 ПП
10:08:48 ПП
User 60331718
User 169564810
а как filter даст вам ключи?
[...myMap.keys()].filter(cb)
10:09:04 ПП
User 169564810
а, так то да :)
10:09:21 ПП
User 108562525
let ok = []
map.forEach((v, k) => v && ok.push(k))
10:09:26 ПП
User 108562525
можно так
10:09:42 ПП
User 60331718
Срань конечно, куча промежуточной памяти, спасает только что, поле небольшое
10:10:10 ПП
User 60331718
User 108562525
let ok = []
map.forEach((v, k) => v && ok.push(k))
Слушай, а мне это нравится
10:10:51 ПП
User 60331718
А зачем первая часть условия с v?
10:11:12 ПП
User 60331718
А все, дошло
10:11:13 ПП
User 108562525
тебе же нужно те, значения которых не false?
10:11:31 ПП
User 60331718
User 108562525
тебе же нужно те, значения которых не false?
Да, те что true
10:24:12 ПП
User 169564810
А кто может разжевать опцию *parent*? Я думал можно сделать что-то такое:
P = Vue.extend({
  template: '<p><slot/></p>
})
C = Vue.extend({
  template: '<i>child</i>',
  parent: P // or: new P
})
но у меня ничего не получается с этим, ни если я рендерю P, ни если я рендерю C…
10:24:19 ПП
User 169564810
не могу понять как этой опцией пользоваться
10:25:00 ПП
User 118564668
юзает кто нибудь? https://github.com/egoist/vbuild
github.com/egoist/poi
poi - :zap: Delightful web development.
10:56:43 ПП
User 136935602
@termosa она нужна чтобы втащить родителя
10:56:59 ПП
User 136935602
через родителя тащится допустим $router и $store
10:58:16 ПП
User 136935602
@termosa я вот в своем гриде когда рендерю отдельные ячейки, передаю parent'ом компонент грида, чтоб сохранить иерархию
10:58:16 ПП
User 136935602
https://gist.github.com/xanf/bd6fcba4b68d51d321a5a75d72cb9907
gist.github.com/xanf/bd6fcba4b68d51d321a5a75d72cb9907
10:58:26 ПП
User 136935602
33 строка
10:59:33 ПП
User 169564810
правильно ли я понимаю, что это не отразиться на шаблоне? это только область видимости переменных?
10:59:37 ПП
10:59:41 ПП
User 136935602
+ контроль перерисовки
10:59:50 ПП
User 136935602
родитель при перерисовке перерисовывает всех детей
10:59:52 ПП
User 136935602
как в реакте
11:01:08 ПП
User 169564810
о, что-то полезное
11:01:10 ПП
User 169564810
спасибо
11:38:54 ПП
User 152816933
А тем временем, наш любимый шаблон webpack для vue-cli уже как 3 часа использует Webpack 2 :)
11:48:32 ПП