Size: a a a

JavaScript.Ninja

2020 April 07

EZ

Egor Zholnin in JavaScript.Ninja
1. transition можно добавлять при наведении
2. хорошим тоном является не использовать transition: all
источник

EZ

Egor Zholnin in JavaScript.Ninja
оптимизация страдать начинает
источник

П

Павел in JavaScript.Ninja
.block {}
.block:hover{
 transition: color;
}
источник

П

Павел in JavaScript.Ninja
так вы имеете ввиду ?
источник

П

Павел in JavaScript.Ninja
в таком случае при наведении трансишн сработает но при выходе мышки, обратног оплавного эффекта не будет
источник

АЗ

Андрей Звёздочка in JavaScript.Ninja
Павел
в таком случае при наведении трансишн сработает но при выходе мышки, обратног оплавного эффекта не будет
Потому что без hover транзишена нет
источник

П

Павел in JavaScript.Ninja
Андрей Звёздочка
Потому что без hover транзишена нет
источник

EZ

Egor Zholnin in JavaScript.Ninja
Павел
в таком случае при наведении трансишн сработает но при выходе мышки, обратног оплавного эффекта не будет
зачем вам transition: all?
источник

MK

Maks Kravchenko in JavaScript.Ninja
Павел
.block {}
.block:hover{
 transition: color;
}
так перенесите transition в .block
источник

MK

Maks Kravchenko in JavaScript.Ninja
и он будет всегда
источник

П

Павел in JavaScript.Ninja
Egor Zholnin
зачем вам transition: all?
да по сути незачем
источник

MK

Maks Kravchenko in JavaScript.Ninja
Павел
Всем привет, подскажите почему так происходит и как пофиксить ?
кстати только заметил, надо было сразу глянуть)
не сталкивался с такой проблемой, но в качестве решения можно вынести transition в отдельный класс и в js на content loaded через timeout добавить этот класс
тогда при загрузке не будет эффекта и при наведении все будет работать
источник

EZ

Egor Zholnin in JavaScript.Ninja
Причина, по которой у вас все так анимируется и лежит в trnsition all. Не видно весь код, поэтому нельзя точно сказать, почему
Может где-то размер шрифта меняется, отступы и тд
источник

П

Павел in JavaScript.Ninja
спасибо за помощь,буду заменять transition all
источник

A

Alexander in JavaScript.Ninja
Всем привет. Есть задача разработки spa с последующим заворачиванием в мобильные аппликухи и публикацией в сторы. В какую сторону можно посмотреть? Есть стабильные решения для такой задачи?
источник

s🐱

special agent 🐱 in JavaScript.Ninja
Alexander
Всем привет. Есть задача разработки spa с последующим заворачиванием в мобильные аппликухи и публикацией в сторы. В какую сторону можно посмотреть? Есть стабильные решения для такой задачи?
Пока похоже только на react native
источник

A

Alexander in JavaScript.Ninja
Да, про него наслышан. Боюсь там история больше похожа на apache cordova  или что-то около того, реакт нейтив не продать.

Еще смотрим в сторону PWA на андроиде. Но был бы признателен если кто-то в двух словах поделится своим опытом подобной разработки
источник

IK

Illya Klymov in JavaScript.Ninja
Alexander
Да, про него наслышан. Боюсь там история больше похожа на apache cordova  или что-то около того, реакт нейтив не продать.

Еще смотрим в сторону PWA на андроиде. Но был бы признателен если кто-то в двух словах поделится своим опытом подобной разработки
RN сильно лучше кордовы :)
источник

IK

Illya Klymov in JavaScript.Ninja
все остальное будет сильно хуже
источник

AL

Anton Loktiev in JavaScript.Ninja
Alexander
Да, про него наслышан. Боюсь там история больше похожа на apache cordova  или что-то около того, реакт нейтив не продать.

Еще смотрим в сторону PWA на андроиде. Но был бы признателен если кто-то в двух словах поделится своим опытом подобной разработки
реакт нейтив продается. Уже не один год с ним работаю, и спрос есть весьма неплохой
источник