定位：position
- static:正常文档流，设置top,left,bottom,right,z-index无效
- relative:相对定位，不会脱离文档流
- absolute：绝对定位，脱离文档流，外边距不会合并
- fixed:固定定位，相对于视口定位，脱离文档流，外边距不会合并
- sticky：粘性定位，元素根据正常文档流进行定位，想对他最近的滚动祖先进行偏移
浮动布局的高度如何计算
父容器塌陷，清除浮动
css的预处理器
CSS预处理器用一种专门的编程语言，进行web页面样式设计，然后编译成正常的CSS文件，以供项目使用。 优点：无需考虑浏览器兼容问题 Sass(Scss) Less Stylus
输入URL到页面展示发生了什么
- 输入URL
- DNS解析
- 建立TCP连接
- 发送HTTP请求
- 服务器处理请求
- 服务器返回响应
- 浏览器解析并显示页面
- 断开连接
- html css js 文件下载解析渲染的过程
html {background: blue;}
<body style = "background: red;">
// 背景色会从蓝色--红色 这个变化过程有么
html {background: blue !important;}
<body style = "background: red;">
// 背景色会从蓝色--红色 这个变化过程有么
preload如何使用?预加载实现的原理
<link rel = "preload" href = "style.css" as = "style">`
- href:指定预加载资源的路径
- as:指定预加载资源的类型
- 使用as来确定预加载内容的类型，将使得浏览器能够
- 更精确的优化资源加载优先级
- 匹配未来的加载需求，在适当的情况下，重复利用同一资源
- 为资源应用正确的内容安全策略
- 为资源设置正确的Accept请求头
- 可以预加载资源的类型：
audio, document, video, style, script, font, image , object
rem 原理 及 px-rem 如何快速实现
不同的tab页，同一个URL，cookie，localStorage是否一样
一样的
重绘及回流 style.width ， overflow 会引起回流么
数组方法 哪些可以中断循环 哪些不可以 如何中断循环
同一个v-for 设置了两个一模一样的key 修改其中一个是否会影响另一个
自然是会的
