Pull to refresh
0
0
Владимир Гомонов @MetaDriver

User

Send message
Часто хочется анимировать появление какого-то блока неизвестных размеров, т.е. изменить его высоту с height: 0 до height: auto.

Вопрос не имеет отношение в Vue, это независимая css проблема.
Анимировать max-height невкусно, ибо (1) изчезает плавность, если взять с большим запасом, или (2) можно «подрезать» текст, если высота окажется больше значения max-height. Лично мне нравится в подобных случаях анимировать line-height+opacity, получается прикольно и вполне плавно.
А что проверяем-то? То что хром умеет к переменной 50 прибавлять?

Да не, это я ступил. Сорри. Хром сам умеет выводить таймштамп перед логами. https://www.screencast.com/t/Wj4Wedqfrh
Я уже настолько привык к этой фиче, что забыл, что это не настройка по умолчанию.
Проверьте в хроме, плиз.

function kissMiss(){
  for(let i = 1, t=50; i<=100; i++, t+=50) {
    setTimeout(()=>{
		let  s = '';
		s = !(i%3) ? 'Miss': '';
		s += !(i%5) ? 'Kiss': '';
		s = s ? s : i;
		console.log(t +' >> '+s);		
	},t);
  }
}
прикольно.
даже руки зачесались. слегка перепилил, вроде стало ещё круче. ))
https://www.shadertoy.com/view/lssyDl
Вот никто ни фига не знает как мыслит (: и вообще мыслит ли :) кандидат в наёмные работники, однако нанимают. В качестве отладчика вполне годится резюме/портфолио/диплом/собеседование.
<риторический-вопрос>Интересно, кто-нибудь в мире когда-нибудь уразумел способ мышления своей невесты, прежде чем жениться ?</риторический-вопрос>
Налицо попытка дискриминации ИИ. ;)
Где скачать файл с данными? На портале не нашёл.
Игру можно легко отремонтировать усложнить, если поменять цель на:
"удержать/накопить на игровом поле как можно большую сумму оцифрованных фишек".
Это сразу же пристрелит все регулярные алгоритмы а-ля «стиральная машина»
Есть ещё идеи, зачем вам может потребоваться вручную проставлять идентификаторы элементам?
Насчёт ручной вставки оснований не нашёл, но таки есть идеи автогенерации айдишников, но по бизнес-логике приложения, а не фреймворка.

Например, недавно генерил idы для элементов списка сгруппированного по указанному (в рантайме) критерию. Реализация была на ангуларе через вложенные ng-repeat'ы, соответственно при клике по кнопке на элементе списка нужно было вызвать функцию, которая бы его (элемент) для начала однозначно идентифицировала через передаваемый ей из разметки (ангулар жеж!) параметр. При том, хотелось элементы идентифицировать «быстро-вычислимо», типа как по индексу в массиве, а не путём линейного поиска по itemId в двумерном js-масииве. В итоге по скорострельности победила реализация с генерацией айдишника по правилу _{{ ext$index }}_{{ int$index}}, с передачей оного в качестве параметра. Как-то так.

Есть ещё пример недавний (тоже ангуларский). В этот раз я купился на скорость доступа по айдишнику к DOM-элементам: по задачке нужно было при скролле проверять на каждом событии позицию элемента относительно окна приложения. Если кто не знает забыл (ох jQuery-поколение) все DOM-элементы с айдишниками напрямую доступны аки поля объекта window. И таки факт — работает очень, очень быстро.
php (Sublime) — как это здорово выделить несколько строк кода нажать tab и он весь сместится…
с пробелами такое не прокатит…

*.* (PhpStorm и прочие «идейные IDE») — очень даже прокатит, и с табами, и таки с пробелами. А по shift-tab подвинет взад.
Прикольно, конечно, запилить всё это на css. Типа ради спорта. На ангуляре будет чуть меньше разметки, и на порядок меньше CSSa. Правда есть микродоза JS (таки пришлось объявить приложение и пустой контроллер)
Пример тут (добавил снизу).
// Встречный ангулар-прикол: классы для вращения не писал, а прямо в разметке забиндил формулы в атрибут style.

Information

Rating
Does not participate
Location
Казань, Татарстан, Россия
Date of birth
Registered
Activity