Вопросы React Frontend Developer

Inline-кеширование — это техника, используемая JavaScript-движками для ускорения доступа к свойствам объектов. При первом обращении к свойству объектного типа кешируется информация о его местоположении, что позволяет при последующих обращениях избежать повторного поиска. Это значительно ускоряет доступ к свойствам объектов, особенно в циклах или часто вызываемых функциях.

Элементы block занимают всю ширину родителя и начинаются с новой строки, элементы inline размещаются в одной строке и занимают только необходимую ширину, а inline-block совмещает свойства обоих — размещается в одной строке, но позволяет задавать ширину и высоту. Различие между этими типами влияет на построение и компоновку страницы.

Строчные элементы не имеют фиксированных размеров. Их ширина определяется содержимым, а высота — параметрами строки текста. Браузер учитывает размер шрифта и line-height. Padding влияет на визуальный размер, а margin — только по горизонтали. Это отличает inline-элементы от блочных.

display: block заставляет элемент начинаться с новой строки и занимать всю доступную ширину. display: inline размещает элемент внутри строки текста. У блочных элементов работают width, height и вертикальные margin. У строчных — размеры зависят от контента. Это ключевое различие в CSS.

:style позволяет задавать inline-стили на основе данных компонента. Значения могут вычисляться динамически через выражения или computed-свойства. Этот подход полезен для значений, которые сложно выразить через классы. Однако его не рекомендуется использовать для сложной стилизации. Чаще всего :style применяется для отдельных свойств.