jQuery我应如何在多个html文件中实时搜索结果

Question

i have this Fiddle Here http://jsfiddle.net/kd6Y4/4/

which is getting div from a different page on same site and display it the problem is its working perfectly online like this direct link http://fiddle.jshell.net/kd6Y4/1/show/ search for hand or and in both

but there is a problem if i am searching a html file which is around 7 mb with more than 6000 div its hanging for around 20 seconds before giving results and sometime chrome closes when testing i want to load results from multiple html files at a time and in a way so that results should show instantly and realtime when the searching is being processed and also it should search multiple html files one after other and display results in chronological order please help

} http://jsfiddle.net/kd6Y4/4/

Answer 1

Javascript follows a single threading computational model. Going through that many divs will block the thread. To avoid this, you can use the parallel computational capabilities of modern processors.

Parallel.js is one such library that exploits this multi core capabilities of modern browsers.

Say you have 500 divs that needs to be searched.

var divs = getDivs();
var worker = new Parallel('search');

worker.spawn(function(divs){
  // do search here
  return result;
}).then(function(result){
  //display the result
});

Here we construct a new parallel worker with name 'search', We then spawn a job, passing in an anonymous function. This function receives the divs that needs to be searched, and returns the result.

Finally, call then to post/show the returned result.

Parallel depends on the webworker api , which defines an API for spawning background scripts in your web application. This allows you to fire up long-running scripts to handle computationally intensive tasks, but without blocking the UI or other scripts to handle user interactions.