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

Contacts: @RuslanMakarov
Download Telegram
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
В деревне вдоль дороги стоит четыре дома. Расстояния между ними указаны на рисунке. В деревне решили сделать колодец.

Где его расположить, чтобы сумма расстояний от него до домов была как можно меньше?

#math
Вчера случилась очень странная вещь.

У меня есть студент колледжа, которому я иногда помогаю. Вчера он попросил пройти с ним задание колледжа. Язык - C, тема - работа с памятью, массивы, структуры. В задании дан task.h файл с описанием используемых структур и функций с именами, говорящими сами за себя, которые и надо реализовать в соответствующем task.c файле.

Открыл он task.c в VS Code, после объявления первой функции набрал открывающую скобочку и нажал enter. Codeium написал первую строку, - раньше мы занимались JavaScript, и я ему посоветовал его поставить. Правильно. Он нажимает tab, снова enter, - опять правильно. Короче, 95% кода он протаббил, причем, самый сложный код (работа с памятью). Немного сам поменял логику где надо только.

Но самое стремное было в конце. В задании было требование, которое мы не поняли - некорректная формулировка, какая-то бессмысленная логика. И вот доходим мы до этого момента в коде, и Codeium пишет то, что скорей всего правильно. Не имеет смысла, но правильно. Причем логика этой строки выходила за контекст того, что было ранее написано, она относилось именно к тому конкретному требованию задачи.

Минуты две мы это переваривали на уровне: "Он нас слышит". Потом я вспомнил, что этот же тест давался в колледже и год назад, а может и ранее, и, скорей всего, информация о нем есть в интернете, хотя прямых упоминаний я ненагуглил. Так что, и слышит, и видит, и знает.

Короче, чувства от всего этого очень противоречивые.