草庐IT

时不时

全部标签

javascript - d3.js transition() 在浏览器最小化时不起作用

transition()选择,当新数据进入时,我用来移动svg元素的位置,在浏览器窗口中完美运行已打开,但当我打开另一个选项卡或最小化窗口时,transition()函数会将svg元素堆叠在一起。当我打开窗口时,我看到svg元素堆叠在一起。exit()选择移出屏幕。 最佳答案 D3usesrequestAnimationFrame以实现流畅高效的绘图。这是moreinfo关于这个话题。许多人的基本问题是,当窗口/选项卡处于后台时,页面呈现“进入休眠模式”并且不提供“动画帧”,即浏览器将停止绘制。您可以使用浏览器解决这个“问题”vis

javascript - 位置重定向到 "sms:123454"在页面加载时不起作用

以下是我在用户使用移动浏览器时将位置重定向到SMS应用程序的代码-window.onload=function(){window.location="sms:12345?body="+encodeURIComponent("TEST");}此代码在移动设备上运行时在JSfiddle上完美运行JSFiddle链接-https://jsfiddle.net/netstarter/rwqyp2tn/1/ 最佳答案 最简单和适当的方法是创建一个隐藏链接并直接触发它。window.onload=()=>{letelement=document

javascript - react-chartjs-2 状态更新时不更新图形

我正在创建一个仪表板应用程序,它从端点获取数据并使用setState方法将端点返回的JSON中的变量分配给状态变量。当我更改状态时,某些组件(如“react-svg-gauge”)将更新,但“react-chartjs-2”不会更新。下面的代码是我的状态如何在我的实际应用程序中变化的示例。此示例将在chrome开发人员控制台中显示状态变量的正确值,但不会相应地更新DOM。importReact,{Component}from'react';import{Doughnut}from'react-chartjs-2';classDoughnutExampleextendsComponent

javascript - 隐藏父容器时不呈现浮点图

我遇到了一个问题,即float图无法在选项卡式界面中呈现,因为占位符div是带有“display:none”的div的子元素。将显示坐标轴,但没有图形内容。为了解决这个问题,我编写了下面的javascript函数作为plot函数的包装器。它可能对其他人做类似的事情有用。functionsafePlot(placeholderDiv,data,options){//Movethegraphplaceholdertothehiddenloader//divtorendervarparentContainer=placeholderDiv.parent();$('#graphLoaderDi

javascript - window.location.href 在表单提交时不起作用

所以我有一个表单,onsubmit="returnreg_check(this)"其中reg_check()是header中的一个javascript函数,它应该检查表单数据,因为它的任务之一是检查用户名是否在需要php的数据库中,所以我想重定向到执行此任务的php页面。问题是:window.location.href不工作!这是函数(简化版),当然main.php只是我得到的一个随机页面:functionreg_check(myForm){alert("beforeredirect..");window.location.href="http://localhost/main.php

javascript - PhantomJS 在观看 YouTube 视频时不模仿浏览器行为

我一周前将这个问题发布到PhantomJS邮件列表,但没有得到任何回复。希望在这里有更好的运气......我一直在尝试使用PhantomJS从YouTube上抓取信息,但一直无法正常工作。考虑通过iframe元素将YouTube视频嵌入到网页中。如果将src属性引用的URL直接加载到浏览器中,您将获得视频的整页版本,其中视频封装在embed元素中。embed元素不存在于初始页面内容中;相反,页面上的某些脚本标记会导致对某些Javascript进行评估,最终将嵌入元素添加到DOM中。我希望能够在它出现时访问此嵌入元素,但当我在PhantomJS中加载页面时它从未出现。这是我使用的代码:v

javascript - 在调用函数时不熟悉方括号的使用

在这个page的中间,我找到下面的代码。varplus=function(x,y){returnx+y};varminus=function(x,y){returnx-y};varoperations={'+':plus,'-':minus};varcalculate=function(x,y,operation){returnoperations[operation](x,y);}calculate(38,4,'+');calculate(47,3,'-');虽然我可以追踪它是如何工作的,但我以前从未见过这种方括号的用法。它看起来肯定不像是在创建一个数组或引用一个数组的成员。这很常见

javascript - 使用 cors 从 aws s3 加载的 Canvas 元素和图像在第一次加载时不起作用

所以我在我的AWSS3存储桶上设置了cors:*GET在我的html中在我的javascript中,我正在加载图像并将其放入Canvas图像中。varoutlineImage=newImage();outlineImage.crossOrigin='';outlineImage.src=drawing_image;outlineImage.onload=function(){varcanvasDiv=document.getElementById('explain_canvas');varcanvas=document.createElement('canvas');canvas.se

javascript - AngularJS 在范围更改时不更新模板变量

这将是那些对专家来说非常明显的愚蠢问题之一。我有一个websocket将数据推送到我试图存储数据的服务,并通过我的Controller将其推送到模板。数据正在传入并更新变量,但UI仅更新是我对该数据执行操作:services.factory('Summary',['$q','$rootScope','$http','$location',function($q,$rootScope,$http,$location){varService={};Service.dataObj={};Service.dataObj.d={"gello":"goodbye"};....functionlis

javascript - Vue Chart.js - 图表在数据更改时不更新

我正在使用Vue.js和Chart.js绘制一些图表。每次调用函数generateChart()时,图表都不会自动更新。当我检查VueDevtools中的数据时,它们是正确的,但图表没有反射(reflect)数据。但是,当我调整窗口大小时图表会更新。我的做法有什么问题吗?如何在每次调用generateChart()时更新图表?我觉得这将与object和array变更检测注意事项相关,但我不确定该怎么做。https://codepen.io/anon/pen/bWRVKB?editors=1010exportdefault{data(){constself=this;return{dat