代码之家  ›  专栏  ›  技术社区  ›  Russell

jQuery/Javascript框架效率

  •  1
  • Russell  · 技术社区  · 16 年前

    我的最新项目是使用javascript框架(jQuery)和一些插件(validation、jqueryui、datepicker、facebox等等)来帮助创建一个现代web应用程序。

    我现在发现页面加载速度比以前慢。经过一些js分析(感谢VS2010!),似乎很多时间都花在了框架内部的处理上。

    其他人是否在使用JS框架时经历了一些额外的延迟? 有没有关于使用JS框架实现的最佳实践?

    谢谢

    1 回复  |  直到 16 年前
        1
  •  3
  •   Russ Cam    16 年前

    我个人的想法是在有意义的地方使用框架方法和工具,使生活更轻松,例如选择器和解决跨浏览器的怪癖,在不需要使用框架方法的地方使用普通的老式JavaScript,例如在简单的循环中。

    我会检查并反复检查您拥有的使用框架的代码,以确保它能够尽可能好地执行;以一种糟糕的方式使用一个框架太容易了,有时只有在对其进行分析之后才能发现这一点:)

    编辑:

    关于使用jQuery的一些一般要点:

    find() , filter() next() , prev() etc来过滤集合,以获取使用其他选择器函数获取的相关元素。

    2.在函数内部,不要不必要地在jQuery对象中包装对象。如果有一种跨浏览器访问对象属性值的方法是可靠的,则使用该方法。例如,文本输入HTMLElement的value属性

    $('input:text').each(function() {
        // use
        this.value
    
        // don't worry about this
        $(this).val();
     });