我已经完成了一个 HTML 表单,它在许多不同的选项卡中有很多问题(来自数据库)。然后用户给出这些问题的答案。每次用户更改选项卡时,我的 Javascript 都会创建一个保存。问题是每次更改选项卡时我都必须遍历所有问题,并且每次都会卡住表单大约 5 秒钟。
我一直在寻找如何在后台运行保存功能的答案。显然没有真正的方法可以在后台运行某些东西,许多人建议使用 setTimeout(); 例如这个 How to get a group of js function running in background
但是这些例子都没有解释或考虑到即使我使用像 setTimeout(saveFunction, 2000); 这样的东西也不能解决我的问题。在这种情况下,它只会延迟 2 秒。
有没有办法解决这个问题?
最佳答案
您可以使用 web workers .这里的一些较旧的答案说它们没有得到广泛支持(我猜他们在写这些答案时没有得到广泛支持),但今天 they're supported by all major browsers .
要运行 Web Worker,您需要创建内置 Worker 类的实例。构造函数接受一个参数,它是包含要在后台运行的代码的 javascript 文件的 URI。例如:
let worker = new Worker("/path/to/script.js");
Web worker 遵循同源策略,因此如果您传递这样的路径,目标脚本必须与调用它的页面位于同一域中。
如果您不想为此创建一个新的 Javascript 文件,您还可以使用数据 URI:
let worker = new Worker(
`data:text/javascript,
//Enter Javascript code here
`
);
由于同源策略,您不能从数据 URI 发送 AJAX 请求,因此如果您需要在 Web Worker 中发送 AJAX 请求,则必须使用单独的 Javascript 文件。
您指定的代码(在单独的文件或数据 URI 中)将在您调用 Worker 构造函数后立即运行。
不幸的是,网络 worker 既不能访问外部 Javascript 变量、函数或类,也不能访问 DOM,但是您可以使用 postMessage 方法和 onmessage 来解决这个问题 事件。在外部代码中,这些是 worker 对象的成员(上面示例中的 worker),在 worker 内部,这些是全局上下文的成员(因此它们可以通过使用 this 或前面什么都没有的那种)。
postMessage 和 onmessage 都是双向工作的,所以当在外部代码中调用 worker.postMessage 时,onmessage 在 worker 中触发,当在 worker 中调用 postMessage 时,在外部代码中触发 worker.onmessage。
postMessage 接受一个参数,即您要传递的变量(但您可以通过传递一个数组来传递多个变量)。不幸的是,无法传递函数和 DOM 元素,当您尝试传递一个对象时,只会传递它的属性,而不是它的方法。
onmessage 接受一个参数,它是一个 MessageEvent 对象。 MessageEvent 对象有一个 data 属性,它包含使用 postMessage 的第一个参数发送的数据。
这是一个使用网络 worker 的例子。在这个例子中,我们有一个函数,functionThatTakesLongTime,它接受一个参数并根据该参数返回一个值,我们想使用网络 worker 来找到functionThatTakesLongTime(foo) 不卡住 UI,其中 foo 是外部代码中的某个变量。
let worker = new Worker(
`data:text/javascript,
function functionThatTakesLongTime(someArgument){
//There are obviously faster ways to do this, I made this function slow on purpose just for the example.
for(let i = 0; i < 1000000000; i++){
someArgument++;
}
return someArgument;
}
onmessage = function(event){ //This will be called when worker.postMessage is called in the outside code.
let foo = event.data; //Get the argument that was passed from the outside code, in this case foo.
let result = functionThatTakesLongTime(foo); //Find the result. This will take long time but it doesn't matter since it's called in the worker.
postMessage(result); //Send the result to the outside code.
};
`
);
worker.onmessage = function(event){ //Get the result from the worker. This code will be called when postMessage is called in the worker.
alert("The result is " + event.data);
}
worker.postMessage(foo); //Send foo to the worker (here foo is just some variable that was defined somewhere previously).
关于javascript - 如何在 "background"/不卡住 UI 中运行 javascript 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18894830/
出于纯粹的兴趣,我很好奇如何按顺序创建PI,而不是在过程结果之后生成数字,而是让数字在过程本身生成时显示。如果是这种情况,那么数字可以自行产生,我可以对以前看到的数字实现垃圾收集,从而创建一个无限系列。结果只是在Pi系列之后每秒生成一个数字。这是我通过互联网筛选的结果:这是流行的计算机友好算法,类机器算法:defarccot(x,unity)xpow=unity/xn=1sign=1sum=0loopdoterm=xpow/nbreakifterm==0sum+=sign*(xpow/n)xpow/=x*xn+=2sign=-signendsumenddefcalc_pi(digits
我正在使用i18n从头开始构建一个多语言网络应用程序,虽然我自己可以处理一大堆yml文件,但我说的语言(非常)有限,最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器,其中一些翻译器不愿意或无法处理存储库中的100多个文件,处理语言数据。谢谢&问候,安德拉斯(如果您已经在rubyonrails-talk上遇到了这个问题,我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi
我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身,new.html.erb,有代码:当我运行rspec时,它失败了:1)messages/new.html.erbshou
我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-
如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
为了将Cucumber用于命令行脚本,我按照提供的说明安装了arubagem。它在我的Gemfile中,我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作,我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了,但失败的原因是错误的:@announceScenario:Testingcucumber/ar
exe应该在我打开页面时运行。异步进程需要运行。有什么方法可以在ruby中使用两个参数异步运行exe吗?我已经尝试过ruby命令-system()、exec()但它正在等待过程完成。我需要用参数启动exe,无需等待进程完成是否有任何rubygems会支持我的问题? 最佳答案 您可以使用Process.spawn和Process.wait2:pid=Process.spawn'your.exe','--option'#Later...pid,status=Process.wait2pid您的程序将作为解释器的子进程执行。除
鉴于我有以下迁移:Sequel.migrationdoupdoalter_table:usersdoadd_column:is_admin,:default=>falseend#SequelrunsaDESCRIBEtablestatement,whenthemodelisloaded.#Atthispoint,itdoesnotknowthatusershaveais_adminflag.#Soitfails.@user=User.find(:email=>"admin@fancy-startup.example")@user.is_admin=true@user.save!ende
我正在为一个项目制作一个简单的shell,我希望像在Bash中一样解析参数字符串。foobar"helloworld"fooz应该变成:["foo","bar","helloworld","fooz"]等等。到目前为止,我一直在使用CSV::parse_line,将列分隔符设置为""和.compact输出。问题是我现在必须选择是要支持单引号还是双引号。CSV不支持超过一个分隔符。Python有一个名为shlex的模块:>>>shlex.split("Test'helloworld'foo")['Test','helloworld','foo']>>>shlex.split('Test"