草庐IT

【css】svg修改图标颜色

全部标签

javascript - Node.js HTTP 代理修改主体

我想编写能够修改响应正文的Node.jshttp代理。到目前为止我已经这样做了:http=require('http'),httpProxy=require('http-proxy');varproxy=httpProxy.createProxyServer();http.createServer(function(req,res){//hereIwanttochangethebodyIguessproxy.web(req,res,{target:req.url});}).listen(8013);我曾尝试使用res.write(),但它给我一个错误“发送后无法设置header”。好吧

javascript - 我可以使用 Javascript 为同一个 CSS 属性设置多个值吗?

我想以编程方式将CSScursor值设置为-webkit-grab和-moz-grab。例如,在样式表中,它将表示为mySelector{cursor:-webkit-grab;cursor:-moz-grab;}所以在这里,mySelector元素定义了两次光标。Webkit浏览器使用第一个定义,Firefox使用第二个。我想知道Javascript中是否有任何方法可以做同样的事情。我意识到我可以设置一个类(class),但我的问题更多是出于好奇,看看是否可行,而不是解决我目前遇到的现实问题。编辑澄清一下-我发布的CSS(尽管有一个有效的选择器)在两种浏览器中都有效。我只是想知道是否

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - 修改 DOM 元素和限制回流的最有效方法是什么?

当使用具有潜在大型JS库、View模板、验证、ajax、动画等的非常动态的UI(想想单页应用程序)时......有哪些策略可以帮助最大程度地减少或减少浏览器花费的时间回流焊?例如,我们知道有很多方法可以完成DIV大小的更改,但是是否有应该避免的技术(从回流的Angular来看)以及浏览器之间的结果有何不同?这是一个具体的例子:给出了一个简单的示例,其中包含3种不同的方法来在调整窗口大小时控制DIV的大小,应该使用哪种方法来最大程度地减少回流?http://jsfiddle.net/xDaevax/v7ex7m6v///Method1:PureJavascriptfunctionresi

javascript - 如何在运动路径上有效地反转 SVG (SMIL) 动画?

我正在尝试确定如何有效地反转此SVG动画(使用SMIL),它使用animateMotion和path上的d属性元素。我需要动画围绕形状逆时针运行。当前动画可以查here相关代码如下。document.getElementById("svgobject").pauseAnimations();STARTSTOP我明白我可以手动反转SVG路径数据命令,包括moveto(M,m)、lineto(L,l)、curveto(C,c)等。考虑到我需要反转的路径坐标数量(除了这个动画中的那些),我正在尝试确定是否有更有效的方法来执行此操作。 最佳答案

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 检查 CSS 选择器是否有效

我有一个供用户输入CSS选择器的字段,我想检查它是否有效(根据css3specification)。我尝试使用css3specification中的表达式正如anotherstackoverflowtopic中所建议的那样,但它不起作用-我构建的正则表达式与有效的选择器不匹配。我现在所拥有的只是:try{document.querySelector(selector);}catch(e){//handlebadinput}但这似乎不是一个好的解决方案-querySelector函数是为获取元素而设计的,检查选择器只是一个副作用。此外,它不提供有关选择器问题的任何信息。我正在寻找类似do

javascript - 本地修改数据的 Firebase 同步 : handling errors & global status

我有两个关于Firebasewebplatform的相关问题的synchronisationoflocally-modifieddatatotheserver:EveryclientsharingaFirebasedatabasemaintainsitsowninternalversionofanyactivedata.Whendataisupdatedorsaved,itiswrittentothislocalversionofthedatabase.TheFirebaseclientthensynchronizesthatdatawiththeFirebaseserversandw

javascript - 如何从填充的 SVG 路径中删除形状

我有这个fiddle:https://jsfiddle.net/thatOneGuy/1spn8nne/1/这有两条路径,目前,它们只是矩形,但实际上是复杂的形状。我使用此代码创建了两个带有“孔”的矩形:createRects(dataPointsPath2,'blue');createHoles(dataPointsCircle2);createRects(dataPointsPath1,'red');createHoles(dataPointsCircle1);我需要的是从填充路径中移除孔,以便您可以看到它后面的矩形。如何从填充路径中删除形状(圆形)?编辑我刚刚意识到,剪辑路径可能

javascript - 删除类时如何避免 css 转换(旋转)?

我想通过向其添加CSS类来旋转元素onclick。问题是,当删除相同的CSS类时,元素会第二次旋转。fiddle:https://jsfiddle.net/L3x2zhd1/1/JS:varel=document.getElementById('el');el.onclick=function(){el.className='rotate'setTimeout(function(){el.className=''},1000)};CSS:#el{width:50px;height:50px;background-color:red;-webkit-transition:-webkit-