# 前端常规的性能优化手段
4 min read
网页性能优化是经常会被询问的一个点。
网页性能优化是经常会被询问的一个点。
硬件加速(hardware acceleration)就是将浏览器的渲染过程交给 GPU 处理,而不是使用自带的比较慢的渲染器。这样就可以使得 animation 与 transition 更加顺畅。
如何计算元素/图片的宽度,以及一些特殊的图片处理及计算。
样式在 TypeScript 中的应用。
Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more.
网格布局,Grid 布局,也叫栅格布局,是一种二维网格布局。
我们需要去了解浏览器如何渲染一个页面。
BEM 是 CSS 一种命名规范,BEM 是由 Block, Element, Modifier 组合成的缩写。
有一些形状可以通过纯 CSS 实现图形,如下拉三角型,下拉箭头等。。。
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
在默认情况下,label 跟 input 是自适应的,经常会出现不对齐的情况。
BFC(Block Formatting Context) 块级格式化上下文。它是块级布局发生的区域,也是浮动与其他元素交互的区域。
面试过程中遇到的 CSS 问题。
三栏布局:两边定宽,中间自适应
当渲染树中的元素尺寸,结构或属性发生改变时,需要浏览器重新渲染的过程称为回流( reflow ),而当渲染树中元素样式的改变,并不影响布局时,浏览器重新绘制它的过程称为重绘( repaint )