0

我正在将使用客户端 VBScript 的旧经典 ASP 应用程序升级到使用 jQuery 的更现代的框架。在这种情况下，我的 jQuery 替代品在 IE8 中的运行速度明显比之前的 VBScript 慢。这是我要替换的脚本：

Function Find()
  name = Ucase(MyForm.SearchBox.value)
  For x = 0 to MyForm.ComboBox.Length - 1
    If Ucase(Left(MyForm.ComboBox.options(x).text,len(name)))=name Then
      MyForm.ComboBox.options(x).Selected = True
      Exit Function
    End If
  Next
End Function

这是我的替代品：

var text = $('#SearchBox').val();
$('#ComboBox option').each(function () {
  if ($(this).text().toUpperCase().indexOf(text.toUpperCase()) == 0) {
    $(this).prop('selected', true);
    return false;
  }
});

运行 VBScript 完全没有延迟/冻结。用户可以随心所欲地键入并且搜索跟上。在同一台机器上，同样的数据，jQuery解决方案对文本的响应有非常明显的延迟；在搜索发生时，键盘输入似乎被冻结。

该元素是一个包含大约 3,500 个元素ComboBox的 HTML 。此方法在搜索框的事件上触发。selectoptionkeyup

我可以进行哪些优化以使这个 jQuery 运行速度与旧的 VBScript 一样快？

4

2 回答 2

0

给你，使用这条线，它应该加快速度：

var t = $('#SearchBox').val().toUpperCase();

$('#ComboBox > option[value="' + t + '"]').attr('selected', true);

这是我的 jsFiddle 在测试我的代码以获得这个结果时：

http://jsfiddle.net/YE3wG/

于 2012-09-18T14:49:29.483 回答
0

我最终对排序选项实施了二进制搜索。我猜 jQuery 引擎在 IE8 上的效率不如 VBScript 引擎在这种类型的搜索上。

var searchFoo = function(text) {
    var searchFor = text.toUpperCase();
    var options = $('#ComboBox > option');

    var low = 0;
    var mid;
    var high = options.length - 1;
    var target;

    while (low <= high) {
        mid = Math.ceil(low + (high - low) / 2);
        target =
          options.eq(mid).text().toUpperCase().substring(0, searchFor.length);

        if (searchFor < target) {
            high = mid - 1;
        } else if (searchFor > target) {
            low = mid + 1;
        } else {
            // We found an option that matches. We want the *first* option that
            // matches, so search up through the array while they still match.
            while (mid > 0) {
                target =
                  options.eq(mid - 1).text().toUpperCase()
                         .substring(0, searchFor.length);
                if (searchFor == target) {
                    mid--;
                } else {
                    return options.eq(mid);
                }
            }
            return options.eq(mid);
        }
    }

    return null;
}
于 2012-09-24T16:37:45.130 回答