前言
Web Workers 是在HTML5中新增的,用来在web应用程序中实现后台处理的一种技术
在HTML4中,js创建的程序都是单线程的,如果花费时间比较长的话web界面就会长时间没有响应,最恶劣的情况还会跳出一个脚本提示框:
提示脚本运行时间过长,是否继续。。。。于是就引出了本文的主角:Web Workers API
使用这个API用户可以非常容易的创建在后台运行的线程,要创建后台程序很简单:
- var worker = new Worker('*.js');
- 注意:后台线程是不能访问页面或者窗口对象的
- 可以通过发送消息和接受消息与后台线程传递数据:
- worker.onmessage = function (e) {};
- worker.postMessage = function (e) {};
说一下求和:
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title></title>
- <script type="text/javascript">
- function calculate() {
- var num = 10000000000;
- var r = 0;
- for (var i = 1; i < num; i++) {
- r += i;
- }
- alert(r);
- }
- calculate();
- </script>
- </head>
- <body>
- </body>
- </html>
本文地址 : http://www.fengfly.com/plus/view-212673-1.html
标签: HTML5 Web Workers |