草庐IT

CSS属性

全部标签

javascript - 如何仅使用 CSS3 将动态创建的元素平滑地添加到 DOM 中?

我的需求很简单,但我找不到合适的解决方案。我创建元素并将它们作为元素列表添加到DOM,每个新元素都在旧元素之前添加。我希望“顺利”添加新元素。每个元素的高度是动态的,因此必须符合CSS规则。我想我必须使用CSSanimations和keyframes,据我所知我不能使用transitions因为有时itisnotrenderedbythebrowser.我不想使用Javascript,所以我更愿意避免使用setTimeout()或jQuery的解决方案。我确信这可以使用现代CSS正确完成,但我仍然需要找到正确的方法。我有一个解决方案的开始(见下文),但是仍然有max-height:10

javascript - 使对象或类属性仅可调用

长话短说:博士;是否可以使对象的属性仅可调用(作为函数)?这是什么意思classFoo{bar(value){returnvalue}}letnewFoo=newFoo()console.log(newFoo.bar(123))//shouldworkfineasfunctionisinvokedconsole.log(newFoo.bar)//hereineedtothrowordisplayanerrorinsteadofreturningvalue我试着用Proxy做到这一点和handler.get陷阱,但我不知道如何捕获它是函数调用还是只是属性访问,classFoo{bar(v

javascript - 检测对 Javascript 对象属性的添加

除了定期轮询更改之外,是否有任何(标准)方法来注册一个事件或回调,以便在任何时候将新属性添加到特定对象时触发该事件或回调? 最佳答案 简单地说,答案是否。Mozilla的JavaScript实现对不可解析的方法有一个重载,但它不适用于标准属性,参见__noSuchMethod__.当然,您要求的是一种标准方法,据我所知,没有其他实现支持这一点。 关于javascript-检测对Javascript对象属性的添加,我们在StackOverflow上找到一个类似的问题:

javascript - CSS 谷歌地图自定义信息窗口

我一直在使用来自http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html的代码,这是目前谷歌关于如何在MapsAPIv3中创建自定义InfoWindow的最佳示例。我一直在研究它,到目前为止我已经接近工作了,除了一件事,它是div容器,文本内容不会扩展以适应内容,所以它只是掉落而不是扩大气泡。如果我给内容容器一个固定的像素宽度,它可以正常工作,但我无法根据其中的文本量来扩展它。我已经在这个问题上停留了一段时间。任何帮助将不胜感激!这是HTML页面Gayborhood

javascript - 如何在生产环境中加载 minify css

我的元素中加载了很多JS和CSS。为了提高网站性能,我开始使用与Ant构建集成的YUICompression。因此,每次我构建元素时,它都会创建带有附加“-min.js”的缩小文件示例:构建后的myscript.js,新文件“myscript-min.js”。现在我已经更改了所有文件以在我的页面中加载myscript-min.js。是否有任何自动化或更简单的方法来加载minify文件。提前致谢!!! 最佳答案 在您的代码中,尝试确定您加载页面的环境(生产或开发)。例如,在本地机器上开发时,您可以检查您的IP地址、服务器环境变量(使用

javascript - 我什么时候想在 JavaScript 中使用 “class”(静态)方法或属性?

在JavaScript中,为什么要将属性直接附加到构造函数?varHuman=function(){};Human.specie="HomoSapience";在查看CoffeeScript的__extend辅助函数后,我得到了这个问题,其中包含:for(varkeyinparent){if(__hasProp.call(parent,key))child[key]=parent[key];}直接从构造函数对象复制属性/方法到子类对象。但是为什么会有人这样做呢?谢谢! 最佳答案 (编辑:在其原始形式中,问题询问的是将属性附加到类还是

javascript - 如何检测CSS动画的重绘率(fps)?

我对CSS动画的流畅性很感兴趣。作为一些额外的要点:我最感兴趣的是移动设备(WebKit)的性能,如果可以在正常操作期间收集数据(真实用户做真实的事情),那将会有所帮助。 最佳答案 ChromeBetaforAndroid支持通过在chrome://flags中设置flag获取FPS 关于javascript-如何检测CSS动画的重绘率(fps)?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/qu

javascript - 为什么我的 jQuery UI CSS 在 JSFiddle 中不起作用?

为了用JavaScript输入回答问题,我经常使用JSFiddle上的演示.它非常有用,但是当我回答thistooltip时问题我需要使用jQueryUI.这种用法的问题是,您可以在框架选择中检查jQueryUI,但它只加载js文件而不加载css文件。所以我决定链接到这个http://jqueryui.com/themes/base/jquery.ui.all.css在jQueryUI的官方演示中使用。=>问题解决了。真的解决了吗?没有?!因为如果用户之前打开过一个jQuery演示,这个链接会很好用,但正如我在工作中看到的那样,如果我只打开fiddle而没有打开一个演示,它就不起作用。

javascript - CSS 溢出 : scroll HTML 的滚动问题

这里是jsFiddle以便更好地理解:http://jsfiddle.net/BzYcZ/我有一些带有滚动条的div。我想要的是当我使用鼠标滚动在到达div的末尾时停止滚动,而不是滚动整个页面。发生的事情是,当我到达div的末尾时,整个页面开始滚动。我知道这是浏览器驱动的,但是是否有一些JS事件可以处理这种情况并防止在我的光标位于此div元素上时滚动整个页面。编辑:我希望能够滚动整个页面,但只有当我的鼠标离开这个div时。解决方案.noscroll{position:fixed;overflow-y:scroll;width:100%;}这是JavaScript部分:$('.small

javascript - 在不删除静态属性的情况下覆盖函数

如果我有这样的功能:functiona(){console.log('a');}然后像这样分配一个静态属性:a.static='foo';但是假设我想用这样的另一个函数覆盖该函数:varold=a;a=function(){console.log('new');old.call(this);};a.static//undefined自从我为a分配了一个新函数后,它的静态属性就丢失了。有没有一种巧妙的方法来保留静态属性而无需循环和手动复制它们?更新:这是一个真实的场景:在BootstrapjQuery插件中,作者将默认值分配给属性函数,如下所示:$.fn.modal=function()