草庐IT

worker-loader

全部标签

javascript - 使用Web Worker和D3.js异步生成图?

我目前正在解决一个问题,该问题要求我的Web应用程序生成一个代表大约50k到60k数据点的图表。它加载速度相当快(约6秒),但我想知道是否可以使用D3.js在WebWorker中生成图形,然后将SVG传回以加载到页面中。 最佳答案 WebWorker没有DOM访问权限,因此您在这方面所能做的就是构建可用于快速创建DOM的东西。例如,工作人员可以处理数据集并进行所有繁重的计算,然后将结果作为一组数组传回。 关于javascript-使用WebWorker和D3.js异步生成图?,我们在St

javascript - Webpack,less-loader - 意外的 token - 为什么?

我正在使用Webpack(在Windows环境中),我正在尝试使用less-loader和extract-text-webpack-plugin生成一个css文件。我的node_modules文件夹中还有less、webpack-core和webpack。在我的应用中我使用:require('./index.less');我的Webpack配置:constpath=require('path');constExtractTextPlugin=require("extract-text-webpack-plugin");module.exports={entry:['./app/inde

javascript - AS3 : How do I get dynamic loader URL from LoaderInfo in Event Listener Function?

我正在加载很多图片,并且正在使用一个数组来执行此操作。loader[i].load(newURLRequest(picture[i]));我的事件监听器功能是这样启用的:loader[i].contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);我的onComplete事件处理程序显示了这一点:trace(e.target);//OUTPUT:[objectLoaderInfo]我在LoaderInfo中寻找了一些属性,这些属性可能会识别哪个加载器启动了监听器(“i”的值),这样我就可以具体地处理每个加载器,如下所示:

javascript - Webpack [url/file-loader] 没有解析 URL 的相对路径

我在Webpack中遇到了一个关于相对路径的问题。让我试着解释一下这个场景:我在Workspace目录中有2个单独的项目:Project-A[使用Gulp捆绑]:稳定且有效项目-B[使用Webpack捆绑]:新项目由于这两个项目都使用相同的样式,所以我想重用ProjectA到ProjectB的SCSS文件[由标准变量、预定义布局、模态、类等组成].现在,如果我尝试将项目Aindex.scss导入项目Bindex.scss作为另一个部分[注释掉背景图像URL依赖性],webpack能够生成所需的CSS输出文件。//ImportProjectASCSS[CommonVaribles,Cla

javascript - Service Worker 和 AJAX

我正在尝试使用AJAX来检索我想在用户端显示的推送通知的详细信息,但它还不起作用。/***PushNotificationscodelab*Copyright2015GoogleInc.Allrightsreserved.**LicensedundertheApacheLicense,Version2.0(the"License");*youmaynotusethisfileexceptincompliancewiththeLicense.*YoumayobtainacopyoftheLicenseat**https://www.apache.org/licenses/LICENSE-

javascript - 在同一个域但不同的文件夹中使用多个 javascript 服务 worker

我的网站为每个客户提供了一系列网络应用程序。每个客户都有不同的应用组合可供使用。每个网络应用都托管在不同的文件夹中。所以我只需要为每个客户端缓存允许的Web应用程序,而不是缓存所有应用程序,其中许多应用程序是用户根本不会使用的。我天真地为网站的外壳创建了一个全局服务工作线程,并为每个文件夹或应用程序创建了自定义命名的服务工作线程。但是我注意到,在第一个serviceworker之后,比如sw_global.jsserviceworker成功注册、安装、激活、获取并创建了一个名为cache-global的缓存,第二个serviceworker,比如sw_app1,js,它创建了它自己的缓

javascript - 我应该在 service worker 中使用 self 还是 this ?

我在其他文档中看到了this作为共享worker上下文的用法,还有self。我应该使用哪一个? 最佳答案 self保证指向ServiceWorkerGlobalScope您可以在其中找到诸如clients,registrationorcachesandavarietyofeventhandlers之类的属性.另一方面,this遵循与JavaScript环境的其余部分相同的动态绑定(bind)规则。记住这一点并不重要,但我的建议是当你想专门引用全局上下文时使用self。 关于javascr

javascript - Service Worker 注册错误 : Unsupported MIME type ('text/html' )

我正在使用create-react-app用express服务器。create-react-app有一个预配置的ServiceWorker,可以缓存本地Assets(https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#making-a-progressive-web-app)。当我尝试在我的服务器上发布时遇到的问题是service-worker.js文件可用,但是当我尝试注册它时,我的浏览器控制台出现错误。在Firefox上,我遇到了这个错误

javascript - Chrome 没有加载最新版本的网络 worker 脚本(运行缓存版本)

如果我编辑网络worker脚本并刷新页面,网络worker脚本是一个缓存版本。我有理由相信这不是我的网络服务器,因为我可以立即加载所有其他文件的最新副本,即使重新启动网络服务器也无法解决问题。如果我重新启动chrome,它只会加载最新版本的webworker脚本,这是非常低效的,不用说!即使我重新启动chrome,它也不会修复它。我能做些什么来解决这个问题吗? 最佳答案 在我的LinuxChrome上,我必须右键单击(或长按)重新加载按钮并选择“清空缓存和硬重新加载”以获取最新版本 关于

javascript - 在 Safari Web Inspector 中调试 Web Worker

Chrome的开发工具非常适合调试网络worker,因为我可以“浏览”到该JavaScript环境并设置断点。甚至控制台也按预期工作。在Safari上,情况完全不同。来自WebWorker的console.log甚至不在控制台中打印。我看到加载了工作脚本并在其上设置了一个断点,但它没有中断。我什至没有看到用importScripts加载的脚本。如何使用Safari的WebInspector来解决问题?我认为这不重要,但我使用的是Safari8。 最佳答案 在源代码中插入调试器;代码用法:将它插入任何你想添加断点的地方,当开发者控制台