Vue-FAQ
Канал сайта https://vue-faq.org Информация о Vue.js, фронтенд разработке и не только Contacts: @RuslanMakarov
Show more744
Subscribers
+524 hours
+127 days
+5230 days
- Subscribers
- Post coverage
- ER - engagement ratio
Data loading in progress...
Subscriber growth rate
Data loading in progress...
В Бразилии штрафы за использование VPN для обхода блокировок - $9000 в день.
Это чтобы вы поняли, в какой свободной стране вы живете.
Пока.
#offtop #vpn
💯 6😱 1
В
SFC
можно иметь две script
секции
Одна - основная, вторая (не setup
) - например, для экспорта TypeScript
типов:
<!-- UserProfileComponent -->
<script lang="ts">
export interface UserProfileProps{
username: string,
// etc...
}
</script>
<script setup lang="ts">
defineProps<UserProfileProps>()
</script>
Также в ней можно экспортировать provide/inject
ключи.
#tip👍 9🥴 4👎 1
00:08
Video unavailableShow in Telegram
Я нашел выключатель
Volar
-a
#volarCursor_VzKR0P5zzj.gif.mp40.58 KB
😁 27👍 1🤔 1
Поделитесь ссылками на ресурсы, где можно черпать вдохновение для дизайна сайта
Допустим, есть уже костяк сайта - с хедером, сайдбаром, какими-то элементами. Хочется его одеть во что-нибудь красивое и готовое.
Умеренное, гармоничное, с продуманной цветовой палитрой, типографикой, размерами по золотому сечению и всем остальным. Чтобы было сделано профессионалом, короче.
awwwards
и подобные ресурсы превратились в сайто-свалку, где что-то приличное уже не найти
#webdesign💯 4
Photo unavailableShow in Telegram
Как выяснилось, за последний год в мире
API
клиентов случилась почти что революция
Вышел в open source Yaak
(React
, Tauri
), релизнулся и активно развивается вполне достойный Bruno
(Next.js
, Tauri
) и наконец-то появилась десктопная версия Hoppscotch
(Vue 3
, Tauri
).
Hoppscotch
пока в альфа версии, но вполне хорошо работает и решены проблемы с прокси для запросов. Дистрибутив занимает всего 10Мб (у Yaak
120Mb, у Bruno
- 40Mb). На скриншоте, сколько они отъедают памяти в холостом режиме. Ну и просто какой-то бенефис Tauri
.
Yaak
и Bruno
полностью оффлайновые, поэтому их UI
работает очень быстро, Hoppscotch
синхронизирует данные в облаке, поэтому есть небольшая задержка, но в целом хорошо.
По функционалу с большим отрывом лидирует Hoppscotch
, за ним - Bruno
Мир устал от жирного, жадного и неповоротливого online-only Postman
-a. Попробуйте эти клиенты и забудьте Postman
как страшный сон.
#hoppscotch #yaak #bruno #api #tauri #postman🔥 15
Photo unavailableShow in Telegram
Чтобы сделать работу в SOHO комфортной, полезно иметь Мини ПК как локальный сервер
На нем можно не только крутить
Linux
, базу данных, вебсервер, docker
и другие сервисы, но и работать из VS Code
в режиме Remote Development
(по SSH
). Это сильно разгружает основной комп/ноут.
Для сравнения, открываем небольшой Vue 3
проект локально:
- RAM: 2000Mb, CPU: 10%-50%
Тот же самый удаленно:
- RAM: 600Mb, CPU: 10%-20%
То есть, нагрузка распределяется очень неплохо, и на ноуте с 16Gb памяти можно запускать несколько экземпляров VS Code
и работать вполне комфортно (помним про профили).
Я пожадничал и взял Мини ПК на Ryzen 7
, в результате часто слушаю работу вентиляторов. Сейчас бы не задумываясь купил Intel N100
- он бесшумный и мощи хватало бы. 16Gb памяти - оптимально
Итого, качественный сетап фулстека: ноут - $400, мини ПК - $200, хороший большой основной монитор- $250, монитор попроще - $150, всякая периферия. За всё около $1000.
Ну или бэушный макбук можно взять за эти же деньги...
#minipc #vscode👍 4❤🔥 1
Photo unavailableShow in Telegram
Сегодня vue-faq.org - один годик
#vuefaq
🎉 44👍 15❤ 10👏 1🍌 1
00:25
Video unavailableShow in Telegram
Лидом разработки
VS Code
является швейцарец Erich Gamma
- один из авторов легендарной, вышедшей более 30 лет назад книги Design Patterns: Elements of Reusable Object-Oriented Software
("Gang of four")
Он - одна из причин успеха редактора
Вот Erich
рассказывает, на каком JS
фреймворке написан VS Code
и почему.
#vscode #designpatternsvivaldi_rQ4zSGFkyC (1).mp48.13 KB
👏 14
Photo unavailableShow in Telegram
Команды VS Code
- Emmet: Balance (outward)
и
- Emmet: Wrap With Abbreviation
помогут быстро обернуть блок кода в шаблоне в новый тэг.
Можно назначить им сочетания клавиш.
#vscode #tip👍 4
Photo unavailableShow in Telegram
Небольшая шпаргалка о генеративном
AI
Gen AI - это AI, которые генерят новый контент (текст, изображение, виде и т.д.)
#aiChoose a Different Plan
Your current plan allows analytics for only 5 channels. To get more, please choose a different plan.