Vue-FAQ
923 subscribers
561 photos
90 videos
556 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Один из создателей ООП и UML Грэди Буч цитирует создателя Linux Линуса Торвальда

#tip #quote
v-html директива может исправлять ваш контент исходя из его HTML валидности. Имейте в виду.

Например, строка

<p><h2>Hello world</h2></p>


будет преобразована в

<p></p>
<h2>Hello world</h2>
<p></p>


#tip
Release candidate готов (смена репозитория сверху слева)

К версии пакета для Vue 3 проектов и для встраивания в VitePress добавил Web components версию, так что можно запускать на React или простом HTML через <release-timeline />

Просьба потестить. Eсли кто проверит работает ли на Nuxt - буду благодарен

Вижу основное применение в замене changelog проектов в их доках на VitePress. При создании релиза на GitHub генеришь описание, правишь его.

Документация

#releasetimeline #pet
Указаны периметры прямоугольников
Справа вверху - квадрат
Найти площадь внешнего прямоугольника

#math
Кстати, кто не знает, webp формат реально очень сильно уменьшает размер картинок по сравнению с jpeg при том же визуально качестве. Попробуйте. Плюс, улучшится рейтинг на PageSpeed.

Поддержка браузерами достаточная - 96.41% (все, кроме IE)
Можно использовать jpeg как fallback в тэге <picture>

#tip #webp
3 февраля 2014 года Evan You впервые опубликовал новость о новом JavaScript фреймворке Vue.js.

10 лет спустя:

#vuejs #evanyou
Сколькими способами можно расставить 8 одинаковых ладей на доске 8 × 8 так, чтобы ни одна не била другую?

#math
Деструктуризация работает и в v-for цикле в шаблоне. Хотя не всегда это нужно делать.

#tip
Нашел интересную штуку - esm.sh

Позволяет работать с npm пакетами в браузере. Является Декоратором для npmjs.org пакетов

Пример использования:

index.html:
<script type="module">
import { mountRT } from "https://esm.sh/release-timeline";
mountRT();
</script>


mountRT:
function mountRT() {
const app = createApp(App);
app.mount("#release-timeline");
}


После чего release-timeline как микрофронтенд монтируется на указанный div

При импорте пакета release-timeline автоматически будут загружены все его зависимости, включая Vue.

#lib
This media is not supported in your browser
VIEW IN TELEGRAM
Senior фронтендер и баги на проде

#humor
Может кто не знал. Реальные размеры стран.

Некоторые из наиболее распространенных картографических проекций включают:

- Равновеликая проекция — сохраняет относительные размеры стран, но искажает их форму.
- Равноугольная проекция — сохраняет форму стран, но искажает их размеры.
- Компромиссная проекция — пытается найти баланс между сохранением формы и размеров стран.

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

#interesting
В марте состоится очная конференция Vue.js в Амстердаме
Фото с прошлогодней

#vuejs #event
При написании своей реализации useLocalStorage для Arty-Crafty родились небольшие размышления о библиотеке VueUse

#vueuse #artycrafty