Артыкулы для тых, хто
выводзіць стэк у прод
Матэрыялы пра React, Node.js, TypeScript і AI. Перакладзены тэкст паказваецца, калі ён ёсць. Калі не — вы бачыце англійскі тэкст і пазнаку пра гэта.
Тэг: Browser Rendering
Аўтаматычна пропусканне процеса адрасавання зместу за дапамою параметраў content-visibility і contain-intrinsic-size
Дазвольце даклэ научыцца, як параметры content-visibility: автаматычна націскаець расклад на дужах стороніцах, якія генеруюцца на сервере, зменшуе ўскладнення, чаму параметр contain-intrinsic-size є обавязковым, і як він параграфуецца з технологіяй віртуалізацыі.
12 хв чытанняДумайце працэйна модель таго, як прыгледчыкі атрымляюць сторанкі: падход на недзейнасць
Навучыцеся аналізаваць процес адражэння кантэнта ў прыгледачах, запытваючыся, якія змены парадоксалізуюць цей процес, — ад проблем з распалоўкай лейауту і вартасцю адрасавання кантэнта да процэсаў композіцыі, гідратацыі і стрімавання.
11 хв чытанняЗ шаблона стылю да экрана: як CSS падчыняецца ў процесе обрабаткі браузера
Следаванне CSS ад завантажэння да пікселей: як ствараюцца DOM, CSSOM і дрэўо адрасавання, дзе выконваецца каскадаванне стыляў, і якія варыянты стыляў конкуруюць за кожны элемент.
8 хв чытанняЗ 66% да 185 пкс: Как дзеянні прыгледачаў вырашаюць значэнні CSS перад разметкай
Следзіце за значэннем CSS на ўсіх стадіях: заявленым, каскадным, спецыфікованым, вылічаным, выкарыстоўваным і фактычным, і разберіце, чаму вялікія единіцы і трык пераканвертавання en rem парадоксальна дзейнуюць.
8 хв чытанняЯк каскад выбірае пераможця: значэнне, спецыфічнасць і порядак джэраў
Пазірце, як прыграверы рашуяюць суперасабліванне CSS-заяваў, як чытаць специфічнасць як чатыроэлементную параболіку, і чаму правілы hover і !important так часта ствараюць для вас неспакоў.
11 хв чытанняЗвядзе каменяюцься значэння CSS, калі вы задаеце None: як працюе спадчына
Дазнайцеся, як прыгледчыкі выбіраюць, чы гуменніка спадчынаецца, чаму дзецяткі атрымоюць вырахаваную значэнне ад бацькі, і як методы inherit і initial даюць вам часткова кантроль.
10 хв чытанняПерераспалюванне, перамальёвка, кампаунд: скількі коштуе браузеру кожна змянена настройка CSS
Выучыце, як HTML і CSS працуюць через DOM, CSSOM, распалоўванне элемента, апляву кольора і складанне зображэнняў, а таксама разумеце, чыраз што змены шырыны караюцца дорожэ, чым змены кольору, і як утрымацца ад працязных перераспалоўваў элемента.
16 хв чытанняЖывыя колекціі DOM, проблемы з распаўненням лейауту і адказ на пытанне пра прызнакі
DOM — это жывыя дрэва. Чаму ціклы ў JavaScript, якія працуюць з жывымі колекцыямі, прахідаюць элементы, як чытанне і збірка дадзеных спрычыняють частыя змяны лейауту, і калі патрэбны методы getAttribute.
6 хв чытанняПаспрацаванне з React: адкладкі стану ў пікселі экрана
Як фазы render, reconciliation і commit у React з’єднуються з процесам відрисовування браузером: layout, paint і composite, від оновлення стану до фактичних пікселів екрана.
17 хв чытання
Пра гэтыя артыкулы
Ацэнка за 24 гадзіны
Патрэбны такі стэк у аператарскім слоі? Дашліце брыф — ацэнка за 24 гадзіны.