面试题

1.文档碎片

遍历数据,把对应的数据和结构都添加到文档碎片中,在把文档碎片插入到页面中(优势:减少了DOM的回流=>基于字符。串拼接也可以)

2.虚拟DOM

类似于REACT框架，基于虚拟DOM以及DIFF算法,也可以优化数据绑定

···

其实，一万条数据怎么操作都不好,不应该出现一万条这种大数据量的绑定

  • 从服务器获取一万条消耗很多时间
  • 页面渲染一万条也会消耗很多时间

3.异步数据加载(分页加载)

需要服务器提供支持

  1. 客户端向服务器端发送一个GET请求，传递给服务器：每页展示的条数，当前要展示的页面数等信息，例如传递的是?limit=20&page=1(每条展示20条，当前展示第一页)

  2. 服务器端接受到请求后，在所有的数据中把第一页的20条数据返回给客户端

  3. 当用户下拉加载或者点击第二页的页码等时候，重复第一步，把对应要展示的页码传递给服务器，服务器返回对应页码中的数据

    ···