1、普通函数、箭头函数,this的指向
一个事件中,这两个函数this的指向
2、处理scroll事件,来维护前端的性能
滚动会频发触发scroll事件,所以设置一个时间,规定在此时间内scroll时间被触发的次数,使用settimeout
注意重点需要在settimeout之前清除上一次返回的id值,因为每次timeout的返回值不同
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div style="height: 2000px">
</div>
<script type="text/javascript">
function getstart(getres,time){
var timeout;
return function(){
clearTimeout(timeout);
timeout = setTimeout(getres,time);
}
}
function getres(){
console.log('ssss');
}
window.addEventListener('scroll', getstart(getres,2000));
</script>
</body>
</html>
3、实现一个布局,左边自适应,右边固定宽度
1)用position,absolute实现
2)用flex布局
总结:需要了解一些具体的应用场景,一些技术是拿来实际使用的,而不只是原理。