Vue-FAQ

Кастомный обработчик ошибок:

try {
   // ...
} catch(e) {
   let url = `https://www.stackoverflow.com/search?q=[js] + ${e.message}`;
   window.open(url, "_blank");
}

#humor

855 views12:42

Vue-FAQ

Пример реализации светлой и темной тем на сайте на чистом CSS

<body>
  <label>
    <input id="dark" type="checkbox">
    Dark mode
  </label>
</body>

body {
  --fg: black;
  --bg: white;
  color: var(--fg);
  background-color: var(--bg);
}

body:has(#dark:checked) {
  --fg: white;
  --bg: black;
}

#css #tip

440 views06:07

Vue-FAQ

Решил применить плагин eslint-plugin-vuejs-accessibility на своем проекте онлайн магазина Arty-Crafty. По PageSpeed оценка по A11y была 72, теперь вот так. Мелочь, а приятно. БОльшую часть ошибок плагин помог исправить, остальное - по подсказкам PageSpeed.

Кстати, когда eslint-plugin-vuejs-accessibility показывает ошибку, по ссылке можно попасть на очень хорошее описание в документации плагина соответствующего требования A11y и варианты исправления, так что однозначно рекомендуется.

Чтобы подключить плагин в ESlint flat config (типа того, что используется в antfu eslint-config) нужен примерно такой код (в доке этого нет):

import a11y from "eslint-plugin-vuejs-accessibility";

export default antfu({
  plugins: {
    "vuejs-accessibility": a11y,
  },
  rules: {
    ...a11y.configs.recommended.rules,
    "no-console": "off",

#a11y #eslint #artycrafty

520 views09:14

Vue-FAQ

Полезный каталог Telegram групп по IT

@it_chats

#tip

408 views13:48

Vue-FAQ

Еще одна книжка с громким названием - Design patterns for Vue.js.

Автор - Lachlan Miller, член Vue team, контрибьютор во Vue.js, Vue Test Utils и Cypress

Платная, есть превью с двумя главами

#learning #book

885 views05:15

Vue-FAQ

С 1988 года 14 марта отмечается Международный день числа «Пи»
В 15 часов 9 минут 26 секунд

В связи с чем, один и тот же вопрос двум версиям ChatGPT - какая предпоследняя цифра в числе π?

#ai

555 views08:32

Vue-FAQ

Эван уже отписался по поводу нового AI Devin, который якобы решает 13% issues на GitHub

Devin не выходит за рамки того, что я себе представлял - и, честно говоря, он меня не впечатляет. Разработчик, который справляется со своими задачами лишь на 13%, - это обуза, а не актив.

Ну и надо заметить, что issues на GitHub бывают очень разные - и элементарные и хорошо сформулированные, и "туманные". Так же как и код, к которому они относятся.

#ai #evanyou

561 viewsedited 09:52

Vue-FAQ

Сегодня день искусственного интеллекта

Обновления у Codeium - бесплатного AI помощника в качестве расширения для IDE.

1. Появился Codeium University (кликнуть иконку "i" справа вверху боковой панели). Подробная информация как работать с инструментом в виде удобной справки

2. Появилась возможность добавлять свои файлы, директории и даже GitHub репозитории в контекст (вкладка Context). По-прежнему по репозиториям есть React и Svelte, но нет Vue ((. Можно скачать и добавить как локальную директорию. В принципе, можно наверно так найти несколько качественных проектов на Vue и добавить в контекст как эталон.

#codeium #ai

685 views11:27

Vue-FAQ

Щупальца Vue протянулись к горлу Ангуляра - вышел Analog.js 1.0

Мета-фреймворк на Vite, Nitro, с File-based routing, SSR/SSG и вот таким SFC форматом:

<script lang="ts">
  import { signal } from '@angular/core';

  const count = signal(0);

  function increment() {
    count.update(total => ++total);
  }
</script>

<template>
  <h2>Hello Analog</h2>

  Count: {{ count() }}

  <button (click)="increment()">
    Increment
  </button>
</template>

<style>
  h2 {
    color: red;
  }
</style>

Автор - Brandon Roberts, NgRx maintainer, Angular GDE

Осталось выпустить ReAnalog.js и затем смёржить все три ветки фронтенд фреймворков в одну главную - Vue

#angular #analogjs

analogjs.org

Analog | Analog

The fullstack Angular meta-framework

1.0K viewsedited 05:41

Vue-FAQ

Член Vite core команды Patak сообщил, что, возможно, некоторые опциональные возможности Rolldown могут появиться в Vite 6 (релиз ~октябрь/ноябрь). Rolldown по дефолту заменит esbuild, возможно, в Vite 7. А замена и esbuild, и Rollup планируется в Vite 8. На данный момент реальный ETA не определен.

Всё еще очень нескоро, короче.

#rolldown #vite

468 viewsedited 09:24

Vue-FAQ

Microsoft, Amazon (и, вроде, Google) дали корпоративным клиентам из РФ три дня на чтоб собрать вещи с их облачных решений. Пока точно не понятно, кого именно это коснется, но если и у физлиц есть там данные - повод задуматься или хотя бы сделать бэкап на сторону.

#cloud

Хабр

Microsoft и Amazon с 20 марта 2024 года приостанавливают доступ к своим облачным продуктам на территории РФ

15 марта 2024 года компания Softline сообщила , что Microsoft и Amazon с 20 марта 2024 года приостанавливают доступ к своим облачным продуктам на территории РФ, включая Power BI и Dynamics CRM....

570 views07:09

Vue-FAQ

CSS свойство line-clamp позволяет ограничить текст определенным числом строк.

p {
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#tip #css

498 views08:23

Vue-FAQ

Если вы используете сторонние шрифты (например, Google Fonts), то подключать их лучше не в вашем CSS, а в index.html.

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

#fonts #css #tip

525 views10:06

Vue-FAQ

В январе я с удивлением смотрел, как число подписчиков канала достигло 200, сегодня уже 400.
Кажется, что это немного по сравнению с другими, но, имея возможность видеть статистику, могу сказать, что охват целевой аудитории одним постом здесь выше в среднем, чем в соседних чатах на 10К юзеров, и намного выше чем у статьи на Хабре в хабе "Vue.js", несмотря на их дутые "тысячи" просмотров.
Telegram действительно очень эффективный способ распространения информации.

471 views15:42

Vue-FAQ

Большой контрибьютор в экосистему Vue.js Anthony Fu опубликовал длинный пост о своем психическом здоровье, вызванным стрессом от ответственности за написанный им open-source код, от которого зависит уже много проектов и разработчиков.

Абсолютно с ним согласен. Поэтому твой open-source проект, который не взлетел, это великое благо. Потому что ты получил огромное эстетическое наслаждение от его создания, и не понес за это никакого наказания в виде необходимости его развивать и менять по запросам пользователей и выслушивания критики и нытья недовольных и конкурентов. Тщеславие только для дураков.

#antfu

Anthony Fu

Mental Health in Open Source

Some of my thoughts on my mental health during my journey in Open Source

503 views08:12

Vue-FAQ

Amazon недавно купила помещение для своего нового дата-центра в Пенсильвании.

Его отличительной особенностью является то, что вся энергия на сервера и охлаждение будет поступать от стоящей неподалеку 6-ой по размеру в США АЭС.

Мощность AWS дата-центра будет составлять до 1 гигаватта, что составляет 40% от мощности всей электростанции.

Захощенным в дата-центре приложениям можно использовать лэйбл: nuclear-powered

—-

Для справки:
- С мощностью 1ГВт можно обеспечивать электричеством город с населением 1 млн. человек.
- Примерно 40% энергии в дата-центрах уходит на систему охлаждения. Именно поэтому некоторые из них размещают в океанах.
- Все дата-центры потребляют примерно 1.5% мирового электричества.
- Всего в мире около 850 дата-центров. Половина из них находится в США.

#aws

585 views11:22

Vue-FAQ

CSS правило mask-image поможет наложить фоновую картинку на SVG изображение, позволяя создавать красивые эффекты на векторе

#css #tip #svg

910 views13:29

About

Blog

Apps

Platform