I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...
Now that you have posted the link to the source, you can see in the comments at the top of the file exactly what it does (line 36):
ReplyDeletethe <| operator -- defines the [[Prototype]] of a literal...
For these examples <| used with a function expression sets the
[[Prototype]] of the object created as the value of the function's
"prototype" property to the value of the "prototype" property of the
the LHS object. This is in addition to setting the [[Prototype]] of
the function object itself. In other words, it builds sets the
[[Prototype]] of both the function and of function.prototype to
potentially different values.
That throws a syntax error for me ("unexpected token" on the "|")
ReplyDeleteFor A complete list of javascript operators go here
It means syntax error - invalid JavaScript construct.
ReplyDeleteThere's no "<|". I think it's a mistake and there should be "||".
ReplyDelete