首页 > 软件开发 > JQUERY >

如何编写高效jQuery代码

来源:互联网 2023-03-17 00:52:08 339

jQuery开源库的出现,方便了我们的使用,但是毕竟是一个基于javascript的库,不能取代原生的速度,如何加快代码的速度这是一个优化点。q5p办公区 - 实用经验教程分享!

工具/原料

  • jQuery
  • javascript

方法/步骤

  • 1

    原生方法可以使用的场合 ,尽量少用jQueryq5p办公区 - 实用经验教程分享!

    如何编写高效jQuery代码q5p办公区 - 实用经验教程分享!

  • 2

    jQuery方法都有两个版本,一个是供jQuery对象使用,另一个是供jQuery函数使用。由于后面的不通过jQuery对象操作,所以相对占用较小,速度比较快。q5p办公区 - 实用经验教程分享!

    如何编写高效jQuery代码q5p办公区 - 实用经验教程分享!

  • 3

    查找DOM元素实际上有不小的内存开销,使用选择器的次数应该越少越好,并且尽可能缓存选中的结果,便于以后反复使用。记住,永远不要让相同的选择器出现多次。q5p办公区 - 实用经验教程分享!

    如何编写高效jQuery代码q5p办公区 - 实用经验教程分享!

  • 4

    如果要多次改动DOM结构,就先把要改动的部分先取出来,改动完成后再放回去。这里的基本思想是在内存中建立你确实想要的东西,最后做一次最有效的更新DOM操作。q5p办公区 - 实用经验教程分享!

    如何编写高效jQuery代码q5p办公区 - 实用经验教程分享!

  • 4本页面未经许可获取自百度经验
  • 5

    jQuery代码中不免夹杂有JS代码,规定好的命名规则能更好的提高代码的阅读性。q5p办公区 - 实用经验教程分享!

    遵循骆驼命名法,首字母小写,单词首字母大写,尽量短而且明确表达方法的用意。q5p办公区 - 实用经验教程分享!

    如何编写高效jQuery代码q5p办公区 - 实用经验教程分享!

  • 注意事项

    • 注意下载javascript的jQuery的库
    • 注意使用原生javascript

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!q5p办公区 - 实用经验教程分享!


    标签: JQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码