草庐IT

advanced_graphics_and_animation_p

全部标签

Javascript 性能 : How come looping through an array and checking every value is faster than indexOf, 搜索和匹配?

这对我来说是一个巨大的惊喜,我想了解这个结果。我做了一个testinjsperf这基本上应该采用一个字符串(这是我想检查的URL的一部分)并检查是否存在4个项目(实际上存在于字符串中)。它以5种方式检查:简单的indexOf;分割字符串,然后是indexOf;正则表达式搜索;正则表达式匹配;拆分字符串,遍历项目数组,然后检查是否有任何项目匹配它应该匹配的东西令我大吃一惊的是,5号是Chrome21中最快的。这是我无法解释的。在Firefox14中,普通的indexOf是最快的,我相信这一点。 最佳答案 我也很惊讶,但Chrome使用

javascript - Backbone : In a view whats the difference between el: and tagName:

我正在努力思考这个概念。你能帮我解释一下吗?也许可以提供一个简单的例子来说明el:属性和tagName:属性之间的区别?在一些示例中,不同的View有时使用el:,而其他View使用tagName:。我特别想弄乱我自己对这个example的实现 最佳答案 区别在于:el应该用于保留对表示整个View的实际DOM节点的引用。这意味着您可以使用jQuery或w/e轻松地对其执行操作。$(this.el).hide()或$(this.el).html('我现在是一个Jquery对象');TagName只是一个字符串,用于确定el的DOM节

javascript - D3 : Is it possible to zoom+pan one axis and only pan the other?

我有x轴的缩放和平移功能,但我想为y轴添加平移功能。我尝试使用d3.behavior.zoom和d3.event.translate[1]来获取y平移值并使用它,但是当缩放发生时平移值会发生变化,而单击拖动确实会平移y轴,缩放也会平移y轴(以一种非直观的方式)。我还尝试使用两个d3.behavior.zoom实例,一个用于x轴,一个用于y轴,但只有最后添加的一个在缩放事件中被调用。这是一个适用于在x方向缩放和平移的示例,我也想添加y平移(但不是y缩放):varx=d3.scale.linear().domain([0,800]).range([0,800]);vary=d3.scale

javascript - Chrome 开发者工具 : Best resource for learning advanced features?

我随便使用Chrome开发人员工具来调试AJAX和JavaScript。这主要意味着控制台检查元素/变量/方法状态,偶尔使用“网络”选项卡调试通过ajax提供的问题,如果我无法找到JS错误,偶尔会在调试器中打断点。但是,每当专门的前端开发人员(我是后端)在我面前使用相同的工具时,他们使用这些漂亮而抽象的小功能总是让我想“该死的,我为什么不知道关于那个”?...所以,问题是:对提供googlechromedevtools的全面和更高级解释的资源有什么建议吗? 最佳答案 AddyOsmani做了一个关于chrome开发工具的优秀系列,y

javascript - Chrome 扩展 : Communication between content script and background. html

我是Chrome扩展的新手。我试图在内容脚本和background.html页面之间进行通信。background.html向内容脚本发送请求“hello”,内容脚本应以“hellobackground”警报响应.但这并没有发生。我的background.html代码是:functiontestRequest(){chrome.tabs.getSelected(null,function(tab){chrome.tabs.sendRequest(tab.id,{greeting:"hello"});});}content.js代码:chrome.extension.onMessage.

javascript - 相当于 jQuery .animate() 的纯 JS

以下纯JavaScript中的jQuery动画等效于什么?functionanimate(element,position,speed){$(element).animate({"top":position},speed);} 最佳答案 您可以使用setTimeout和setInterval方法使用纯javascript实现复杂的动画。请查看here.这是移动元素的关键部分:functionmove(elem){varleft=0functionframe(){left++//updateparameterselem.style.l

javascript - Bootstrap 3 Popover : display on hover AND on click, 又名。固定弹出框

使用悬停触发器可以正常显示弹出窗口。通过click触发器显示弹出窗口效果很好。现在,当鼠标悬停在触发图像上时,如何让弹出框出现,但如果用户单击图像,取消悬停并启动点击切换?换句话说,悬停显示弹出窗口并单击“固定”弹出窗口。HTML非常标准:User还有popover初始化,更无聊:$(function(){$("[rel=popover]").popover();});据我目前所见,解决方案似乎是一组很好的复杂的popover('show')、popover('hide')和popover('toggle')调用,但我的javascript/jQuery-foo不能胜任这项任务。编辑:

drag-and-drop - 在 Raphael js 中使路径和图像可拖动

是否可以使用Raphaeljs在页面周围拖放除圆形和矩形以外的对象?我想添加路径和图像,然后您可以四处移动,但事实证明这很棘手。我想用Raphael解决这个问题,因为它支持触摸界面。这是代码window.onload=function(){varR=Raphael(0,0,"100%","100%"),r=R.circle(100,100,50).attr({fill:"hsb(0,1,1)",stroke:"none",opacity:.5}),g=R.circle(210,100,50).attr({fill:"hsb(.3,1,1)",stroke:"none",opacity:

javascript - Angular 2 : Difference between service and redux

redux的必要性是什么,因为我们还可以从服务中保存和获取数据,据我了解,我们还可以获取数据并将其保存到服务中,这些服务可以被其他组件使用。 最佳答案 您不需要redux,但您确实需要一种维护状态的方法。一个服务就可以了,但最后你会发送一些类似于redux或ngrxstore的东西。考虑挑战。您有异步传入的数据。你想要它react。你想要错误处理。您希望在数据更新时有等待状态。您有级联场景,其中一个事件触发多个操作,每个操作都有自己的延迟和错误路径。并且您想设置一个可以在多个组件中使用的模式。维克多·萨夫金(VictorSavkin

《2023 HuggingGPT: Solving AI Tasks with ChatGPT and its Friends in Hugging Face》阅读笔记

http://https://github.com/microsoft/JARVIS.1Abstract andIntroduction借助大语言模型(LLMS)在语言理解生成推理等方面表现出的出色能力,考虑将其作为控制器来管理现有的各种AI模型,把语言作为通用接口。基于这一理念,提出了HuggingGPT框架,利用LLMS(ChatGPT)来连接机器学习社区(Hugface)中的各种AI模型,具体来说就是在接收用户请求时使用ChatGPT来进行任务规划,根据Hugface中提供的模型功能描述选择模型,使用所选AI模型执行每一个子任务,并根据执行结果汇总响应。现有LLM技术的局限:1)局限于文