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

Contacts: @RuslanMakarov
Download Telegram
v-html директива может исправлять ваш контент исходя из его HTML валидности. Имейте в виду.

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

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


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

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


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

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

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

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

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

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

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

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

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

10 лет спустя:

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

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

#tip
👍6🤯6👎1
Нашел интересную штуку - 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
🤔3🤯1
This media is not supported in your browser
VIEW IN TELEGRAM
Senior фронтендер и баги на проде

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

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

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

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

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

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

#vueuse #artycrafty
👍5
Интересная статья, как интегрировать ChatGPT через GitHub Actions для code review пулл-реквестов.

При этом используется ProxyAPI - проксирующий сервис для RF зоны для доступа к OpenAI без VPN и с оплатой в национальной валюте.

#ai #github
🤷‍♂3🤔1