草庐IT

technically-speaking-what-makes-g

全部标签

javascript - d3 : Make a static directed graph

我想在d3中可视化一个20K节点的依赖关系图。力导向图,例如http://bl.ocks.org/mbostock/1153292对于这个数量的节点,在浏览器中呈现太慢。基本上我想表示节点包含文本和从一个节点到另一个节点的有向边,并添加缩放和平移功能。我怎样才能在d3中做到这一点? 最佳答案 这里有一个替代方案,它似乎没有使用强制来布置节点-没有弹跳,性能良好,并且内置了上传/下载工具。它的许可证是MIT/X:Interactivetoolforcreatingdirectedgraphsusingd3.jsdirected-gra

javascript - 使用 Firebug 网络面板计时 : What is the onload time?

我正在使用Firebug网络面板查看响应时间。在网络面板的状态栏上,摘要显示如下:10个请求90KB10.22秒(加载6.57秒)加载时间是什么意思?这是否意味着一旦从服务器接收到内容,页面又需要6.57秒才能变为可用(即onready事件完成)?注意:我正在测试的站点包含大量Qooxdoo组件和大量JavaScript。 最佳答案 你的页面初始化顺序是:主要脚本正文脚本加载以后的事所以'onload'是onload事件被抛出并完成执行的时间。Firebug中的onload时间全部初始化,包括onload事件本身。Onload等待页

javascript - Ajax 请求/响应 : how to make them lightning fast?

我发现一个网站的功能与GoogleSuggest非常相似。当您在搜索框中输入2个字符时(例如,如果您正在搜索“canon”产品,则输入“ca”),它会发出4个Ajax请求。每个请求似乎都在不到125毫秒的时间内完成。我偶然观察到GoogleSuggest需要500毫秒或更长时间。无论哪种情况,这两个站点都很快。为了获得超快的请求/响应,应该遵循哪些一般概念/策略?谢谢。编辑1:顺便说一下,我计划为电子商务站点搜索实现自动完成功能,它1.)根据输入的内容提供搜索建议,以及2.)潜在产品匹配列表到目前为止输入了什么。我正在尝试类似于SLISystems搜索的东西(例如参见http://ww

javascript - + javascript 中表达式前的运算符 : what does it do?

我正在细读underscore.js图书馆,我发现了一些我以前没有遇到过的东西:if(obj.length===+obj.length){...}+运算符在那里做什么?对于上下文,这是一个directlink到文件的那部分。 最佳答案 一元+运算符可用于在JavaScript中将值转换为数字。Underscore似乎在测试.length属性是一个数字,否则它不会等于自身转换为数字。 关于javascript-+javascript中表达式前的运算符:whatdoesitdo?,我们在St

javascript - rails/javascript : "too many parameter keys" - what's a good way to normalize form data?

我正在使用Rails3.1.3。我有一个包含很多字段的表单。提交表单时,出现此错误ERRORRangeError:exceededavailableparameterkeyspace/home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/utils.rb:99:in`blockinparse_nested_query'/home/james/.rvm/gems/ruby-1.9.3-p0/gems/rack-1.3.6/lib/rack/utils.rb:93:in`each'/home/james/.rvm/gems/

javascript - SpeechSynthesis.speak(在 Web Speech API 中)在 Google Chrome 中总是在几秒钟后停止

当在WebSpeechAPI中使用speak函数时,在Chrome中,说话会在几秒钟后突然停止,在给它的文本中间,在一个看似随机的地方(没有到达结束)。这只发生在Chrome中(在Firefox上运行良好),并在两台不同的计算机/系统上进行了测试。查看此jsfiddle以查看/收听:https://jsfiddle.net/fv9ochpq/您可以看到SpeechSynthesis对象.speaking标志在停止说话后保持打开状态(true)。我还没有看到对传递给话语的文本有任何记录限制。这是谷歌浏览器的错误吗?顺便说一句,我从2014年就知道了这一点——当时我试图向我制作的浏览器扩展

javascript - ExtJS 3 : Two ways of creating custom class: what's the difference?

我正在努力学习ExtJS和面向对象的JavaScript。我见过人们以多种方式在自定义命名空间中定义类。这两种方法有什么区别?方法一Ext.ns('myapp.cars');(function(){varCar=Ext.extend(Object,{//...})myapp.cars.Car=Car;})()方法二Ext.ns('myapp.cars');myapp.cars.Car=Ext.extend(Object,{//...});方法二更易读,需要的代码更少;有什么理由方法1更好吗?谢谢! 最佳答案 基本相同,只是第一种方法

javascript - 混淆: Make file-min. js?

例如,当我下载Jquery时,我看到总是有2个文件:jquery.js和jquery-min.js。他们怎么能创建jQuery-min.js->在这个文件中,它不仅被压缩而且被混淆了。哪种工具最适合执行此操作?我正在使用VisualStudio2010Ultimate,它也可以吗?提前致谢! 最佳答案 你可以使用这个:http://dean.edwards.name/packer/很酷...而且我相信jQuery是使用它来压缩的。还有.NET、PHP等版本HERE.对于VisualStudio,我使用这个:http://yuicus

javascript - 火狐 40+ : what does the "Found hi-entropy localStorage" message mean?

我今天更新到Firefox40,我在我的Firebug控制台中看到一条简洁的新消息:Foundhi-entropylocalStorage:561.0263282209031bitshttp://localhost:8080/my_app_pathitemName...其中itemName是我保存在localStorage中的特定项目的名称。引用的行号总是没有帮助:主要HTML文档的最后一个(它是一个单页应用程序)。为什么会这样?如果你想要我的“hi-entropylocalStorage”的例子,这里是有问题的数据:Object{id:"c9796c88-8d22-4d33-9d13

Javascript 性能 : How to check what is slowing down the page?

我有一个非常慢的页面,不是在加载方面,而是在页面上的表单字段中键入时的响应速度方面。页面上没有ajax——这与网络传输无关。发现代码瓶颈的好策略是什么?我在chrome开发人员工具中找不到任何东西可以告诉我瓶颈在哪里。 最佳答案 Webkit有一个“配置文件”选项。打开开发人员工具(ctrl+shift+i)并单击“配置文件”。从那里您可以在底部看到一个录制按钮(圆圈)。单击它并像往常一样使用您的页面。再次单击它以停止并检查函数调用的时间线!或者,您可以使用以下方法单独对函数进行基准测试:console.time("Somelabe