html+css+js 学习笔记
性能优化
- 搜索框 input 事件, 当要支持输入实时搜索可以使用节流方案(间隔一段时间必须查询相关内容)
- 页面 resize 事件, 常见于需要做页面适配的时候, 需要根据最终呈现的页面进行dom渲染(一般使用防抖,因为只需要判断最后一次的变化情况)
防抖(debounce)
<!--防抖演示 以页面滚动打印当前位置与顶部的距离为例-->
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width" , intial-scale=1, maximum-scale=1, user-scalable=no">
<style>
h3{
height: 200px;
}
</style>
</head>
<body>
<h3>页面滚动</h3>
<h3>页面滚动</h3>
<h3>页面滚动</h3>
<h3>页面滚动</h3>
<h3