Комментарии / Профиль Foxtail25 / Хабр

Пользователь

Очень вероятно, что эти HTML- и CSS-ошибки есть в вашем коде

Foxtail25 23 июл 2025 в 12:32

Значение свойства font-size для элемента <html> в пикселях

У меня на этот счёт "особое" мнение)) Как общеизвестно:
1) В браузерах значение font-size для тега HTML по умолчанию, если оно не задано, обычно равно 16 пикселям (16px).
2) Значение 1rem соответствует размеру шрифта корневого элемента.

Получается что если для корневого элемента мы поменяем значение "по умолчанию 16px", на значение 10px. То далее, нам будет удобнее использовать единицы rem. Т.е. 1.5 rem у нас будет не 24px, а 15px. Что по моему скромному мнению, довольно удобно.

React vs Vue – подробное сравнение и перспективы

Foxtail25 27 апр 2025 в 16:09

В 2022 году, я стал изучать фронтенд. Сначала база HTLM/CSS/JS, затем React. В 2023 я познакомлися с Node.js(Express), Next.js и SQL. А в конце 2024 начале 2025 я познакомился с Vue3. И вот что я хочу сказать:

Библиотека React с его JSX после HTML/CSS/JS - кажется очень приятным и удобным решением. Почти как Bootstrap после чистого CSS :) Next.js воспринимается как гениальное слияние React с Node.js. Правда я долго не понимал зачем там 2 роутера (Page-router и App-router) :))) А вот Vue3.... Это нечто удобное и интуитивно понятное с великолепной документацией! В нем есть всё что мне не хватало в React. Порядок и достаток, простота и доступность. И теперь мой выбор для разработки фронтенда однозначно Vue3. По поводу статьи, если кратко, то у меня сложилось мнение что она написана с целью размыть достоинства Vue3 и недостатки React... Видимо слишком много людей стало переходить с React на Vue3 :)

Next.js. Технология современной веб-разработки

Foxtail25 12 фев 2024 в 06:19

Хотелось бы немного дополнить автора.
1) Файл _app.js(jsx/tsx) Так же используется для подключения "глобальных" css стилей. Т.е. стилей которые будут доступны во всех компонентах. В моём проекте это набор css переменных отвечающие за тему (цвета, шрифты). Каждый компонент приложения использует scss.module и там есть доступ к CSS пременным объявленным в глобальном css подключённому к _app.jsx.

https://nextjs.org/docs/pages/building-your-application/styling/css-modules

2) В Page роутере и App роутере по разному формируется содержимое <head></head>.
В Page роутере (который я использую) Содержимо тега head формируется при помощи собственного(встроенного) компонента Head.

import Head from 'next/head'
 
function IndexPage() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
      <p>Hello world!</p>
    </div>
  )
}
 
export default IndexPage

https://nextjs.org/docs/pages/api-reference/components/head

При использовании App роутера, вместо компонента Head используется объект metadata.

export const metadata = {
  title: 'My page title',
  description: 'my framework NEXT.js',
}
export default function Page() {
 return <>
   <p>Hello world</p>
  </>
}

https://nextjs.org/docs/app/building-your-application/optimizing/metadata

3) "В некотором роде это можно сравнить с MERN стеком..." В моём проекте NEXT.js можно сравнить со стеком PERN ))))))))))) PostgreSQL+Express+React+Node.js. Вообще мо моему скромному мнению NEXT.js это объединение возможностей Express, React и Node.js

Strict Mode в ECMAScript. Полный справочник

Foxtail25 9 фев 2024 в 18:20

Полезная инфа.Спасибо!

Frontend. Чистые и грязные компоненты

Foxtail25 31 дек 2023 в 10:37

Осмелюсь порекомендовать Вам. Ник Морган: "JavaScript для детей. Самоучитель по программированию", Трепачёв Дмитрий: "лучший учебник по программированию" и Kyle Simpson: "Вы не знаете JS" (серия книг). Лично для себя, я нашел там много интересной информации и полезных знаний.

Frontend. Чистые и грязные компоненты

Foxtail25 30 дек 2023 в 23:15

))) Абсолютно правильные выводы!!! В плане того, что "учителям конкуренты не нужны"! Никто не будет делиться с вами секретами и " короткими путями"!!! Я почти год работаю Программистом (Frontend) За первые 3 месяца я понял почему разработчик без опыта нафиг не нужен!! Только практика поможет самостоятельно найти правильные пути и подходы. ....Ну и конечно книги. Грамотных видосов крайне мало. И далеко не всегда там "самые правильные подходы". Только собственный опыт и эксперименты. Пример: однажды мне понадобилось динамически изменить цвет svg... погуглив, и ознакомившись со stackoverflow, я нашел несколько вариантов решений... но предчувствие КРИЧАЛО - решения отстой!!! стал копать дальше... В итоге, код svgШки засовываю прямо в компонент, а цвет (свойство fill) задаю переменной из CSS )))) То, о чем вы поведали в этой статье, мне преподавали в корпоративном университете сбера год назад. Успеха вам в учëбе!)

-1