Переосмысление DOM с нуля

Браузеры в странном положении: WebAssembly выстрелил, даже на сервере, а клиентская часть ощущается почти как 10 лет назад. Доступ к веб-API из WASM решают тонким JS-клеем — но зачем вообще лезть в DOM? Просто других опций нет. Пора отправить DOM и его API «на ферму», и вот почему.

Никто уже не знает браузеры целиком — и это часть проблемы.

Модель «документа»

Мало кто осознает, насколько DOM раздут. У document.body в Chrome 350+ ключей, а в document.body.style — около 660 свойств. Граница между свойствами и методами размыта, геттеры могут триггерить релэйаут, висят легаси-штучки вроде onevent. DOM толстеет; страничникам это почти не видно, а приложениям — боль.

Большинство избегают прямой работы с DOM; деклартивности мало и она несовременна. Способов сделать одно и то же много, ни один не приятен.

connectedCallback() {
  const shadow = this.attachShadow({ mode: 'closed' });
  const template = document.getElementById('hello-world').content.cloneNode(true);
  const hwMsg = `Hello ${ this.name }`;
  Array.from(template.querySelectorAll('.hw-text')).forEach(n => n.textContent = hwMsg);
  shadow.append(template);
}

Веб-компоненты пришли поздно, непопулярны: API громоздкий, Shadow DOM плодит уровни вложенности и области видимости. Главная беда — строковая наследственность SGML/XML: состояние хранить в документе плохо; React-подобные это избегают, их «XML» — лишь синтаксис.

HTML почти не менялся 10–15 лет. ARIA стала заплаткой тому, что не дала «семантика HTML». Цели так и не достигли: нет <thread> или <comment>, правила странные. WHATWG (то есть вендоры) добавляет лишь заплатки по краям; даже CSS оброс выражениями — любая шаблонка хочет стать языком программирования.

Редактируемость HTML через contentEditable — теоретически есть, практически — темная магия; у команд Docs/Notion наверняка кошмары. Догмы про «прогрессивное улучшение» и разделение разметки/стилей в мире приложений мало кто исповедует.

Сегодня приложения склеивают HTML/CSS/SVG до «достаточно красиво», ценой огромных оверхедов — это анти-UI тулкит.

Подпись: Ввод Slack

Подпись: Оффскрин-хаки для буфера обмена

Списки и таблицы приходится виртуализировать вручную, перехватывая лайаут, ресайз, драги и т. п. «Прилипший вниз» скролл в чате — вечный TODO. Чем больше виртуализируешь, тем больше заново пишешь «поиск на странице», контекстные меню и пр. Веб стер грань между UI и «текучим контентом» — когда-то это было ново, теперь UI устарел, контент унифицировался.

CSS вывернут наизнанку

CSS не имеет стройной…

• Участники признают, что веб-платформа сложна и разрослась из-за обратной совместимости, множества требований и долгой эволюции; переписывание «с нуля» в реальности лишь добавляет новые слои сложности.
• Многие защищают DOM/HTML/CSS: они кроссплатформенны, поддерживают доступность, приватность, IME/спеллчек и текстовые сценарии, с которыми канвас/кастомные рендеры часто не справляются.
• Критика фокусируется на перегруженности API, «текучих» абстракциях и смешении ролей (CSS как и стиль, и лейаут), предлагаются идеи модульности API, хранение состояния в документе, и дисциплинированное использование Web Components.
• Аргумент «выбросить и заменить» упирается в стоимость миграции и необходимость покрыть весь исторический функционал; успех веба объясняют именно гибкостью, хаками, позже закреплёнными стандартами, и жёсткой обратной совместимостью.
• Проводят параллели с нативными UI-стеками: многие считают веб-технологии более удачными; обсуждают Flutter/WASM/WebGPU как путь к «приложенческому» вебу без ломания существующего.
• Идеи разделения «документы vs приложения» всплывают часто (вплоть до «DOCTYPE app»), но консенсус: нужно сосуществование обоих подходов, а не замена.
• Скепсис к «HTML на Canvas» и «перезапуску браузера» высок: полезнее усиливать существующие примитивы (дешёвый доступ WASM к DOM, лучше продуманные формы/контролы, богатые стандартные виджеты), чем плодить новые параллельные стеки.

Предупреждение: бейдж WHY2025 — потенциальный источник пожара

Бейдж предназначен для питания от двух параллельно подключённых незащищённых Li-Ion 18650. Такие элементы могут выдавать огромный ток короткого замыкания, а сам бейдж не содержит ни предохранителей, ни других средств защиты. Всё, что мешает замыканию, — тонкий слой лаковой маски.

Что делать

• Не устанавливайте 18650 в бейдж.
• Верните элементы в шатёр Badge или храните их в жёстком непроводящем корпусе (например, в павербанке).
• Используйте бейдж только от внешнего USB-источника — в нём обычно уже есть защита.

Термины

• Элемент (cell) — «сырой» литий-ион цилиндр без корпуса и электроники.
• Батарея (battery) — элемент + корпус + защита (павербанк, аккумулятор дрели и т.д.).

Почему опасно

Почти вся металлическая поверхность 18650 — минус, лишь маленькая круглая крышка — плюс. Любой металлический предмет, задевший оба полюса, создаёт короткое замыкание. Температура быстро поднимается до воспламенения бумаги, ткани или кожи. Защищённые элементы имеют встроенную плату защиты, но выданные на мероприятии — обычные, без неё.

Итог: используйте бейдж без аккумуляторов или от безопасного USB-питания.

• Бейдж WHY2025 использует два незащищённых Li-ion 18650 в параллели, что многие считают опасным и непродуманным.
• Защищённые 18650 не помещаются в держатели Keystone 1042, поэтому выбор пал на незащищённые.
• Участники подчёркивают риск пожара, отсутствие продуманной безопасности и переоценку потребностей в ёмкости.
• Предлагаются альтернативы: LiFePO4, AAA/Ni-MH, CR2032 или питание только по USB-C.
• Сообщество критикует недооценку трудозатрат и отсутствие профессионального подхода к «продуктизации» устройства.

These examples show that we have a serious social issue, and it's not limited to teachers. People misuse LLMs. We engineers understand that LLMs are products under development. They only work correctly under certain circumstances, and they have limitations and non-perfect evaluat

• State-of-the-art модель TTS до 25 МБ 😻
• Пропустить к содержимому
• Навигация, вход, настройки внешнего вида
• Продукты: Copilot, Spark, Models, Advanced Security, Actions, Codespaces, Issues, Code Review, Discussions, Code Search
• Исследовать: Почему GitHub, все функции, документация, навыки, блог
• Решения по размеру компании: Enterprise, для команд, стартапов, НКО
• По задачам: DevSecOps, DevOps, CI/CD и др.
• По индустриям: здравоохранение, финансы, производство, гос сектор
• Ресурсы: темы (ИИ, DevOps, безопасность, разработка), курсы, события, книги, истории клиентов, партнёры, аналитика
• Open Source: Sponsors, ReadME Project
• Репозитории: Темы, Тренды, Коллекции
• Enterprise: платформа, допы — Advanced Security, Copilot for business, поддержка
• Цены
• Поиск кода и репозиториев, советы по синтаксису
• Обратная связь (с email), отправка/отмена
• Сохранённые поиски: создание/управление, документация по синтаксису
• Вход/регистрация
• Сообщения о перезагрузке сессии и переключении аккаунтов
• KittenML/KittenTTS (публичный), уведомления, форки

• KittenTTS (25 МБ, Apache-2.0) генерирует речь оффлайн на CPU, но звучит механически и путает цифры.
• На i9-14900HX 225 символов синтезируются за 5,5× реального времени, но латентность ~315 мс.
• Установка требует кучи зависимостей, поэтому «25 МБ» быстро превращаются в гигабайты.
• Для качественной речи пользователи рекомендуют F5-TTS, Fish-Speech или Piper-TTS; для STT — Whisper.
• Сообщество просит ONNX-порт, обучение на других языках и открытые данные.

Я архивирую Picocrypt · Issue #134 · Picocrypt/Picocrypt

===============

Пропустить к содержимому Меню навигации

Переключить навигацию

Войти

Настройки внешнего вида

• Продукт
  • GitHub Copilot Пишите код лучше с ИИ
  • GitHub Spark Новое Создавайте и внедряйте интеллектуальные приложения
  • GitHub Models Новое Управляйте и сравнивайте подсказки
  • GitHub Advanced Security Находите и исправляйте уязвимости
  • Actions Автоматизируйте любые процессы
  • Codespaces Мгновенные среды разработки
  • Issues Планируйте и отслеживайте работу
  • Code Review Управляйте изменениями кода
  • Discussions Сотрудничество вне кода
  • Code Search Ищите быстрее и точнее

Исследуйте

• Почему GitHub

• Все возможности

• Документация

• GitHub Skills

• Блог

• Решения

По размеру компании

• Предприятия
• Малые и средние команды
• Стартапы
• НКО

По кейсам

• DevSecOps
• DevOps
• CI/CD
• Все кейсы

По отраслям

• Здравоохранение
• Финансовые услуги
• Производство
• Госструктуры
• Все отрасли

Все решения

• Ресурсы

Темы

• ИИ
• DevOps
• Безопасность
• Разработка ПО
• Все темы

Изучайте

• Обучающие маршруты

• События и вебинары

• Ebooks и whitepapers

• Истории клиентов

• Партнеры

• Executive Insights

• Open Source

  • GitHub Sponsors Поддержка разработчиков
  • The ReadME Project Материалы сообщества

Репозитории

• Темы

• В тренде

• Подборки

• Enterprise

  • Платформа для разработчиков на базе ИИ

Дополнения

• Advanced Security Корпоративная безопасность

• Copilot for business Корпоративные ИИ-возможности

• Премиум-поддержка 24/7

• Цены

Поиск или переход...

Поиск кода, репозиториев, пользователей, issues, pull requests...

Поиск

Очистить

Советы по синтаксису

Оставить отзыв

Мы читаем каждый отзыв и относимся к нему серьезно.

• [x] Указать мой email для связи

Отмена Отправить отзыв

Сохраненные поиски

Используйте сохраненные запросы для быстрого фильтра

Название

Запрос

Все квалификаторы в документации.

Отмена Создать сохраненный поиск

Войти

Зарегистрироваться

Настройки внешнего вида

Сброс фокуса

Вы вошли в другой вкладке. Перезагрузите страницу, чтобы обновить сессию. Вы вышли в другой вкладке. Перезагрузите страницу. Вы переключили аккаунты. Перезагрузите страницу. Закрыть уведомление

{{ message }}

Picocrypt/Picocrypt Публичный

• Уведомления

• Обсуждение вокруг автора проекта Picocrypt, который архивирует репозиторий и уходит из разработки из-за разочарования в «вибе-кодинге» и доминировании ИИ/LLM, оформлено как диалог с Gemini, что некоторых сбило с толку.
• Часть комментаторов сочувствует утрате «ремесленного» подхода и демотивации, другие считают реакцию чрезмерной, доomer-ной или попыткой личного брендинга.
• Спор о лицензиях: MIT критикуют как «слабую» (корпорации выигрывают), предлагают AGPL/SSPL и обсуждают бессмысленность запрета «обучения ИИ» из-за непроверяемости корпусов.
• Поднимаются вопросы ответственности перед донорами на аудит и ожиданий сообщества: код доступен, но без поддержки возникают риски багов/совместимости.
• Есть технические замечания к проекту (напр., зависимость от OpenGL на macOS, результаты VirusTotal) и альтернативы (7zip, VeraCrypt); некоторые форкают и планируют упростить GUI.
• Мнения о LLM: от полного отказа и счастья без них до признания их неизбежности как «массового производства кода»; отмечают, что ИИ не делает людей экспертами, и традиционные инструменты часто надежнее.
• Отмечают парадокс: критикуя ИИ-кодинг, автор собирается в исследование LLM; часть видит в этом стратегию карьеры и нехватку ресурсов на опенсорс, а не «конец качества».

UKR almost feels like yesterday's drone war. It seems pretty obvious purpose built murder bots by technologically capable powers like PRC would be fully autonomous and expendable like actual munitions. Image fuse some cheap rgb/ir/thermo with edge compute to maim any warm bodies

I wish I could write all the business logic I write on an NES and never have to worry about requirements going bad. I guess the thing is, if you're writing anything on top of a network layer of any kind, eventually it's going to require patches unless you literally own all the wi

• В Австралии уличные таксофоны бесплатны для звонков/SMS и раздают Wi-Fi, что помогает при ЧС и домашнем насилии.
• В США и Бразилии телефоны-автоматы массово демонтируют даже в зонах без мобильной связи.
• Участники считают, что экономия на «копейках» ведёт к потере жизненно важной инфраструктуры.
• Предлагают финансировать оставшиеся аппараты за счёт наружной рекламы, местных бизнесов или некоммерческих организаций.
• Поднимаются вопросы анонимности, PR-информирования и того, помнят ли молодые хоть один номер наизусть.

• Тойота-Терсел с 1,2 млн км вызвал спор: почти всё в ней заменено, остался «Терсел Фесея».
• Некоторые считают это хобби бессмысленным, другие хвалят надёжность Toyota/Honda/Mercedes старой школы.
• Вспомнили миллионные SAAB, Škoda, Corvette, Porsche и даже 2-миллионный Tesla.
• Участники сетуют: современные машины живут дольше, но ремонтировать их сложнее и дороже.
• Вопрос экологии: старый дизель vs новый EV, где точка безубыточности?

There are two ways to make a population healthy. You can either eliminate sick people through treatment, or eliminate sick people through death. I think this administration is picking the latter. These cuts have been in progress for months, and it’s a sad state of the world when