Действительно были трудности с хабровским редактором, особенно когда у меня статья в виде html изначально. Вычитал вставки кода и исправил ваше замечание
Спасибо, обязательно ознакомлюсь. Что касается кода, в будущих статьях я напишу об этом , но оно не войдет в текстовый редактор, будет отдельный компонент wc-ide сейчас он в збт в ранней стадии 0.1.14, этот компонент будет с перекосом в код, концептуально wc-wysiwyg это текстовый редактор, а wc-ide концептуально и визуально очень напомнит вам sublime text, причем ide можно будет вставить как тег в wc-wysiwyg больше пока спойлерить не буду. В текущем редакторе, использую для подсветки когда стороннее решение hljs.
Говорить, что она уже решена тысячу раз и значит ее на надо решать - не совсем верно. Я вижу это как обиду соискателя на вопрос, который он не может ответить, но может скачать вам и вставить код с Гугла и стековерфлоу, такой кейс у вас даже на реальной работе прокатит, пока никто не видит. Но однажды, вы сможете загуглить то, что не сможете понять - и вот тут начнутся настоящие проблемы как у разработчика ТК вариант скачать либу или скопировать код уже не прокатит. В таком случае и фронтендеров можно больше не нанимать, а только заведующего npm, все же кнопки в интернете уже миллионы раз покрасили и переделали на всех фреймворках. У меня на собеседовании это было бы тоже точкой отказа - если сосикатель в место показа знаний, будет отвечать - да я бы это и так загуглил, а щас волнуюсь просто, пусть ищет успокоения где-то в дзене, а работодателю нужен сотрудник который не будет нервничать от вопроса про склонение слова
я с вами опытом своим поделился, а вы свое мнение навязываете. Спасибо, но не интересно, буду пользоваться доступными благами цивилизации и осваивать технологии дальше, благо что переключатели фаз от 3 т.р. у нас в магазинах начинаются и не являются каким-то запретным ноу-хау как и 2\3 фазные стабилизаторы, да и инструменты у меня в руках каждую неделю, а не раз в 15 лет, в целом раз в 15 лет можно и к соседской розетке сходить и без нее жить
Кем запрещено, вами чтоли? А если у меня на линии света нет и мне переключиться на другую надо, или сосед на одной фазе у себя бойлер врубил и просадил. Попробуйте болгарку при 180аольтах или циркулярку, да не каждая микроволновка вам еду разогреет при низком напряжении.
Это пример силовой розетки, у меня ЧПУ в гараже трёхфазный например
Гуглите, убеждать вас и нести вам знания на блюдечке не входит в мои цели.
Мои знания и выводы основаны на жизни в СНТ на 260домов и парой слабоватых трансформаторов, если бы слушал ваш запрет, бегал бы от розетки к розетке временами. Да и тянуть две линии на одну розету чтобы сделать две розетки в одном месте, так себе идея, не сильно дороже и автоматику поставить
Согласно межгосударственному стандарту ГОСТ 29322-2014 (IEC 60038:2009) «Напряжения стандартные», сетевое напряжение должно составлять 230 В ± 10 % при частоте 50±0,2 Гц
Соответственно вы установили себе чуть ниже допустимого ГОСТОМ ограничение тока, что на мой взгляд избыточно. Сам использую в электрощите реле напряжения с установленной отсечкой 270в в сети, за 5 лет никаких приборов не погорело, хотя скачки в нашем СНТ могут быть приличные + стабилизатор напряжения релейный при переключениях релешек дает импульсные токи - ничего, живем.
Также в щит стоило бы добавить силовую розетку сидящую хотя бы на 2 фазах, болгарки и циркулярки 2квт не редкость, а без плавного пуска еще и стартовые токи в сеть будут давать могут вашу защиту в 240в отрубить - не страшно, но кому понравится кратковременное отключение света.
И еще стоило бы добавить розетку в щит загородного дома, для возможности подключения в нее внешнего источника питания типа генератора, но это больше совет для тех, кто на ПМЖ собрался.
1) CSS Transition вы можете заменить на CSS Animation и тогда у вас будет уже более полный контроль анимации более гибкий 2) no comments - css псевдоэлементы норма в 2023
3) см пункт 1 CSS анимации все еще доступны
4) на самом деле не отсутствует, вы можете менять visibility не только по .elem:hover но и по .elem.-showtooltip - организовав сверху логику с добавлением удалением класса, также :hover можете и на :disabled поменять и показывать подсказку только при :disabled :readonly и тп состояний в общем только css селекторами тут вы ограничены
Веб 3 это маркетинговый булщит я уже писал пост про веб3 на Хабре и получил только минуса, хотя и не говорил, как вы в статье - что веб 3 это крипта и в Африке уже популярно хранить деньги в крипте - ну ну, это сказки для кого? Или это намек что Африка уже в веб,3 а мы отстаём? Или вы в преддверии "новых хаев" на крипторынке накачиваете инфопространство историями про веб 3, какую-то собственность в блокчейне и дорогущие и никому ненужные nft ? Про мета вечеринку которая провалилась в Европе я тоже упомянул момент. В общем платить криптой это не прорыв, а что до цифровизации, то госуслуги в РФ по сравнению с Африкой и Европой это просто сказка, как и онлайн банкинг.
Не очень понимаю, зачем вам столько кода ради одного тултипа, так можно быстро выгореть не доходя до релиза. Позвольте, предложу свой вариант, которым пользуюсь , правда я это называю hints
вот и все. пользоваться просто `<span data-hint="вот так могу">подсказка</span>` и сэкономленное время можно потратить на изучение более серьезных подходов в сайтостроении
WYSIWYG редакторы вообще очень тяжелая тема, я тоже взялся и сделал свой легковесный и расширяемый, просьба сообщество хабра сразу не топить в минусах ) https://webislife.ru/demo/wc-editor/ на этом редакторе я уже пишу статьи на одноименном ресурсе демки которые часто боюсь выложить на хабр дабы совсем не утопить карму) сам себе тестер на ЗБТ в общем) если зайдет пример, расскажу и покажу примеры кода и ход разработки на type script.
p.s пример что не умеет хабр - теги abbr и dfn - может добавите ? точнее они есть но не семантично сверстаны с data-title в место - titlte обычно, типичный HTML5 - вам жалко чтоли? Определения и абривеатуры - для технического контента очень важный момент.
Тебе нужно общаться с дроидом на человеческом языке
В каком-то смысле пример с каптчей, для получения некой информации вы показываете дроиду, что знаете как выглядят светофоры/велосипеды/авто.следующим этапом станет понимание как жить и проверять человека именно, а не нейросеть которая тоже знает как выглядят светофоры/велосипеды/авто
вариант с серверным рендерингом грузился дольше чем вариант с клиентским рендерингом и вызвал ощущение зависшего сайта.
Так сервер в итоге работал медленнее клиента или нет? Как вы измерили, что например именно формирование CSSOM на клиенте сожрало основное время загрузки? Но это вроде чисто клиентская история и CSSOM на сервере не генерируется, там просто стили инклудятся в разметку
Опять фиаско, может вам сервер получше арендовать? 10сек на одного клиента это треш, у нас даже самые большие выборки в бд на проекте с 12млн аудиторией не работают так медленно, как всего 1 ваш шаблонизатор. Впрочем с ваших слов у нас мертвый стек (микросервисы на симфони в кубер кластере) и фронт на vue ssr без всяких nuxt/next
Хорошее мнение, многие проходят путь от "зачем нам инструкция, щас так сделаем" до написания собственных инструкций. Многие не любят писать доки или считают это неудобным. Мы для себя выработали процесс, когда все доки пишутся в .md файлах в репозиторий, а vuepress при выкладке собирает это все в красивый spa сайтик и публикует в gitlab pages, итого мы имеем документацию в репозитории и это позволяет легче и проще поддерживать доки, чем целый пулл статей в каком нибудь конфлюенс или Яндекс Вики.
Вы сами ответили на свой вопрос, 10 секунд загрузки и мысли что сайт лежит уже начали посещать . Но он в итоге прогрузился спустя 10+ сек переваривания яваскрипта, это фиаско, а не победа, это ужасный пользовательский опыт.
Я не говорю в целом о выключении js в 2023году, я не против js, но форму комментария можно отправить без использования js вообще, вы же наверняка в курсе про нативный sudmit веб форм. Мой посыл про множество 'тонких клиентов' и их тенденции к развитию и отображению веба
Ну и php мертв, очень странно легаси считать актуальным стстекомн
Я пока не готов утверждать, что php мертв, как и сайты на symfony/laravel joomla/wp это мертвое Легаси в коде, попробуйте в телеграмм каналах сообществ сообщить людям о мертвом php
давайте не будем далеко ходить, вот вам хабр. вот статья, что в ней надо оживить? я вполне могу прочитать ее с выключенным JS.
добавляется время серверного рендеринга
Что если сервер отвечает и так в районе 100-200ms тк мощности сервера несравнимо больше чем у среднестатистического телефона. Получается добавляется время клиентского рендера, ответ от сервера вам в любом случае предстоит подождать. Стоит ли оно того и нужно ли вообще поверх гидрировать сайт в интерактивный? Метрики Total Block Time и Time to Interactive вам о чем говорят, как вы оптимизируете их на проекте?
Главное использовать легковесные библиотеки и фреймворки.
Тогда vue, react, angular идут на помойку? они не легковесные
Легковесные это alpine.js его аналог petite-vue, оба работают на уже отрисванном DOM и проповедуют Progressive Enhancement который в свою очередь проповедует следующее тезисы:
Basic content should be accessible to all web browsers
Basic functionality should be accessible to all web browsers
Под all browsers понимаются не только современные браузеры, но в целом ВСЕ браузеры отображающие HTML, ваш поход не подразумевает доступность сайта для всех браузеров, только для хедлайнеров. Например читать SPA через eink читалку уже невозможно, хотя может такие пользователи вам просто не нужны? Я ни на что не претендую и нивкоем случае не принижаю вашу статью, просто хочется напомнить, что в 2023 сайты живут не только как SPA и SSR приложения, классический подход к сайтостроению никуда не ушел (популярность CMS Wordpress\Joomla тому подтверждение, а в фреймворках типа Symfony\Laravel можно использовать очень мощный Twig шаблонизатор, такой подход поныне актуален, хотелось бы чтобы и в статье об этом было хоть чуточку упоминаний.
Действительно были трудности с хабровским редактором, особенно когда у меня статья в виде html изначально. Вычитал вставки кода и исправил ваше замечание
Согласен, фикс войдет в сегодняшний вечерний минорный апдейт на гитхабе, спасибо
Спасибо, обязательно ознакомлюсь. Что касается кода, в будущих статьях я напишу об этом , но оно не войдет в текстовый редактор, будет отдельный компонент wc-ide сейчас он в збт в ранней стадии 0.1.14, этот компонент будет с перекосом в код, концептуально wc-wysiwyg это текстовый редактор, а wc-ide концептуально и визуально очень напомнит вам sublime text, причем ide можно будет вставить как тег в wc-wysiwyg больше пока спойлерить не буду. В текущем редакторе, использую для подсветки когда стороннее решение hljs.
Говорить, что она уже решена тысячу раз и значит ее на надо решать - не совсем верно. Я вижу это как обиду соискателя на вопрос, который он не может ответить, но может скачать вам и вставить код с Гугла и стековерфлоу, такой кейс у вас даже на реальной работе прокатит, пока никто не видит. Но однажды, вы сможете загуглить то, что не сможете понять - и вот тут начнутся настоящие проблемы как у разработчика ТК вариант скачать либу или скопировать код уже не прокатит. В таком случае и фронтендеров можно больше не нанимать, а только заведующего npm, все же кнопки в интернете уже миллионы раз покрасили и переделали на всех фреймворках. У меня на собеседовании это было бы тоже точкой отказа - если сосикатель в место показа знаний, будет отвечать - да я бы это и так загуглил, а щас волнуюсь просто, пусть ищет успокоения где-то в дзене, а работодателю нужен сотрудник который не будет нервничать от вопроса про склонение слова
Но по сути независимо от яп это популярная задачка и решается она через вычисление модуля от 10 + пара ифчиков, ну и падежи вспомнить
я с вами опытом своим поделился, а вы свое мнение навязываете. Спасибо, но не интересно, буду пользоваться доступными благами цивилизации и осваивать технологии дальше, благо что переключатели фаз от 3 т.р. у нас в магазинах начинаются и не являются каким-то запретным ноу-хау как и 2\3 фазные стабилизаторы, да и инструменты у меня в руках каждую неделю, а не раз в 15 лет, в целом раз в 15 лет можно и к соседской розетке сходить и без нее жить
Кем запрещено, вами чтоли? А если у меня на линии света нет и мне переключиться на другую надо, или сосед на одной фазе у себя бойлер врубил и просадил. Попробуйте болгарку при 180аольтах или циркулярку, да не каждая микроволновка вам еду разогреет при низком напряжении.
Ох уж ваша теория, попробуйте практику, надоест переключать руками, дойдете до автоматики
Это пример силовой розетки, у меня ЧПУ в гараже трёхфазный например
Гуглите, убеждать вас и нести вам знания на блюдечке не входит в мои цели.
Мои знания и выводы основаны на жизни в СНТ на 260домов и парой слабоватых трансформаторов, если бы слушал ваш запрет, бегал бы от розетки к розетке временами. Да и тянуть две линии на одну розету чтобы сделать две розетки в одном месте, так себе идея, не сильно дороже и автоматику поставить
Существует несколько вариантов организации силовой розетки в трёхфазной сети, вам проще погуглить, т.к. вопрос достоин хорошего ответа. Если коротко
Иметь возможность на уровне автомата перещелкнуть фазу на другую, если с одной что-то не так и какой-то перекос
Тоже самое что и п1 только это сделает автоматика
Силовые трёхфазные розетки
Существует даже вариант с диодным мостом и другими устройствами для деления нагрузки на фазы одновременно для 220/380 вариантов.
Согласно межгосударственному стандарту ГОСТ 29322-2014 (IEC 60038:2009) «Напряжения стандартные», сетевое напряжение должно составлять 230 В ± 10 % при частоте 50±0,2 Гц
Соответственно вы установили себе чуть ниже допустимого ГОСТОМ ограничение тока, что на мой взгляд избыточно. Сам использую в электрощите реле напряжения с установленной отсечкой 270в в сети, за 5 лет никаких приборов не погорело, хотя скачки в нашем СНТ могут быть приличные + стабилизатор напряжения релейный при переключениях релешек дает импульсные токи - ничего, живем.
Также в щит стоило бы добавить силовую розетку сидящую хотя бы на 2 фазах, болгарки и циркулярки 2квт не редкость, а без плавного пуска еще и стартовые токи в сеть будут давать могут вашу защиту в 240в отрубить - не страшно, но кому понравится кратковременное отключение света.
И еще стоило бы добавить розетку в щит загородного дома, для возможности подключения в нее внешнего источника питания типа генератора, но это больше совет для тех, кто на ПМЖ собрался.
1) CSS Transition вы можете заменить на CSS Animation и тогда у вас будет уже более полный контроль анимации более гибкий
2) no comments - css псевдоэлементы норма в 2023
3) см пункт 1 CSS анимации все еще доступны
4) на самом деле не отсутствует, вы можете менять visibility не только по .elem:hover но и по .elem.-showtooltip - организовав сверху логику с добавлением удалением класса, также :hover можете и на :disabled поменять и показывать подсказку только при :disabled :readonly и тп состояний в общем только css селекторами тут вы ограничены
надеюсь мой опыт вам пригодился
Веб 3 это маркетинговый булщит я уже писал пост про веб3 на Хабре и получил только минуса, хотя и не говорил, как вы в статье - что веб 3 это крипта и в Африке уже популярно хранить деньги в крипте - ну ну, это сказки для кого? Или это намек что Африка уже в веб,3 а мы отстаём? Или вы в преддверии "новых хаев" на крипторынке накачиваете инфопространство историями про веб 3, какую-то собственность в блокчейне и дорогущие и никому ненужные nft ? Про мета вечеринку которая провалилась в Европе я тоже упомянул момент. В общем платить криптой это не прорыв, а что до цифровизации, то госуслуги в РФ по сравнению с Африкой и Европой это просто сказка, как и онлайн банкинг.
Не очень понимаю, зачем вам столько кода ради одного тултипа, так можно быстро выгореть не доходя до релиза. Позвольте, предложу свой вариант, которым пользуюсь , правда я это называю hints
вот и все. пользоваться просто `<span data-hint="вот так могу">подсказка</span>` и сэкономленное время можно потратить на изучение более серьезных подходов в сайтостроении
WYSIWYG редакторы вообще очень тяжелая тема, я тоже взялся и сделал свой легковесный и расширяемый, просьба сообщество хабра сразу не топить в минусах ) https://webislife.ru/demo/wc-editor/ на этом редакторе я уже пишу статьи на одноименном ресурсе демки которые часто боюсь выложить на хабр дабы совсем не утопить карму) сам себе тестер на ЗБТ в общем) если зайдет пример, расскажу и покажу примеры кода и ход разработки на type script.
p.s пример что не умеет хабр - теги
abbrиdfn- может добавите ? точнее они есть но не семантично сверстаны сdata-titleв место -titlteобычно, типичный HTML5 - вам жалко чтоли? Определения и абривеатуры - для технического контента очень важный момент.В каком-то смысле пример с каптчей, для получения некой информации вы показываете дроиду, что знаете как выглядят светофоры/велосипеды/авто.следующим этапом станет понимание как жить и проверять человека именно, а не нейросеть которая тоже знает как выглядят светофоры/велосипеды/авто
Так сервер в итоге работал медленнее клиента или нет? Как вы измерили, что например именно формирование CSSOM на клиенте сожрало основное время загрузки? Но это вроде чисто клиентская история и CSSOM на сервере не генерируется, там просто стили инклудятся в разметку
Опять фиаско, может вам сервер получше арендовать? 10сек на одного клиента это треш, у нас даже самые большие выборки в бд на проекте с 12млн аудиторией не работают так медленно, как всего 1 ваш шаблонизатор. Впрочем с ваших слов у нас мертвый стек (микросервисы на симфони в кубер кластере) и фронт на vue ssr без всяких nuxt/next
Хорошее мнение, многие проходят путь от "зачем нам инструкция, щас так сделаем" до написания собственных инструкций. Многие не любят писать доки или считают это неудобным. Мы для себя выработали процесс, когда все доки пишутся в .md файлах в репозиторий, а vuepress при выкладке собирает это все в красивый spa сайтик и публикует в gitlab pages, итого мы имеем документацию в репозитории и это позволяет легче и проще поддерживать доки, чем целый пулл статей в каком нибудь конфлюенс или Яндекс Вики.
Вы сами ответили на свой вопрос, 10 секунд загрузки и мысли что сайт лежит уже начали посещать . Но он в итоге прогрузился спустя 10+ сек переваривания яваскрипта, это фиаско, а не победа, это ужасный пользовательский опыт.
Я не говорю в целом о выключении js в 2023году, я не против js, но форму комментария можно отправить без использования js вообще, вы же наверняка в курсе про нативный sudmit веб форм. Мой посыл про множество 'тонких клиентов' и их тенденции к развитию и отображению веба
Я пока не готов утверждать, что php мертв, как и сайты на symfony/laravel joomla/wp это мертвое Легаси в коде, попробуйте в телеграмм каналах сообществ сообщить людям о мертвом php
давайте не будем далеко ходить, вот вам хабр. вот статья, что в ней надо оживить? я вполне могу прочитать ее с выключенным JS.
Что если сервер отвечает и так в районе 100-200ms тк мощности сервера несравнимо больше чем у среднестатистического телефона. Получается добавляется время клиентского рендера, ответ от сервера вам в любом случае предстоит подождать. Стоит ли оно того и нужно ли вообще поверх гидрировать сайт в интерактивный? Метрики Total Block Time и Time to Interactive вам о чем говорят, как вы оптимизируете их на проекте?
Тогда vue, react, angular идут на помойку? они не легковесные
Легковесные это alpine.js его аналог petite-vue, оба работают на уже отрисванном DOM и проповедуют Progressive Enhancement который в свою очередь проповедует следующее тезисы:
Basic content should be accessible to all web browsers
Basic functionality should be accessible to all web browsers
Под all browsers понимаются не только современные браузеры, но в целом ВСЕ браузеры отображающие HTML, ваш поход не подразумевает доступность сайта для всех браузеров, только для хедлайнеров. Например читать SPA через eink читалку уже невозможно, хотя может такие пользователи вам просто не нужны? Я ни на что не претендую и нивкоем случае не принижаю вашу статью, просто хочется напомнить, что в 2023 сайты живут не только как SPA и SSR приложения, классический подход к сайтостроению никуда не ушел (популярность CMS Wordpress\Joomla тому подтверждение, а в фреймворках типа Symfony\Laravel можно использовать очень мощный Twig шаблонизатор, такой подход поныне актуален, хотелось бы чтобы и в статье об этом было хоть чуточку упоминаний.