草庐IT

CSS面试问题

全部标签

javascript - 我如何解决 Javascript 闭包问题?

考虑这个JavaScript小片段:for(variinmap.maps){buttons.push($("").html(i).click(function(){alert(i);}));}它为map.maps对象(它是一个关联数组)中的每个字段创建一个按钮。我将索引设置为按钮的文本,并将其也设置为提醒索引。显然,人们会希望所有按钮在单击时都提示其自己的文本,但所有按钮在单击时都会提示map.maps对象中的final索引的文本。我假设这种行为是由JavaScript处理闭包的巧妙方式引起的,返回并从创建它们的闭包执行函数。我能想到的解决这个问题的唯一方法是将索引设置为按钮对象上的数

关于Pycharm第三方安装失败问题解决方法

关于Pycharm第三方包安装失败问题解决方法{Couldnotfindaversionthatsatisfiestherequirementtime(fromversions:none)Non-zeroexitcode(2)}出错原因如果Pycharm换过IDLE的话就要注意pip的版本,因为Pycharm下载第三方插件时使用的是Pycharm的虚拟网卡当pip版本不对应时便会出现提示错误:Couldnotfindaversionthatsatisfiestherequirementtime(fromversions:none)Non-zeroexitcode(2)Trytorunthisc

javascript - 如何以编程方式将 JS 和 CSS 资源添加到 <h :head>

我需要以编程方式将JavaScript和CSS资源添加到一个JSF页面。目前尚不清楚如何实现这一目标。我该怎么做或者是否有启动示例? 最佳答案 这取决于您想在哪里声明资源。通常,以编程方式声明它们的唯一原因是您有自定义UIComponent或Renderer它生成HTML代码,而HTML代码又需要那些JS和/或CSS资源。然后它们将由@ResourceDependency声明或@ResourceDependencies.@ResourceDependency(library="mylibrary",name="foo.css")pu

javascript - 包括 bootstrap.min.css 和 bootstrap.css 还是只包括一个?

我添加了bootstrap.min.css和bootstrap.css文件,在调试时,我发现只有一个被使用,而另一个被覆盖。我很困惑他们是否有任何我没有使用的附加功能。我还想知道bootstrap.js和bootstrap.min.js的操作是否相似。 最佳答案 这是正确的行为-每个文档可以有一个名为“A”的类。.min.css/.min.js-通常是删除了所有空格的相同css和js文件。它使它们更小,加载速度更快。浏览器无论如何都不需要空格。 关于javascript-包括bootst

javascript - JS 在 CSS 之前启动

这目前在chrome中发生,在firefox中我还没有遇到这个问题。这是我的问题的一个非常简化的版本。HTML:Clickme!CSS:div{width:200px;height:300px;background-color:purple;}a{position:absolute;}@media(max-width:991px){div{height:200px;}}Javascript:$(document).ready(function(){var$parent=$('#clickMe').parent();functionresize(){$('#clickMe').offse

javascript - 使用 angularjs 使用 ng-repeat 和 json 数据进行 CSS 星级评分

想要根据从JSON接收到的值显示一个divn次。我的对象:$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{product:"pizza",rating:4}];如果产品有3个评级,则div必须显示三次,例如星级。在angular.js中如何实现?MyPlunkerDemo 最佳答案 你能试试这个吗,JS$scope.pro=[{product:"chicken",rating:3},{product:"fish",rating:3},{produ

javascript - 如何让IE支持CSS3?

我使用IE7.js但它不支持CSS3。我用jQuery总是在我的元素中。为IE6、7、8提供所有CSS3选择器和属性支持的最佳轻量级方法是什么?我不是要求HTML5支持,只是要求尽可能在性能方面提供CSS3支持。 最佳答案 试试keithclarksIECSS3伪选择器模拟器:http://www.keithclark.co.uk/labs/ie-css3/我没有亲自使用过它,但它会手动解析您的css文件并针对ie浏览器进行调整。缺点是你依赖js来实现css功能.. 关于javascri

javascript - 有没有人遇到过 "encodeURIComponent(string)"的跨浏览器问题

我需要根据一些自定义字符串值动态生成URL。我对"encodeURIComponent(string)"有疑问功能它是否有跨浏览器问题有没有人遇到过这个功能的问题(我没有使用任何JS库)? 最佳答案 encodeURIComponent以跨浏览器的方式工作。优先使用它来转义。 关于javascript-有没有人遇到过"encodeURIComponent(string)"的跨浏览器问题,我们在StackOverflow上找到一个类似的问题: https://s

javascript - 使用 jQuery,如何在指定 CSS 类的 sibling 中查找元素的索引

给定以下HTML:我正在尝试编写函数showPath以便它返回父级div与其兄弟类component的索引>。所以在上面的示例中,我希望函数返回1。我已经走到这一步了,但它返回了2;我不知道如何忽略类somethingelse的divfunctionshowPath(element){varcomponent=$(element).closest('.component');alert(component.index());} 最佳答案 jQ的一个快速简单的扩展,将这个过程变成一个方法:$.fn.getIndex=function(

javascript - 多个 AJAX 刷新和 TinyMCE 有问题

所以我遇到了这种困境。tinyMCE.init({mode:"textareas",theme:"simple"});上面是在我的PHP页面上调用的。我调用varrequest=$.ajax({url:"getEvents.php",type:"POST",data:{'method':'showevents'},dataType:"html"}).done(function(msg){$('#eventlistbody').html(msg);});setTimeout(function(){$(".mceSimple").each(function(){tinyMCE.execCo