前端面试题

box-sizing content-box 内容盒：以内容为盒子的边界（宽高度） border-box 边框盒：以边框为盒子的边界（宽高度） CSS 盒模型分两种： 一种是content box，也

内联 > ID选择器 > 类选择器 > 标签选择器。 优先级是由 A 、B、C、D 的值来决定的，其中它们的值计算规则如下： 如果存在内联样式，那么 A = 1, 否则 A = 0; B 的值等于 I

一些概念 屏幕尺寸：用对角来计算。1英寸=2.54厘米 像素：硬件和软件所能控制的最小单位。 屏幕分辨率：一个屏幕具体由多少个像素点组成 物理像素：设备的像素点个数 逻辑像素：让n个像素当一个像素使用

vh:视口高度的1/100 vw:视口宽度的1/100 rem:相对于根节点的font-size em：相对于夫元素的font-size

伪类 当已有元素处于某种状态时，为其添加对应的样式，比如:hover。因为处于 dom 树无法描述的状态，所以称为伪类 :hover :link(未访问) :active(已激活) :visited(

隐藏不占位 display hidden 设置尺寸 position 隐藏占位 opacity transform 或 visibility 颜色透明 clip-path css隐藏元素的9种方法 你

scale 我们发现Chrome/Safari都变虚了，只有Firefox比较完美看起来是实的而且还很细，效果和直接设置0.5px一样。所以通过transform: scale会导致Chrome变虚了

x人围成一个圈,传y次，传到的人离开，最后剩1人，问是第几个。 方法一：数组计数法 思路：创建一个数组，数组长度是x，每个数组为1，循环一个数组，如果循环到最后一位，就从头开始数，数到y，y为0，最后

给定一个候选人编号的集合 candidates 和一个目标数 target ，找出 candidates 中所有可以使数字和为 target 的组合。candidates 中的每个数字在每个组合中只能

手写函数 生成随机6位验证码（必须同时有大小写字母，数字） 手写函数 生成随机6位验证码（必须同时有大小写字母，数字）