ну у меня тоже WebStorm... Но тут речь о проектах сделанных именно на шаблоне vue init webpack

Давно не видел в чатике Александра Соколова. Куда он пропал то.

+

я один не шарю, в чем заключается фишка PWA?

шо это такое

клей

шо это такое

Progressive web aplication

клей

Нюхать

????????????????????????????????????????????????????????????????????????????????????????????????

Давно не видел в чатике Александра Соколова. Куда он пропал то.

Мейби поехал отдіхать человек, в том числе и от чата

Ну, может :)

шо это такое

изи, позволяет хранить статику сайта в виде приложухи

типо мобильная разработка для бедных

Для бедных?

шо это такое

Это короче когда заходишь с мобилки, а у тебя в опциях браузера появляется строка "добавить на главный экран". Жмякаешь, а у тебя на "рабочем столе" появляется ярлык веб приложеньки. Запускаешь его, а оно типа как обычное приложение открывается. А если серьезно, то там много всяких фич, вроде кэширования ресурсов, работы оффлайн и т.д.

интересно

но это только в хроме ведь?

Думаю нет

SPA на стероидах, скажем так

привет всем. есть файл filter.js, есть файл mixin.js. в filter.js есть один ( из нескольких ) фильтр "ФИЛЬТР". в файле mixin.js есть один ( из нескольких ) миксин "МИКСИН". я хочу применить "МИКСИН" внутри "ФИЛЬТР" мне это можно? и как? )

вот набросок будущего фильтра - https://repl.it/JBIS/6

так что конкретно PWA ? просто вчивка ? дает какой то профит в сео ? или типа чиста "давайте выкинем с мобайла жавистов ?"

функция getNoun там - это миксин в реальности

или тупо заворачивать функцию getNoun в будущий фильтр и не париться по поводу дублирования кода?

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

Это короче когда заходишь с мобилки, а у тебя в опциях браузера появляется строка "добавить на главный экран". Жмякаешь, а у тебя на "рабочем столе" появляется ярлык веб приложеньки. Запускаешь его, а оно типа как обычное приложение открывается. А если серьезно, то там много всяких фич, вроде кэширования ресурсов, работы оффлайн и т.д.

самое понятное объяснение на сегодня по теме pwa )

так что конкретно PWA ? просто вчивка ? дает какой то профит в сео ? или типа чиста "давайте выкинем с мобайла жавистов ?"

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

Давно не видел в чатике Александра Соколова. Куда он пропал то.

Отпуск) вечером уже вернусь

Отпуск) вечером уже вернусь

?

так что конкретно PWA ? просто вчивка ? дает какой то профит в сео ? или типа чиста "давайте выкинем с мобайла жавистов ?"

Ну и всякие нативные api которые уже умеет chrome - оповещения, временное хранилище и тд

В конфиге надо поискать

Не помню точной настройки

За компом не скоро буду

о, неосилятор пробует в вим

о, неосилятор пробует в вим

та не ссы, когда-нибудь да настрою

https://cs541603.userapi.com/c836739/v836739234/5e205/-RqyBzVPzTo.jpg Мобильный интернет в 2017м

https://cs541603.userapi.com/c836739/v836739234/5e205/-RqyBzVPzTo.jpg Мобильный интернет в 2017м

тут еще клавиатуры открытой не хватает :)

тут еще клавиатуры открытой не хватает :)

которая урезает место в 2 раза и все элементы друг на друга налезают, ломая верстку

)))

и еще не хватает попапа с рекламой

которая урезает место в 2 раза и все элементы друг на друга налезают, ломая верстку

И ещё ведёт по разному

На Андроиде и айоси

+++

которая урезает место в 2 раза и все элементы друг на друга налезают, ломая верстку

и она еще 30 сек подождите пока можно закрыть

и она еще 30 сек подождите пока можно закрыть

и потом появляется кнопка "закрыть", при клике на которую редирект на кучу левых сайтов

а еще там должна быть тяжелая гифка

а еще там должна быть тяжелая гифка

которая весить больше самого сайта

чтобы наверняка половину трафика выжрать

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

и еще какое-нибудь болшое слово из-за чего горизонтальный скролинг

фронтенд, который мы заслужили

ERROR: S client not available

ох, поору с этого

там, кстати, на пикче слово за границы кнопки ушло

?

скролинга же нет еще)

?

ну у меня тоже WebStorm... Но тут речь о проектах сделанных именно на шаблоне vue init webpack

я работал в своем окружении vs code. Потом перешел на вебсторм и все похерилось. часа 4 просидел, вернулся обратно в вскод

я работал в своем окружении vs code. Потом перешел на вебсторм и все похерилось. часа 4 просидел, вернулся обратно в вскод

Я решил проблему. Это вообще никак не связано с IDE? (Почему все к ней активно так цепляются?) Проблема была в том что я выставил NODE_ENV=production и забыл убрать

как из-за этого похерилось приложение?

как из-за этого похерилось приложение?

оно не похерилось, оно поломалось. Перестало собираться по npm run dev

возможно у меня была та же проблема

Ребят, вопросик. Данные для странички в стору приходят несколькоми потоками (3-4), в каждом потоке свои данные, в стору закидываю через Vue.set(module.state.data, key, obj.data[key]);. Вопрос и проблема. Подписываюсь на namе, он в перевом потоке, поле рисуется, сробатывает триггер в watch, что поле изменилось, но когда остольные потоки приходят в стор, на name тоже тригает watch, хотя он не изменен. Помогает если жестко прописать все поля в сторе, тогда все ок. Это единственный вариант? Можно как то избежать прописывания всех полей в сторе?

но я вручную ничего не выставлял

я просто запустил npm run dev

Ребят, вопросик. Данные для странички в стору приходят несколькоми потоками (3-4), в каждом потоке свои данные, в стору закидываю через Vue.set(module.state.data, key, obj.data[key]);. Вопрос и проблема. Подписываюсь на namе, он в перевом потоке, поле рисуется, сробатывает триггер в watch, что поле изменилось, но когда остольные потоки приходят в стор, на name тоже тригает watch, хотя он не изменен. Помогает если жестко прописать все поля в сторе, тогда все ок. Это единственный вариант? Можно как то избежать прописывания всех полей в сторе?

код скинь, тут каждый своим языком говорит, ничо не понятно

import Vue from 'vue' import {sendData} from '@/helpers/request' import Bus from '../../helpers/bus' let module = { namespaced: true, state: { pageId: null, data: {} } }; export default module; Bus.$on('commit', (obj) => { if (module.state.pageId === obj.id) { Object.keys(obj.data).forEach(key => { Vue.set(module.state.data, key, obj.data[key]); }); } return false; });

компонент

<script> import { mapState } from 'vuex' export default { name: 'preview', watch: { name () { console.log('change name'); } }, computed: mapState('showPage', { name: (state) => { return state.data.name } }) } </script>

Bus.$emit вызывается 4 раза, с разными данными, name только в первом

пробуй менять через коммит

сейчас буду стримить, вдруг кому интересно вопросы позадавать

https://www.youtube.com/watch?v=p3vaBBi1llU

Всем привет. Пытаюсь освоить mocha тесты. Написал простой пример, разобрался с babel компиляцией перед тестами, разобрался как увидеть алиасы из конфига webpack. Вот такой командой вызываю mocha: "scripts": { "test": "PWD=$(pwd) NODE_ENV=test $(npm bin)/mocha --compilers js:babel-core/register --recursive ./test" } Содержимое .babelrc { "presets": ["es2015", "vue-app"], "plugins": ["transform-runtime"], "comments": false, "env": { "test": { "plugins": [ [ "babel-plugin-webpack-alias", { "config": "./webpack/webpack.base.conf.js", "findConfig": true } ] ] } } } Пример теста: const assert = require('chai').assert const user = require('../../src/js/vuex/user') // в этом файле подтягивается модуль vue-localstorage /** @test {Vuex store test} */ describe('Vuex store test', () => { /** @test {Vuex#user} */ it('Vuex#user has state object', () => { assert.isObject(user.state, 'user.state is Object') }) }) При запуске получаю ошибку в консоли: /mnt/Work/DM/frontend/node_modules/vue-localstorage/dist/vue-local-storage.js:12 var ls$1 = window.localStorage; ^ ReferenceError: window is not defined at /mnt/Work/DM/frontend/node_modules/vue-localstorage/dist/vue-local-storage.js:12:18

Йеа, чатик засветился в стрэме

блин, как жепно marked подключать

Привет всем. Кто-то может подсказать библиотеку для такого http://i.imgur.com/3Bs2wd3.png Или проще самому писать?