C#136课的主要内容

今天主要学习了一下知识内容：

         HTML Web Workers

          Web worker是运行在后台的JavaScript,不会影响页面的性能

          什么是Web Worker?

           当在HTML页面中执行脚本時，页面是不可相应的，直到脚本已完成。

            Web worker是运行在后台的JavaScript,独立于其他脚本，不会影响页面的性能。你可以继续做任何愿意作的事情：点击，选取内容等等，而此时web worker 运行在后台。

            浏览器支持

            表格中的数字指示完全支持web Worker 的首个浏览器版本

           html WebWorkers 实例

            下面的例子创建了一个简单的web worker,在后台计数：

            检测Web Work支持

             在创建Web worker之前，请检测用户浏览器是否支持它：

             创建Web Worker文件

           现在，让我们在一个外部JavaScript文件中创建我们的web worker.

           在此处，我们创建了计数脚本，該脚本存储于“demo_workers.js“文件中：

           以上代码中重要的部分是postMessage()方法-它用于向html页面传回一段消息。

           注释：web worker 通常不用于如此 简单的脚本，而是用于更耗费CPU资源的任务。

            创建Web Worker对象

             现在我们已经有了Web worker文件，我们需要从html 页面调用它。

             下面的代码行检测是否存在worker,如果不存在，它会创建一个新的Web worker 对向，然后运行“demo_workers ,js”中的代码：

             终止Web Worker

             当创建Web worke后它会继续监听消息直到其被终止为止。

               如需终止web worker,并释放浏览器计算机资源，请使用terminate()方法：

                复用Web Worker

               如果你把worker变量设置为undefined，在其被终止后，可以重复使用該代码

             完整的WebWorker 实例代码

               web Worker和DOM

               由于web worker位于外部文件中，它们无法访问下列JavaScript对象

                window对象

                 document对象

                   parent对象