草庐IT

javascript - 为什么我的 D3 线图显示每个实体的黑色区域?

我制作了一个网络爬虫,它获取有关不同银行的货币转账率的数据,并在D3线图中显示随时间变化的数据(每家银行都有一条线,汇率是每天)。cronjob服务器端确保每天进行抓取。在前端,它使用D3.json从这个url获取数据:http://rateswebscraper.herokuapp.com/rates我制作了折线图,但它显示的不是每个银行的线,而是黑色区域,请参见下面的屏幕截图:这是我的代码:/*globald3*/varmargin={top:20,right:50,bottom:20,left:50};varw=1000-margin.left-margin.right,h=50

javascript - Service Worker : cache. 匹配(请求)返回未定义

我有一个简单的serviceworker,它将两个资源(index.html、app.js)添加到缓存(安装时),删除旧缓存(激活时),如果存在则从缓存中提供资源,否则从网络(获取时)。为了注册新的serviceworker并删除旧的缓存,我在CACHE_NAME中增加了新资源的每个版本的版本号:varCACHE_NAME='test-cache-v4';varurlsToCache=['./','./app.js'];self.addEventListener('install',function(event){event.waitUntil(caches.open(CACHE_NA

javascript - 为什么在使用 fetch API 时请求显示在 chrome 工具的 "Other"选项卡(而不是 XHR)

所以我想使用fetchAPI没关系,但是用它发出的所有请求都属于GoogleChrome中的“其他”部分。我希望将它们放在XHR部分。这是我用于这些请求的http.js服务。import'whatwg-fetch'importAuthfrom'./Auth';importUrlfrom'url-parse';constAPI_URL=process.env.API_URLconsthttp={get:get,getAuthed:getAuthed,post:post,postAuthed:postAuthed,getDefaultHeaders:getDefaultHeaders,ge

javascript - 如何通过嵌套正确链接 Promises

我的Node项目目前包含一个嵌套回调的横向圣诞树,以便获取数据并以正确的顺序处理它们。现在我正在尝试使用Promises重构它,但我不确定如何正确地进行重构。假设我正在获取一个办公室列表,然后是每个办公室的所有员工,然后是每个员工的薪水。最后,所有实体(办公室、员工和薪水)都应该链接在一起并存储在数据库中。一些伪代码说明了我当前的代码(省略了错误处理):fetch(officesEndpoint,function(data,response){parse(data,function(err,offices){offices.forEach(function(office){save(o

javascript - AngularJS 多重解析

这是我的ui-router特定路由的配置state('app.merchant',{url:'/start/merchant',views:{'mainView':{templateUrl:"partials/start_merchant.html"}},css:['assets/vendor/bootstrap/dist/css/bootstrap.css','assets/css/styles.css','assets/css/plugins.css'],title:'Buttons',resolve:{userRequired:userRequired,}resolve:load

javascript - 使用 D3.js 的分组堆栈图

我是D3的新手,遇到了一些问题。想知道是否有人可以提供帮助。我正在尝试使用d3创建分组堆栈图。该图的性质是每组有2个柱,第二个柱的值取决于第一个柱。我希望第二个栏是我在第一个栏上的分割。一个简单的例子是,如果第一条上的值是{x:0,y:3,y0:0},第二条应该是{x:0,y:1,y0:0},{x:0,y:1,y0:1},{x:0,y:1,y0:2}因此对于第一个条形图绘制的数据:{"series":"A","values":[{"x":0,"y":1,},{"x":1,"y":2,},{"x":2,"y":3,},{"x":3,"y":1,},{"x":4,"y":3,}]},{"s

javascript - stripe firebase 函数设置默认付款

我正在尝试通过firebase函数将添加到strip的最后一张卡片设置为默认卡片,但我似乎无法让它工作。//Addapaymentsource(card)forauserbywritingastripepaymentsourcetokentoRealtimedatabaseexports.addPaymentSource=functions.database.ref('/users/{userId}/sources/{pushId}/token').onWrite(event=>{constsource=event.data.val();if(source===null)returnn

javascript - 如何为 JavaScript 选择 OO 设计模式

我所说的OO是指经典的OO。我一直在定义我的“类”(javascript没有传统类)之间来回切换,使用模块模式提供隐私和使用对象字面量创建“公共(public)静态”集合。当我创建“类”时,我没有指导力来确定要使用的组织类型。好吧,除了我的代码在没有设置任何选项的情况下同时通过了jshint和jslint。我正在处理大约1500行代码,因此在代码变得无法管理并且我不得不废弃它之前我需要一个“指导力量”。我很清楚在JavaScript中编写“类”的不同方式。由AlexMacCaw编写的JavaScriptWeb应用程序教授的内容以及此处列出的多种方法。但是,在应用程序方面,我只是不知道该

javascript - 使用 onbeforeunload 时抑制确认对话框

我正在使用onbeforeunload事件发送ajax请求来执行一些清理任务。当我使用onbeforeunload时,它会在关闭选项卡时显示确认对话框。我想要的是不显示任何确认对话框,只发送清理请求。以下是我正在使用的脚本。window.onbeforeunload=unloadFunction;functionunloadFunction(){vartest_id=$('#test_id').val();jQuery.ajax({url:"/test/cleanup/"+test_id,cache:false}).done(function(){returnfalse;});retu

javascript - 限制正在运行的 promise 的并发

我正在寻找一个promise函数包装器,它可以在给定的promise运行时限制/节流,以便在给定的时间只运行一定数量的promise。在下面的例子中,delayPromise永远不会同时运行,它们应该以先到先得的顺序一次运行一个。importPromisefrom'bluebird'function_delayPromise(seconds,str){console.log(str)returnPromise.delay(seconds)}letdelayPromise=limitConcurrency(_delayPromise,1)asyncfunctiona(){awaitdel