3个JavaScript优化的方法,提高网页流畅度

 2020-09-25 09:53:02  755 浏览  0 评论   赞

JavaScript是网页的重要组成部分,随着网页交互设计的不断提升,JavaScript变得越来越大,优化以提升网页流畅度已经成为必不可少的操作

3个JavaScript优化的方法,提高网页流畅度

图655-1:JavaScript

减少重绘以及回流

1、 避免不必要的DOM操作;

2、 尽量避免改变的是class而不是style;

3、 避免使用document.write;

4、 减少drawimage.

尽量采用事件代理

尽量采用事件代理_3个JavaScript优化的方法,提高网页流畅度

图655-2:JavaScript优化

简单来说就是使用ID选择器,因为它快。避免批量的绑定事件。

优化touch事件

优化touch事件_3个JavaScript优化的方法,提高网页流畅度

图655-3:响应速度

也就是用touchstart、touchend来替代click。但要注意touch的局限性就是响应过快,从而会引起用户操作失误,导致用户体验降低

 

转载请注明:网创网 www.netcyw.cn/b655.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com