seajs-worker 插件：无缝&模块化的 Web Worker 开发
akfish · akfish · 2014-08-01 15:48:40 +08:00 · 2591 次点击这是一个创建于 3770 天前的主题，其中的信息可能已经有所发展或是发生改变。
Web Worker是HTML5标准增加的多线程方案，直接使用web worker的API开发是一件比较麻烦的事：
* Worker脚本必须放在单独的文件里（虽然可以用blob inline worker，但是IE10/11不支持，并且官方也没有修改的意思）
* Worker和浏览器脚本需要通过message通信
* 不利于模块化开发，不管是AMD还是CMD模块，都不能直接通过importScripts载入运行
RequireJS支持web worker，可以在worker脚本一开头importScript('path/to/require.js')，然后就愉快的一路AMD了（当然依然要message通信）。
而我最近项目里在使用的sea.js不支持，为了解决这个问题，前几天陆续向sea.js发了几个pull request，给sea.js增加了web worker支持。
在变更得到merge过后，更进一步的折腾了下，把web worker的API封装了一遍，写了seajs-worker这个插件，实现了真正无缝的开发。开发者不需要关心worker的创建、生命周期管理，也不需要通过消息通信，而是直接通过清晰的异步方法调用。
博文：
http://catx.me/2014/07/31/seajs-worker-seamless-and-modular-web-worker/
GitHub：
https://github.com/akfish/seajs-worker
Demo：
http://catx.me/seajs-worker/example/
SpecRunner：
http://catx.me/seajs-worker/tests/SpecRunner.html
文档：
http://catx.me/seajs-worker/doc/
Demo里面实现了和这篇文章一样的功能，便于对比有缝和无缝的区别：
http://blogs.msdn.com/b/eternalcoding/archive/2012/09/20/using-web-workers-to-improve-performance-of-image-manipulation.aspx
* Worker脚本必须放在单独的文件里（虽然可以用blob inline worker，但是IE10/11不支持，并且官方也没有修改的意思）
* Worker和浏览器脚本需要通过message通信
* 不利于模块化开发，不管是AMD还是CMD模块，都不能直接通过importScripts载入运行
RequireJS支持web worker，可以在worker脚本一开头importScript('path/to/require.js')，然后就愉快的一路AMD了（当然依然要message通信）。
而我最近项目里在使用的sea.js不支持，为了解决这个问题，前几天陆续向sea.js发了几个pull request，给sea.js增加了web worker支持。
在变更得到merge过后，更进一步的折腾了下，把web worker的API封装了一遍，写了seajs-worker这个插件，实现了真正无缝的开发。开发者不需要关心worker的创建、生命周期管理，也不需要通过消息通信，而是直接通过清晰的异步方法调用。
博文：
http://catx.me/2014/07/31/seajs-worker-seamless-and-modular-web-worker/
GitHub：
https://github.com/akfish/seajs-worker
Demo：
http://catx.me/seajs-worker/example/
SpecRunner：
http://catx.me/seajs-worker/tests/SpecRunner.html
文档：
http://catx.me/seajs-worker/doc/
Demo里面实现了和这篇文章一样的功能，便于对比有缝和无缝的区别：
http://blogs.msdn.com/b/eternalcoding/archive/2012/09/20/using-web-workers-to-improve-performance-of-image-manipulation.aspx
目前尚无回复
Select Language