草庐IT

伪元素

全部标签

javascript - Angular JS 1.2 - 使用 ng-show 动画化子元素

最亲爱的stackoverflowers,我是AngularJS的新手并且阅读了一些stuff关于如何以Angular方式制作动画,我仍然对如何正确实现它以及何时何地添加哪些类感到非常困惑。我觉得使用传统的jQuery(添加和删除类)我可以更好地控制我的动画。但也许这只是因为我已经习惯了那样。在页面加载时,我希望某些元素具有动画效果。因此在我的Controller中,在页面加载时,变量(pageLoaded)被设置为true。我周围的内容包装div将具有ng-show="pageLoaded"。通过这种方式,我使用以下CSS转换/动画成功地在整个页面上添加了动画:.page.ng-hi

JavaScript FocusOut - 获取获得焦点的元素

当FocusOut事件被引发时,您如何知道哪个元素获得焦点?正确的方法似乎是使用事件的relatedTarget属性。但是,这似乎不适用于所有浏览器:在谷歌浏览器中,它有效在Firefox和InternetExplorer中,relatedTarget为空在Safari中,relatedTarget属性甚至不存在我找到了一个仅在IE中有效的解决方法(使用document.activeElement),但我想知道是否没有一个已证明在所有主要浏览器中都有效的通用解决方案。虽然我可以找到类似的问题和答案,但我还没有找到真正适用于所有浏览器的解决方案。编辑:下面的例子说明了我的意思。代码:do

javascript - 从代码生成的 INPUT 元素中选择文件后,不会触发事件 onChange

我正在玩JavaScript并编写了创建INPUT元素(type="file")并模拟点击的简单函数。varcreateAndCallFileSelect=function(){varinput=document.createElement("input");input.setAttribute("type","file");input.addEventListener("change",function(){console.log(this.files);},false);input.click();}它大部分时间都很好用,但有时它不会在选择文件时触发onChange事件(或者在IN

javascript - jQuery.remove(),分离 DOM 元素,但我仍然可以从代码中访问这些元素。如何避免泄漏?

我知道在具有大量UI元素且完全基于Ajax的应用程序中正确管理内存并不容易(在我的应用程序中,页面永远不会重新加载)。但我想了解以下行为:我有一个根元素,一次必须附加一个子元素(将其视为根元素是应用程序容器,子元素是单个页面)。每当我在子内容之间切换时,我都会使用jQuery.remove()删除之前的内容,但我发现该内容实际上已从DOM中分离出来,但仍保留在内存中。root和两个子内容(child1和child2)我从child1切换到child2,要求我的应用程序管理器在附加child2之前删除child1正在附加child2(我可以看到),但我仍然可以使用管理child1的代码中

javascript - 在没有旧的 'new Array(N)' 的情况下创建具有 N 个元素的数组的正确方法?

每当我使用数组时,我总是使用[]样式,但是,当我想创建一个包含固定数量元素的数组时,我使用newArray(N)(我不知道这样做的任何其他方式)我认为这没什么大不了的,直到我读到这些关于这件事的强硬言论:Anyonedoingthis,using“newArray()”insteadof“[]“,or“newObject()”insteadof“{}”needstorelearnJavaScript.我真的很想避免编写糟糕的代码。有人介意告诉我正确的前进方向吗? 最佳答案 我不会太担心2006年博客上的一些随机评论。特别是因为您的用

javascript - 使用 jQuery 的伪元素动画

我正在使用a:after,它包含right:Ypx。我想使用jQuery中的animate方法将元素(a:after)从Ypx移动到Zpx,我该怎么做?例如:[link-text][after][link-text]--moving>--[after]我知道如何在没有动画的情况下做到这一点,只需执行a:hover:after{right:Zpx}但如何使用动画呢? 最佳答案 您正在尝试做的事情非常老套,我强烈建议您制作真实的元素,而不是尝试为伪元素制作动画。但是,供将来引用:为伪元素设置动画的唯一方法是插入style标记并更改实际C

javascript - SVG 文本元素速度

我正在构建一个严重依赖svg的网络应用程序。作为引用,我正在使用raphaeljs库来处理所有这些。在这种特殊情况下,我实现了一些模仿滚动条并在屏幕上移动一堆svg功能(约500个元素)的东西。这些功能的一部分是(~100)个元素。其他元素包括,和元素。因此,我注意到我的应用程序在我的笔记本电脑上并不是非常活泼,而且由于速度原因在ipad上处理起来非常烦人。但是,只要在滚动过程中删除或忽略文本元素,它就会立即达到不错的速度。我尝试做一些速度测试(非常粗略的测试,使用newDate().getTime())并发现移动所有元素需要大约10毫秒,除了。元素,但是当时需要~120毫秒包括元素。

javascript - 从列表中删除/隐藏大量元素的最快方法

关闭。这个问题是off-topic.它目前不接受答案。想改进这个问题吗?Updatethequestion所以它是on-topic用于堆栈溢出。关闭10年前。Improvethisquestion我有一个包含大约100,000行的下拉列表,这些行构成了一个列表。item1item2...item100,000我有一个用作搜索的文本框,因此当您键入它时,它会匹配列表中项目的输入,删除不匹配的内容。这是我编写的用于执行列表元素删除的类。Seethefiddle(listhasabout2000items)//requiresjQueryvarSearch=(function(){varcl

DOM 元素的 JavaScript 最佳实践命名约定

DOM元素的JavaScript命名约定是否有最佳实践或行业标准?举个例子:vartarzan=document.getElementById('foobar');要使DOM元素可以区分与另一种类型的var,最可接受的名称是什么?是不是应该……DOM_tarzanDOM泰山元素泰山....等等等等?我希望仅通过查看变量就能分辨出差异。例如,如果我看到:DOM_tarzan.remove();...我马上就知道“DOM_tarzan”是一个DOM元素,并且它使用标准的JavaScriptremove()方法。毫无疑问,“DOM_tarzan”是一个自定义对象,它具有用户定义的“remov

javascript - 如何使用 ng-animate 以与列出元素相同的方式为表格行设置动画?

使用angular的ng-animate使列表流畅地动画化非常简单,但表格似乎是另一回事。PlunkerlistPlunkertable表格移动动画不起作用,元素只是卡入到位,我想表格需要一些其他CSS/JS,但我不确定什么会起作用,我尝试了很多东西没有成功。我确定这是可能的,例如有这个jQuerytableanimation但这如何转化为Angular动画?我是否必须通过指令深入研究一些JS/jQueryDOM操作,还是有其他方法?无论哪种方式,我都希望看到一种优雅的方式来实现这一点。 最佳答案 问题是行的高度保持不变(直到它们被