赞
踩
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布局
总结:需要了解一些具体的应用场景,一些技术是拿来实际使用的,而不只是原理。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。