前端性能优化十六：合理使用js的逻辑缓存

最新推荐文章于 2024-04-18 14:44:08 发布

完美句号

最新推荐文章于 2024-04-18 14:44:08 发布

阅读量340

点赞数 6

文章标签：前端性能优化 javascript

本文链接：https://blog.csdn.net/wanmeijuhao/article/details/135164360

版权

本文介绍了如何在JavaScript中通过合理缓存DOM对象、存储列表长度以及利用可缓存的Ajax技术来提高性能。重点讲解了避免频繁查询DOM和减少服务器请求的方法。

摘要由CSDN通过智能技术生成

1. 合理使用js的逻辑缓存:

①. 合理缓存DOM对象:
    a. 每次浏览器参与DOM对象都是比较废时间的.
    b. 把查询完的DOM节点缓存到一个变量中,取这个对象,并且对这个对象进行事件绑定,就不用再查询浏览器了.

②. 缓存列表长度

③. 使用可缓存的Ajax:
    a. ajax对应的接口:
       (1). 如果是很少变的或固定一段时间很少更新的接口,可以开启cache.
       (2). 就不用每次从服务器上取数据,从cache中获取数据.