草庐IT

ml5.js$HTML$工具

全部标签

javascript - 如何在整个 DOM 中查询与某些计算样式匹配的元素? (纯js)

例如,我想找到所有具有computed样式position:fixed;的元素。如何在不增加CPU负载的情况下完成?迭代每个getElementsByTagName('*')然后执行循环是唯一的方法吗? 最佳答案 不是选择所有(*)元素,而是使用getComputedStyle+getPropertyValue,您可以按照以下步骤操作:遍历所有CSS规则(通过document.styleSheets[1])并获取包含的选择器位置:固定。选择所有style属性包含position:fixed的元素。使用document.querySe

javascript - 如何从嵌入式 svg 调用父 html 文档中的函数

我对svg很陌生,我必须用它执行任务,但我遇到了很多麻烦。我有一个svg(例如map),其中包含由路径定义的区域。我的目标是触发onClick一个svg外部的函数来做一些事情(例如,通过ajax检索一些与所选区域相关的人数据,并将它们显示在html页面中的svg之外)。我无法做到的是从svg中的元素触发在svg外部定义的函数。如果我添加svg内联,我可以做到这一点,但我需要使用嵌入标签使其与ieAdob​​e插件一起工作。有什么建议吗?提前致谢。 最佳答案 参见thisexample.svg中的代码如下所示:document.get

javascript - Rangy (JS/jQuery) 拆分节点

如何在某个位置(选择)拆分节点/元素。例如我有这个标记:Thisisate|st,youlike?(这个管道代表位置/选择)我想把它转换成:Thisisate|st,youlike?维护选择。有什么想法吗?我使用Rangy库,还有jQuery,但如果适用,可以使用原始JS。 最佳答案 您可以通过创建一个从插入符号延伸到紧接段落之后的点的范围并使用它的extractContents()来做到这一点。方法。现场演示:http://jsfiddle.net/timdown/rr9qs/2/代码:varsel=rangy.getSelect

javascript - 如何增加 highchart.js 图表上 x 轴标签区域的高度?

我有一个由highcharts.js创建的简单折线图。我在x轴(30)上有很多刻度线,所以我将stagger设置为2来处理水平相互重叠的标记。然而,x轴刻度标签的下一行在图表末尾被chop。无论我将图表制作多高,x轴刻度标记标签的下一行都会被chop。我怎样才能增加这个区域的高度来解决这个问题?还是有其他方法?month_chart=newHighcharts.Chart({chart:{borderRadius:0,height:chart_height,marginRight:30,marginBottom:25,renderTo:'leads-by-month',type:'li

javascript - 在 Node.js (Express) Facebook Canvas 应用程序中获取 signed_request

有什么方法可以在Node.jsFacebook页面选项卡应用程序中获取和解析signed_request?我需要知道页面ID以及用户是否喜欢该页面... 最佳答案 我刚才做了这个,最后写了一个小库来做这件事。原始CoffeeScript可以在https://gist.github.com/fbef51815ab6f062b51a#file_signed_request.coffee找到。,这是一个JavaScript翻译:varcrypto=require('crypto');SignedRequest=(function(){fu

javascript - d3.js 中的地理图表

我正在寻找一些指导或示例,了解如何在d3.js中制作地理图表。我需要类似thisone的东西在谷歌图表中,并转向d3.js因为我需要一些定制。到目前为止,我找到的最接近的d3.js样本是this但是那里的代码很长,我希望找到更简单的东西。 最佳答案 您在寻找等值线图吗?这是一个recentexamplein28linesofcode.此示例使用默认投影d3.geo.albersUsa,这是美国包括阿拉斯加、夏威夷和波多黎各的综合预测。如果你想改变可见区域,你可能还想改变投影;d3.geo.albers适用于分区统计图,因为它是等面积

javascript - Google 图表工具 - 重叠标签

我正在使用Google图表工具显示一个简单的折线图,无论我如何设置“图例”参数,标签重叠的原因不明。在下面的屏幕截图中,您可以看到legend:{position:'in',alignment:'center'}的结果。如何解决这个问题? 最佳答案 "..whenpeoplegenerallycomplainaboutlabelsoverlapping,that'sduetoattemptingtodrawinaninvisiblecontainer.Wecurrentlydonotsupportthis,soyouneedtoma

javascript - 如何使用 d3.js 创建趋势/指数回归线?

我正在尝试创建一条曲线来显示图表中的数据趋势,但我不知道如何生成必要的数据点,类似于此图中的第二个图表:我找到的所有文档和示例都使用了我头脑中的数学,任何伪代码都很棒。 最佳答案 我能够使用以下代码绘制指数回归线:functionsquare(x){returnMath.pow(x,2);};functionarray_sum(arr){vartotal=0;arr.forEach(function(d){total+=d;});returntotal;}functionexp_regression(Y){varn=Y.length

javascript - 为什么我们需要 backbone js 或任何 JS MVC 框架?

如果我们已经在使用后端MVC框架(例如Django或ROR),为什么我们需要使用JSMVC框架(主干)。我无法理解两个MVC框架的概念以及它们如何组合在一起。我认为所有与前端相关的文件或逻辑(html、css、js)都在后端框架的View组件下。有人可以用更简单的术语解释一下吗? 最佳答案 Backbone在客户端[浏览器],为了有快速的交互和体验。这样您就可以通过websockets进行实时通信。,或LocalStorage例如。使用客户端MVC[MVVM更好,在Backbone的情况下]意味着您只需从服务器提供一组RESTful

javascript - 无法获取未定义或空引用的属性 - Windows 8 JS/CSS 应用程序

下面是我的代码片段。我得到的错误是,当我执行搜索并调用方法_searchData时,它成功调用了方法_lookUpSuccess,但随后返回以下错误:JavaScript运行时错误:无法获取未定义或空引用的属性“_displayResult”当它尝试调用_displayResult方法时。为什么会这样?(function(){//makethisanobjectproperty/methodeventuallyvardisplayResult=function(queryResult){for(vari=0;i 最佳答案 在这行代码