Mike
Ребят, как лучше реализовать функционал цветовых тем приложения (dark, lightn и т.д.)
Я надумал только 2 варианта, на прмере тем Dark и Light:
1) Создать пару файликов css (dark.styl, light.styl). c родительскими классами-неймспейсами, относящимся к конкретной теме, к примеру dark.styl:
.theme-dark
background-color: '#050507'
color: '#ababba'
.layout
background-color '#2f343d'
.panel
background-color '#283142'
и т.д.
с light.styl та же структура, только цвета разные
ну а в компонентах просто указывать в html элементах эти классы
ну а на контейнер приложения просто выставлять классы для переключения тем.
2) создать в хранилище свойство, в объекте стейт, к примеру 'theme' и в каждом компоненте приложения, выставлять класс темы и описывать стили в компоненте для каждой темы. ну геморное конечно решение.
Еще я смотрел как реализован теминг во Vuetify, там компоненты разбиты на css и js, js файлы лежать в одной папке а css в другой. И именно компонентное разделение сущностей (button, input, modal и т.д.) а не как в первом варианте (одинаковые классы с разными цветами, не имеющии к компонентам никакого отношения).
Не хотелось бы такого разделения, ведь в приложении могут быть не только компоненты ui да и вообще для всех компонентов приложения придется писать css файл со стилями, который лежит отдельно.
Можете посоветовать решение грамотнее?
Anton
Ребят, как лучше реализовать функционал цветовых тем приложения (dark, lightn и т.д.)
Я надумал только 2 варианта, на прмере тем Dark и Light:
1) Создать пару файликов css (dark.styl, light.styl). c родительскими классами-неймспейсами, относящимся к конкретной теме, к примеру dark.styl:
.theme-dark
background-color: '#050507'
color: '#ababba'
.layout
background-color '#2f343d'
.panel
background-color '#283142'
и т.д.
с light.styl та же структура, только цвета разные
ну а в компонентах просто указывать в html элементах эти классы
ну а на контейнер приложения просто выставлять классы для переключения тем.
2) создать в хранилище свойство, в объекте стейт, к примеру 'theme' и в каждом компоненте приложения, выставлять класс темы и описывать стили в компоненте для каждой темы. ну геморное конечно решение.
Еще я смотрел как реализован теминг во Vuetify, там компоненты разбиты на css и js, js файлы лежать в одной папке а css в другой. И именно компонентное разделение сущностей (button, input, modal и т.д.) а не как в первом варианте (одинаковые классы с разными цветами, не имеющии к компонентам никакого отношения).
Не хотелось бы такого разделения, ведь в приложении могут быть не только компоненты ui да и вообще для всех компонентов приложения придется писать css файл со стилями, который лежит отдельно.
Можете посоветовать решение грамотнее?
Почему .styl ?
Роман
привет всем.
Есть html форма.
При клике в окно и наборе - видим цветную линию и ПлейсХолдер вверху.
При потере фокуса все остается без изменно.
Именно так работает в примере. Но они использовали js и когда есть ввод в поле то js добавляет класс has-val, которое не дает подсказке заехать внутрь поля а линия не теряет цвет.
Хотелось бы сделать без JS но чет не понимаю как правильно сss прописать.
Пока что у меня такой вариант, собственно на текста наежает Плейсхолдер и цвет меняется
Рельный пример
https://colorlib.com/etc/cf/ContactFrom_v2/index.html
То где я пишу
https://jsfiddle.net/L4wnk8gt/
Может кто в курсе как бы обойтись без скрипта
Antony
На vue и ноде можно изоморфные приложения писать?
Nikita
Можно, пиши
Kunio
Всем привет)
Dim
Привет
Roman🎄
Можно ли получить данные из sql не перезагружая страницу?
Максим
Ki
Я всё спросить хочу, как вкатиться джуниором
Что вообще нужно для этого
дальше этого не пошёл пока никуда
Что читать что курить
настоле лежат две книги щяс скрины пришлю
https://learn.javascript.ru
вообщем у меня вот такая подборка
хочу почитать сначала
Про ангуляр и ноду с эксперсом
и брауна
как это правильней делать
И что вообще на реальной работе будут требовать от меня
Ki
Всё равно непонятно что на практике мне больше всего нужно будет первое время работы джуном
Может быть есть гайды готовые (полюбому они есть)
snatvb
snatvb
ты либо плюнешь, либо нормально ничего не усвоешь
Ki
Суть в том что я не понимаю что именно нужно рынку
Ki
Ну типа фронтенд это же чисто css html не ?
snatvb
нет конечно
snatvb
html+css это верстка, да еще и никому не надо без JS
Oleg
js
Oleg
snatvb
фронт это JS на клиенте, в первейшую очередь
Oleg
и фронт, и бек, и джанго, и руби.
snatvb
руби не так много))
Oleg
выбирай фронт.
Oleg
snatvb
это правда
Ki
Так что делать чтобы на работу попасть )
Anonymous
Ki
знаю семантическине теги могу весртать на градах флексах сейчас нативный js учу тренеруюсь
не хачу пхп хочу
нод дж анугляр реакт
Ki
Знаю что пхп востребованно
snatvb
выбери направление, почитай по теории, сделай пару пет проектов, придумай себе заказ, выполни их и вперед в джуны
Anonymous
Андрей
Всех с праздником!)
Pavel
каким?
Андрей
Андрей
не вкурсе?
Андрей
каким?
4.04 день программиста
Pavel
не не в курсе ¯\_(ツ)_/¯
Anonymous
мы не программисты
Дмитрий
Народ, подскажите, как обрабатывать все ошибки, которые происходят во время просмотра сайта? Я хочу сделать отправку ошибок на сервер, пробую так:
window.onerror = function(message, source, lineno, colno, error) {
errors_stack.push({
message: message,
source: source,
lineno: lineno,
colno: colno,
error: error,
});
};Но так ошибки не добавляются...
Anonymous
Народ, подскажите, как обрабатывать все ошибки, которые происходят во время просмотра сайта? Я хочу сделать отправку ошибок на сервер, пробую так:
window.onerror = function(message, source, lineno, colno, error) {
errors_stack.push({
message: message,
source: source,
lineno: lineno,
colno: colno,
error: error,
});
};Но так ошибки не добавляются...
Обратите внимание, что такой формат используется в Firefox. Нет никакого «стандартного формата». Однако, Safari 6+ и Opera 12- используют очень похожий формат. С другой стороны, браузеры, использующие движок JavaScript V8 (например, Chrome, Opera 15+, Браузер Android) и IE10+, используют другой формат (смотрите эту статью по error.stack в MSDN).
Varvara
#вакансия #москва
Компания: overPRO
Позиция: Lead developer
Локация: Москва, Кунцево плаза
Вилка:~ 3000$ - 3500$
#fulltime #офис
Контакт @Veve_V
Привет! Мы - команда overPRO., киберспортивная площадка для организации турниров и подбора соперников для матчей. 5 лет лидерства в СНГ по игре Counter Strike 1.6. Амбиции - делаем киберспортивный гугл, только топ проект в индустрии. Знаем что делать. На данный момент выпускаем и тестируем новый веб-интерфейс по новым играм по продукту "матчмейкинг"
Команда сейчас 1 разработчик и по проектно все остальные 3 плагинмейкера игровых серверов cs 1.6 csgo dota2, системный администратор сайта, системный администратор игровых серверов, верстальщик, дизайнер. Сейчас мы в поиске лида нашей разработки.
Что нужно делать:
Через 2-3 недели планируем рекламную кампанию по СНГ с новым интерфейсом
-необходимо изучить у текущих тех специалистов технические подробности о том как устроен проект изнутри и взять ответственность по всем техническим процессам  (доработки и исправление багов)
-Собеседовать и добрать разработчиков и необходимых технических специалистов для выполнения ответственности по тех части проекта в сроки и по качеству
-На первое время самому выполнять бОльшую часть разработки (исправление багов, разработка доп фич и тд)
-Планирование задач и контроль выполнения (за ближайшие 2-3 месяца добавляем новый продукт, расширяем текущие, меняем дизайн, мультиязычность и море мелких задач)
FrontEnd: VueJS;
BackEnd:PHP, Laravel, Lumen 5.7;
WebSocket самописный на C# (Fleck)
Очереди и кэш на Redis;
MariaDB
Предлагаем:
Сейчас это от 3000$ и возможно увеличение со второго месяца.
Опцион. Помощь с переездом
Alexander
Помню тут кажется спрашивали про чатик, куда в основном для поиска работы кидали обьявления ( @javascript_jobs ) А есть чатик наоборот, где таких обьявлений нет, но советом помочь смогут?
Alex
Anonymous
Alexander
Благодарю
Igor
ребят, требуется нестандартное решение, значит есть калькуль, который выводит в id totalsumm значение
Igor
как сделать чтобы оно не перезаписывалось а добавлялось к $price
Igor
ибо $price в цмске попадает в корзину
Maksim
Igor
Maksim
можно, ajax
Maksim
https://learn.javascript.ru/ajax
Anonymous
Всем ку
Anonymous
Подскажите написал функцию которая к rang инпуту цепляется, вызываю ее document.getElementById.oninput . Призагрузке страницы она выводит то что надо, но вот когда дергаю ползунок - ничего не меняется
Владислав
дак ты когда ползунок дергаешь срабатывает ивент onchange
Alimossim
Привет всем как воспроизвести данное потоковое видео в vlc https://www.onlinetvler.net/embed.php?kanal=https://onlinetvler.etvserver.com/live_sd/arbaz/playlist.m3u8
достал ссылку из jw player в браузере работает
Alimossim
Владислав
ты скинь пример на кодпен, тебе быстро ответят, ну или к гадалке сходи, она тебе сразу за касарь скажет в чем проблема)
Girei
Всем привет, никто не подскаже в чём мистика?
Girei
Girei
и всё нормально, но если в 35 строке поставить i - 1 вместе tempo, то кидает такую ошибку
Girei
Олександр
@aka_Girei замыкание
Girei
@aka_Girei замыкание
а можно немного поконкретнее?, ну или хотя бы как называется такой феномен, что бы погуглить :)
Pavel
@aka_Girei замыкание
Pavel
а можно немного поконкретнее?, ну или хотя бы как называется такой феномен, что бы погуглить :)
Anton
прикольная ошибка)
Олександр
а можно немного поконкретнее?, ну или хотя бы как называется такой феномен, что бы погуглить :)
https://www.google.com/search?client=firefox-b-d&ei=n8ilXO6NPIuNrwSYvozwDw&q=js+%D0%B7%D0%B0%D0%BC%D1%8B%D0%BA%D0%B0%D0%BD%D0%B8%D0%B5&oq=js+%D0%B7%D0%B0%D0%BC%D1%8B%D0%BA%D0%B0%D0%BD%D0%B8%D0%B5&gs_l=psy-ab.3..0i203j0l4j0i203l2j0i22i30l3.373024.375118..375919...4.0..3.144.1665.11j6......0....1..gws-wiz.....6..0i71j35i39j0i10i1j0i131j0i67j0i20i263j0i10i42j0i10.x4TkmPvWgFw
Girei
Спасибо :)
Anton
во время срабатывания листенера используется переменная i, которая на момент выполнения не равна tempo + 1, а равна 2
Anton
попробуй заменить функцию на стрелочную функцию
Олександр
Владислав
ну-ка поясни пацанам за замыкания
Girei
проблема решилась заменой var на let в цикле
Kyrylo
Ребят а кто то может вразумительно обьяснить как работать с npm nodemailer ?
что это такое? var smtpTransport = require('nodemailer-smtp-transport');
И почему ничего не работало без этой строки :
process.env.NODE_TLS_REJECT_UNAUTHORIZED = "0";