草庐IT

CSS面试问题

全部标签

javascript - 强制 IE 到 'redraw' 一个带有 JavaScript 的元素来修复 CSS 错误?

我遇到了IE错误。CSScounter属性在IE9中不适用于在页面加载时隐藏的元素(例如选项卡)。csscounternotworkingininternetexplorerforhiddencontent-howtofix?正如我在上面发布的那样,我已经能够通过使用JavaScript设置一些内联CSS来解决这个问题。当它未隐藏时,我将padding-left设置为0(即使该元素已经没有左填充)。这会使IE“重绘”元素,然后正确应用CSS。但这不是理想的解决方案。如果设计更改为在元素上留有填充,那么我的JavaScript修复将破坏布局。我还可以使用什么其他方法让IE“重绘”元素?有

javascript - 如何克服多选问题

我在p标签中有一段示例文本。如果我在段落中选择一些文本。我正在将其文本颜色从黑色更改为绿色,并将其包装在span标签中,添加为其选择的类。但我能够选择已经选择的文本。我不希望再次选择所选文本。我在链接中给出了示例代码:http://jsfiddle.net/2w35p/81/functiongetSelectedText(){t=(document.all)?document.selection.createRange().text:document.getSelection();returnt;}$('body').mouseup(function(){varselection=ge

javascript - 在 input[type=file] 上使用 click() 时出现问题

click()函数有问题。它在Opera中不起作用。我正在尝试使inputtype=fileclickedon另一个元素的onclick事件。我需要设置我的输入type=file元素的样式,因此我将其设置为不可见,并将其替换为简单样式的按钮。现在我希望在单击按钮时单击文件元素。我不能使用jQuery,因为我在我的页面中使用MooTools库作为日历,当我尝试使用jQuery时它会产生冲突。我也尝试使用jQuery.noConflict();来避免冲突,但我做不到,因为我是jQuery的新手。这是我的html代码:这是我的JavaScript代码:functionshow_upload(

javascript - Strophe字符编码问题

我在XMPP客户端上工作,在Strophe发送/接收消息时遇到问题(javascript版本)。问题是包含“特殊”字符的消息。例如,如果我发送:I'mhere.将显示一个外部客户端(即iChat)I'mhere.strophe客户端根本不显示任何内容。如果我从iChat向strophe客户端发送相同的消息,它会正确显示。这是我能想出的最基本的示例代码:functiononConnect(status){if(status==Strophe.Status.CONNECTED){varmessage=$msg({to:CONTACT_JID,from:JID,type:'chat

javascript - CSS Sprite 性能

我有一个500x640的静态图像,位于文件夹中,由20x20block和cssSprite组成,我正在设置背景位置来显示每block,我需要这样的显示以便以后能够对每block进行操作。CSS:.piece{width:20px;height:20px;display:inline-block;//display:inline;//zoom:1;}.ob{background-image:url("/Images/ob.jpg");}js:viewModel={flips:ko.observableArray([]),setClick:function(data,e){e.preven

javascript - CSS3 选择器 [*|type ="toc"]

我正在使用EPUB.JS,它使用以下代码从ePub文件中获取一些信息:varnavEl=navHtml.querySelector('nav[*|type="toc"]')这行代码在IE10中失败,因为querySelector返回null。我以前从未见过格式为[*|attr="val"]的属性选择器,但我认为他们想说的是,“选择所有具有任何属性或名为“type”且值为“toc”的属性的导航元素。”我找不到关于这种星形管道语法的任何信息,但我认为它是某种在Webkit/Mozilla中有效但在IE中无效的逻辑OR命令。将该行更改为:varnavEl=navHtml.querySelec

javascript - ES7 async/await 概念问题

我正在迁移现有程序以使用async/await(通过Babel的bluebirdCoroutines)为了学习这种风格。我一直在看这个tutorial.我对以下行为有点困扰。此代码段按预期工作:letparts=[];leturlsP=urls.map((url,index)=>{returndlPart(url,index,tempDir);});for(leturlPofurlsP){//Parallel(yay!)parts.push(awaiturlP);}for(letpartofparts){//SequentialawaitappendFile(leFile,part);

javascript - 检索 CSS 是否需要 'getPropertyValue' 方法?

如果我们只能使用getComputedStyle方法,您能告诉我为什么我们需要使用getPropertyValue方法吗?例如,据我所知,这会起作用:vars=getComputedStyle(element,null).opacity;相当于以下内容:vars=getComputedStyle(element,null).getPropertyValue('opacity');我们可以在没有getPropertyValue的情况下使用getComputedStyle吗? 最佳答案 根据老DOML2Style,getProperty

javascript - 为什么这不是在 JS 中使用 querySelectorAll 的有效 CSS 选择器?

这个问题在这里已经有了答案:IsthereareasonwhyCSSdoesn'tsupportidsandclasses,startingfromnumbers?(8个答案)CanXHTMLandHTMLclassattributesvaluestartwithanumber?(3个答案)关闭5年前。我正在尝试使用VanillaJS在我的DOM中找到所有具有2x类的img元素。我正在使用querySelectorAll方法,如下所示:document.querySelectorAll('img.2x');但是它在控制台日志中抛出这个错误:UncaughtDOMException:Fa

javascript - Angular 5 : ng build - -prod fails due to clean-css: Cannot read property 'line' of undefined

我的应用在Angular5.2.6下。ngserve一切正常,但是当运行ngbuild--prod时,它需要一段时间,然后才会失败。这些错误似乎与clean-css操作有关。错误跟踪:92%chunkassetoptimization/home/khalidvm/Desktop/Workspace/Front/frontend_v2/node_modules/clean-css/lib/reader/input-source-map-tracker.js:37if(originalPosition.line===null&&line>1&&selectorFallbacks>0){^T