虚拟滚动
解决方式: 1、 js分页 2、虚拟dom
手动分页,判断js如果给滚动到底端时候进行模拟分页, 虚拟dom只会加载当前可视区域的列表
对于虚拟dom缺点:
- 列表内容不多的时候是负优化
- 对 Accessibility 的支持非常不友好
- 用户体验上,不能ctrl F搜索未展示的内容
- 当快速进行滑动的时候,怎么解决
缓存
- 浏览器第一次向服务端请求资源,服务端按照请求进行处理,将对应资源返回给浏览器做响应
- 当浏览器再次向服务端请求改资源时,先判断这个资源是否命中强缓存,如果命中,直接从缓存中读取资源,而不需要向服务端请求(强缓存)
- 如果没有命中强缓存,浏览器会发送一个请求到服务端,服务端根据请求的请求头(request header)判断是否命中协商缓存,如果命中,服务端会返回304的状态码,告知浏览器可以从缓冲中读取资源(协商缓存)