最近,Chrome DevTools已经开始将所有元素的HEX颜色转换为RGB值,无论是在CSS中设置HEX颜色还是通过DevTools本身设置.怎么阻止?
我知道按住Shift+单击将颜色转换为其他格式的颜色图标方法,但我觉得这很不方便.我想知道是否有人知道如何阻止这种情况发生?
我通常避免在我的脚本中包含jQuery库,但是我最近才遇到jQuery $ .data()的函数能力,它以键值对,对象甚至函数的形式将数据与任何元素相关联.
根据我的阅读,jQuery的$ .data()函数还内置了保护措施,可防止与此类实践相关的内存泄漏,但为单个函数包含整个JQ库是过分的.
有没有人知道原生替代品?
编辑 为了让自己更清楚,我不是在寻找原生函数来检索元素属性.jQuery的$ .data()API远远超出了这种用途,扩展到了将javascript对象和函数与jQuery元素节点相关联的能力.
本文(http://tutorialzine.com/2010/11/jquery-data-method/)触及了这种用法,但作为一个例子,我目前正在使用它将GSAP时间轴动画与一个对象相关联,这样我就可以访问并调用GSAP Timeline的.reverse()动画函数,该函数位于创建它的函数之外.例如:
function doAnimation(){
var element = document.createElement('div'),
timeline = new TimelineMax({....GSAP related fns...}),
options = {
....
timeline: timeline
};
$(element).data('options', options);
}
function reverseAnimation($element){
var options = $element.data('options'),
previouslyCreatedTimeline = options.timeline;
previouslyCreatedTimeline.reverse();
}
Run Code Online (Sandbox Code Playgroud)
如果你不是GSAP的用户,也许不是最清楚的例子,但实质上,$ .data()方法允许我将javascript对象与一个元素相关联,这样我就可以在它之外的函数中访问它的方法原始范围.
不确定这是一个奇怪或愚蠢的问题,但我有一个主页滑块的网站设置如下:(显然不是真正的类名,但只是描述它们是什么)
.... WP QUERY, FEATURED POSTS ...
<ul>UPPER SLIDES CONTAINER</ul>
<li class="Slide With Background Image">
<div class="Slide Description">
<span> Category </span>
<h2> Title </h2>
</div>
</li>
....
</ul>
.... SAME WP QUERY, FEATURED POSTS ...
<ul class="Lower Slide Navigation">
<li class="Slide With Background Image">
<div class="Slide Description">
<span> Category </span>
<h2> Title </h2>
</div>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
它以这种方式设置,因为当主要幻灯片在上面循环时,下面的幻灯片显示上一张和下一张即将发布的幻灯片.
无论如何,我的问题是:有没有办法可以使用一个数据库查询来填充这两个区域?
两次拨打同一个电话似乎效率低下......