草庐IT

improving-the-dom

全部标签

javascript - Angular JS 中的 DOM 查询; $ (".myclass").each() 替代

这个问题在这里已经有了答案:Whatisthealternativeforjqueryeachinangularjs?(2个答案)关闭8年前。我对AngularJS比较陌生,而且我已经使用jQuery很长时间了。这就是为什么我一直很难将我内部的jQuery转换为Angular。:D我想知道我们如何以Angular执行DOM查询。基本上,我面临着必须做这样的事情的情况$(".myClass").each(function(){$(this).doSomething();})任何人都可以建议我一个Angular程序员如何做这样的事情。谢谢

javascript - 类型错误 : Failed to set the 'buffer' property on 'AudioBufferSourceNode' : The provided value is not of type 'AudioBuffer

我正在处理现有的codoCircle.调低音量。它按预期运行。现在我想在codepen中使用相同的代码我得到这个错误类型错误:无法在“AudioBufferSourceNode”上设置“缓冲区”属性:提供的值不是“AudioBuffer”类型我做了一些研究,找到了firstanswer有用。答案是当我在playSoundplayer.buffer=buffer中分配时,缓冲区仍未定义,因为加载回调尚未触发。这对我来说很有意义,所以我尝试做一个setTimeout像:setTimeout(playSound,9000);没有成功。你知道解决这个问题的方法吗?为什么在CodeCircle中

javascript - Controller 已加载到 DOM 中,但 View 未加载且无法找到 Controller - oclazyload with jade(pugjs)

我正在为我的项目使用angular1.6,并使用angular-ui-routing为HTML模板使用PugJs进行路由。我正在尝试在我的应用程序中实现Lazyload,但不知何故它不起作用可能是由于jade。代码:varapp=angular.module('myApp',['ui.router','oc.lazyLoad']);app.config(['$ocLazyLoadProvider',function($ocLazyLoadProvider{$ocLazyLoadProvider.config({debug:true,modules:[{name:'js',files:[

Javascript 权威指南 : the confusion of steps of converting object to a string

根据Javascript权威指南第6版3.8.3节:Toconvertanobjecttoastring,JavaScripttakesthesesteps:•IftheobjecthasatoString()method,JavaScriptcallsit.Ifitreturnsaprimitivevalue,JavaScriptconvertsthatvaluetoastring(ifitisnotalreadyastring)andreturnstheresultofthatconversion.Notethatprimitive-to-stringconversionsarea

javascript - 是否可以判断 DOM 是否被修改,修改了哪一部分?

如果您知道DOM的哪一部分将被修改,是否有任何实用的方法来判断DOM的哪一部分被修改了?我正在编写一个插件,它将与我没有编写的javascript一起运行。DOM修改前会触发一个事件,DOM修改后会触发一个事件。决定改变了什么是我的工作。这可能吗?如果可能,最不可怕的方法是什么? 最佳答案 根据您需要的浏览器支持,您可以使用DOMmutationevents. 关于javascript-是否可以判断DOM是否被修改,修改了哪一部分?,我们在StackOverflow上找到一个类似的问题:

javascript - "JavaScript - the Good Parts"示例的解释(第 4.15 节)?

JS初学者:)需要来自Crockford'sbook的代码片段的解释,第4.15节:varmemoizer=function(memo,fundamental){varshell=function(n){varresult=memo[n];if(typeofresult!=='number'){result=fundamental(shell,n);memo[n]=result;}returnresult;};returnshell;};varfibonacci=memoizer([0,1],function(shell,n){returnshell(n-1)+shell(n-2);}

javascript - 如何在 Javascript 中为非 dom 元素添加事件监听器?

在Java、C#、Actionscript等中。事件是针对类的,而在Javascript中,它似乎仅限于dom。我在这里读了一个用jQuery做的例子http://www.west-wind.com/weblog/posts/2010/May/27/NonDom-Element-Event-Binding-with-jQuery但是如果我不需要jQuery并且我想了解该机制,您会怎么做? 最佳答案 最简单的机制是这样的:functionPubSub(){this.subs={};this.subscribe=function(cha

javascript - 使用 JS/jQuery 启用/禁用 DOM 元素的事件

我在这里遇到了一个小问题,我已经投入了相当多的时间,与它的功能相比,这个问题非常糟糕。我的DOM中有标签,我已经使用jQuery将几个事件绑定(bind)到它们。vara=$('').click(data,function(){...})有时我想禁用其中一些元素,这意味着我向它添加一个CSS类“已禁用”并且我想删除所有事件,因此不再触发任何事件。我在这里创建了一个名为“Button”的类来解决这个问题varbutton=newButton(a)button.disable()我可以使用$.unbind从jQuery对象中删除所有事件。但我也想拥有相反的功能button.enable()

javascript - 如何在 "up"和 "down"方向操作DOM时避免重复代码?

我正在编写一个JSwebapp客户端。用户可以编辑文本项列表/树(例如,待办事项列表或注释)。我经常使用jQuery操作DOM。用户可以使用键盘(类似于GMail中的J/K键)在列表中上下导航,并执行其他一些操作。其中许多操作都具有镜像“向上”/“向下”功能,例如$.fn.moveItemUp=function(){varprev=this.getPreviousItem();prev&&this.insertBefore(prev);//there'sabitmorecodeinhere,buttheideaisprettysimple,//i.e.movetheitemupifth

javascript - 以字符串形式获取完整的 DOM 堆栈

我想以字符串形式获取完整的DOM堆栈。例如,请打开Chrome,按F12并输入“document.all”。这个对象代表完整的DOM。我想将此对象转换为字符串。在Chrome中,您可以浏览对象、展开部分并在Web调试器控制台中查看其内容。是否有可能将document.all转换为字符串?或者类似的解决方案给我完整的DOM堆栈?我不只是想要innerHTML/outerHTML,我想要当前DOM中定义的所有内容。有任何想法吗?提前致谢...编辑:好的,我觉得我的问题有点令人困惑,对此深表歉意。澄清这一点:我想获取定义的每个对象的每个属性,包括“document.location”、“do