Обнаружилось тут, что самое популярное и удобное браузерное расширение для Chrome, Edge и Firefox Authenticator для генерации Time-Based One-Time Password (типа Google Authenticator) написано на Vue 2.6

#usecase

Браузерная игра на three.js и Vue.js
https://tres-the-aviator.enpitsulin.xyz/

Надо сбивать красные камни, чтобы спасти мир от разрушения астероидами

#game #threejs #usecase

В следующей версии Bun собираются сделать работу с sqlite базой данных примерно такой

Git & GitHub

Для тех, кто хочет улучшить свои знания в Git и GitHub, у Микрософта есть хорошие обучающие программы. Вообще, они подготовительные для прохождения сертификации, но можно учиться и просто так.

Программ много. Вот курс GitHub Foundations

#learning #git #github

"Embrace, extend, and extinguish/exterminate" (EEE) - "охватить, расширить и уничтожить", фраза, которую, как установило Министерство юстиции США, Microsoft использовала внутри компании для описания своей стратегии вхождения в категории продуктов с широко используемыми стандартами, расширения этих стандартов собственными возможностями, а затем использования этих различий для того, чтобы сильно ущемлять своих конкурентов.

На прошлой неделе Майкрософт на время стала самой дорогой компанией мира, обойдя Apple.

Процесс охвата и расширения Майкрософт в разработке ПО: VS Code, GitHub, npmjs.org, TypeScript, Copilot (OpenAI).

#microsoft

Bun встроил в себя свой кроссплатформенный shell язык и интерпретатор, типа shelljs и zx

#bun #shell

На Vue FAQ небольшое изменение - новый подраздел Разработка / Архитектурные решения, в котором в том числе два новых вопрос-ответа: о Git submodules и макетах (layouts) вебприложения

#vuefaq

После совместного решения с администрацией @vuejs_ru и @vuejs_jobs, создана Telegram группа для обсуждения Vue.js пет проектов, стартапов, поиска исполнителей, партнеров, менторов и всего остального околовьюшного, не проходящего в форматы вышеуказанных групп.

@vuejs_playground

Правила группы в закрепе.

#telegram #news #playground

За всю историю JavaScript-a было множество попыток улучшить его, в первую очередь, путём надстройки, которая компилировалась/транспилировалась бы в него (как это делает TypeScript).

Вот первая десятка таких попыток на сегодняшний день

А вообще можно ознакомиться вот с этим списком - уже устаревшим, но всё же.

#javascript

Эван отложил Vue и переключился на Vite - третья betta (v5.1.0-betta.3) за 4 дня.

Меж тем Anthony Fu похвастался своей новой клавиатурой HHKB и рабочим сетапом

#vite #antfu

В новый Google Chrome v120 встроили опцию - теперь при дебаге можно не заходить в код из node_modules - то есть, пропускать сторонние библиотеки. Также можно указать свои исключения.

По умолчанию опция включена, можно отключить.

#chrome #debug

ЦЕРН строит и эксплуатирует множество взаимосвязанных ускорителей частиц, в том числе Большой адронный коллайдер (БАК). Заряженные частицы направляются с помощью магнитных полей, и питание магнитов является ключевым элементом в работе ускорителей.

Секция программного обеспечения управления преобразователями (CCS) группы преобразователей электроэнергии (EPC) отвечает за разработку и эксплуатацию программного обеспечения, используемого для управления преобразователями электроэнергии, которые подают ток в магниты. В общей сложности группа отвечает за более чем 5000 преобразователей мощности.

Согласно данному документу для разработки фронтенда указанных приложений регламентируется использование Vue.js и её экосистемы.

#cern #usecase

В некоторых Chromium-based браузерах появилась экспериментальная функция - Observable API. Объяснение.

// Filtering and mapping:
element
  .on('click')
  .filter((e) => e.target.matches('.foo'))
  .map((e) => ({ x: e.clientX, y: e.clientY }))
  .subscribe({ next: handleClickAtPoint });

// Automatic, declarative unsubscription via the takeUntil method:
element.on('mousemove')
  .takeUntil(document.on('mouseup'))
  .subscribe({next: e => … });

Во Vue есть интеграция реализации Observables в виде RxJS как vue-rx
В TC39 есть старый Observable proposal, с другим синтаксисом, нежели выше.

jQuery через 18 лет продолжает оказывать влияние на развитие JavaScript и браузерного API

#js #jquery

Хорошее сравнение возможностей fetch() и XMLHttpRequest (который используется под капотом в Axios)

#fetch #axios #xhr

Через полтора часа начало

#vuejsnation

Vue.js Nation конференция будет хоститься в онлайн хабе Vito, созданном с помощью Vue.js

#vito

Vue.js Nation конференция началась с часовой рекламы курсов и сертификаций (скоро появится по Nuxt и JS)

Затем Evan You отвечал на вопросы ведущей:

- Поддержка TypeScript во Vue 3 нормальная
- В феврале будет Vuenniversary - 10 лет Vue
- В 3.5 и 3.6 изменения будут небольшие, типа сomponent types и uuid для SSR
- Во второй половине года объявит о чем-то интересном (exciting)
- Если Signals будут стандартизованы, то Vue может использовать это
- Elk (клиент Mastodon) - пример крутого нетривиального приложения на Vue (Nuxt)
- Vue украл был вдохновлен разными моментами в Angular 1, React, Knockout, Svelte
- Options API убирать не собираются
- Evan сомневается, что React идет куда-то туда с RSC
- Объяснил, почему не рекомендуется мутировать пропс-объект (не так явно видно, кто и как его меняет)
- VitePress 1.0.0 готов, но в конце декабря они погрязли в другой работе и не релизнулись. Скоро выпустят с фанфарами.
- AI сильно фронтенд не изменит в ближайшем времени. Пока это просто помощник

#evanyou #vuejsnation

Создатель Solid.js Ryan Carniato год назад написал статью об эволюции Signals в JavaScript (чья концепция лежит и в основе реактивности Vue.js)

#reactivity #solidjs

Scroll chaining - это когда скролишь в модалке или боковом меню, и при окончании скрола в ней начинает скролиться главное окно за модалкой.

Такое поведение можно отключить следующим правилом внутри элемента со скролом:

overscroll-behavior-y: contain;

Еще один совет - при переходе по роутам часто заметно "прыгание" содержимого экрана, потому что главный скроллбар то появляется, то исчезает в зависимости от количества контента или открытия модального окна.

Можно заранее зарезервировать под него место, и тогда визуально дерганий не будет. Сам скроллбар будет появляться по необходимости. Правило ставить надо на html тэг в общем случае.

scrollbar-gutter: stable;

#tip #css #scroll