马上就要毕业啦，没有参加2023年的秋招，准备在最近开始找全职或者实习工作，然后也马上过年了，总结和理一下自己的知识要点，参加2024年的春招。
实现动画的方法：
此外HTML专门用于请求动画的API，就是window.requestAnimationFrame0(callback)。主要是告诉浏览器，下次重绘之前调用指定的回调函数更新函数，参数为一个回调函数，会在下次进入浏览器时执行。该方法属于宏方法，会在微任务执行完后去执行。
如何取消： RequestAnimationframe会返回一个id，可以调用`window.cancelAnimationFrame(id)``来取消动画。
优势：
其实就是一张大图片，将页面中要用的所有图片包含进去，然后使用CSS中的background-image、background-repeat、background-position都没后文哦
优点：
缺点：
预处理器： less、sass、stylus
后处理器： postcss，通常是在完成的样式表根据css规范处理css，让其更有效。目前最有效地就是给css属性添加前缀，实现跨浏览器兼容性问题。
优势：
冒号属于伪类，双冒号属于为元素
.single{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.more{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
语法格式：
@media(max-width:1280px){
.test{
background:yellow;
}
}
其实简单来说，就是可以针对不同设备的页面宽度来使用对应的css样式，从而达到响应式的目的。
为了解决什么：
怎么做最好：
什么是BFC？
box是CSS布局对象和基本单位，一个页面是由多个盒子模型（box）组成的formatting context，表示上下文格式化，他是页面的一块渲染区域并且有一条渲染规则，是布局过程中生成块级盒子的区域。通俗来讲：BFC是一个独立的布局环境，可以理解为一个容器，在这个容器中按照一定规则进行物品摆放，并且不会影响其它环境中的物品。如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。
创建条件：
特点：
作用：
.triangle{
border:100px solid transparent;
border-top-color:red;
}
.sector{
border:100px solid transparent;
border-top-color:red;
border-radius:100px;
}
.square{
width: 20%;
height: 0;
padding-top: 20%;
background: orange;
}
1px问题主要是在Retina屏幕的机器中会显示的很粗，因为他和移动设备中的1px不一样，需要去专门设置一个属性，就是window.devicePixelRatio = 物理像素 / CSS像素