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

Contacts: @RuslanMakarov
Download Telegram
Деструктуризация работает и в 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 пишет то, что скорей всего правильно. Не имеет смысла, но правильно. Причем логика этой строки выходила за контекст того, что было ранее написано, она относилось именно к тому конкретному требованию задачи.

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

Короче, чувства от всего этого очень противоречивые.
Имеется 68 монет, причём известно, что любые две монеты различаются по весу.
За 100 взвешиваний на двухчашечных весах без гирь нужно найти самую тяжелую и самую лёгкую монеты.

#math
У каких фреймворков есть реактивный state management из коробки.

Внутри компонента, и за пределами компонентов.

#illustration #benchmark #state #react #solidjs #svelte #angular
Моя крайняя критика VueUse была довольно болезненно принята в рунете, и очень агрессивно на Reddit-e, что удивительно - обычно всё наоборот в силу различий в уровнях толерантности. Ощутил себя нечто средним между Гринчем и г-ном Карловским. В связи с чем вспомнилась история.

Много лет назад сидел в горах на нестабильном мобильном EDGE интернете со средней скоростью 3-4Кб/с, хотя бывало и по 0.5Кб/с. Чтобы как-то выжить, написал расширение к браузеру MainPage, даже набравшее свою небольшую популярность в Google Web Store, которое блокировало загрузку любых ресурсов, кроме страницы, на которую обратились.

Потом сделал локальный вебсайт, соответственно, его пользователи примерно на таком же интернете. Начал оптимизировать и дошел до того, что кэшировал статику - css, js, - в localStorage. Получилось очень эффективно. Эра сервис воркеров тогда только занималась.

Ну, вылез на Хабр и написал про это статью. Тут на меня полилось в комментариях - да ты не умеешь Apache настраивать, надо кэширующими заголовками, выкинь свои самоделки, да не будет там пустых запросов, да ты вообще не знаешь как Интернет работает...

Дня через 3-4, когда меня почти убедили, что я дурак, выходит явно не маленький дядька из Яндекса, и говорит: да нормальный метод, мы сами так много лет делали. И начинает рассказывать в подробных технических деталях, как они пробовали разные способы оптимизации трафика, что они давали, и почему выбрали этот. И это про свою главную поисковую страницу, которая ya.ru одной строкой, не про сервис какой-то. А Яндекс в то время ещё был авторитет.

Мораль сей басни такова: можно послушать мнение толпы, но прислушиваться к нему не обязательно. Особенно, если чувствуешь, что прав.

#story #vueuse
Замените буквы разными ненулевыми цифрами, чтобы получилось верное равенство

#math