草庐IT

CSS面试问题

全部标签

visual studio 2013/resharper 中的 javascript/node.js intellisense 有问题

VisualStudio2013:Resharper8.2Node.js工具网络要点根据我从node.jstoolssite收集到的信息,我应该获得智能感知。但是,在node.js项目中编辑javascript时,我得到了奇怪的智能感知,它会提示各种不相关的内容。它对Node没有任何有用的智能感知,并且像required一样自动完成require之类的事情,这非常烦人,因为我必须点击转义以阻止它改变它,我有时会错过它,这会导致运行时错误。它为我提供了项目中我自己的代码的智能感知,但除此之外就很少了。我带着一些希望读了这篇文章:https://nodejstools.codeplex.c

javascript - 如何使用 Google Chrome 扩展更改所选文本的 CSS

我正在为使用contextMenus更改所选文本的CSS的Chrome浏览器制作一个扩展程序。但我无法访问HTML结构,即所选文本的parentNode,因为在本例中我可以非常轻松地做到这一点。varselection=window.getSelection();如果在浏览器中默认使用,这将返回所选文本的parentNode,稍后我可以使用它来更改CSS。如何使用Chrome浏览器扩展程序实现这一点? 最佳答案 由于Chrome不允许您使用上下文菜单与您单击的元素进行交互,因此您必须创建一个contentscript存储在页面上被右

javascript - document.referrer 的问题

我在某些站点上使用document.referrer时遇到了一些问题,即使是使用HTTP协议(protocol)的引用站点也是如此。什么情况下document.referrer可以为空(HTTPS转HTTP除外)?仅获取url引用document.referrer的最佳方法是什么?在我的站点中,document.referrer是空的,但是当我查看Analytics时,出现了引用网站。 最佳答案 document.referrer不为空如果您的站点URL是从其他网站(例如来自google搜索、facebook、twitter等)点击

javascript - 两次调用 javascript 函数的问题

我正在尝试编写一个相当简单的Javascript函数,但在迭代该函数时遇到了我不理解的行为。我已将问题归结为以下情况。我想编写一个函数,它将一个由数组数组组成的数组作为输入,例如A=[[[1]]]。我不知道这方面的标准术语,所以我将主数组称为“0级”,它的元素是“1级”数组。我会说1级数组由“2级”数组组成。2级数组由整数组成。该函数在输入A(0级数组)时执行以下操作:创建一个空数组L;对于A中的每个一级数组M为M中的每个二级数组中的每个整数项加一;将M的两个副本添加到L返回L。这是我的代码:functionmyFunc(A){varL=[];for(vara=0;a现在我测试一下:v

javascript - 你怎么能抓取dom中的元素并在没有id的情况下应用不同的css?

我在这里有点困惑。我正在做一个动态元素,我想应用不同的css具有相同类但没有id的div。我如何将不同的css应用到具有相同类的第一个div,然后不同的css到同一类的第二个div等等......假设我将fullwidthContainer类应用于3divs对于第一个div,我想要宽度1000px,第二个我想要800px等等。我不能在这里给出id或其他类,因为它是动态生成的。请帮忙。谢谢。好的,我是用javascript做的functionemphatic(){vartotalContainers=document.getElementsByClassName('fullwidthCo

javascript - 安装 react-addons-transition-group 时遇到问题

我在使用npm安装“react-addons-transition-group”时遇到问题。根据react网站:Theaddonshavemovedtoseparatepackagesaswell:react-addons-clone-with-props,react-addons-create-fragment,react-addons-css-transition-group,react-addons-linked-state-mixin,react-addons-pure-render-mixin,react-addons-shallow-compare,react-addons

javascript - 检查 CSS 选择器是否有效

我有一个供用户输入CSS选择器的字段,我想检查它是否有效(根据css3specification)。我尝试使用css3specification中的表达式正如anotherstackoverflowtopic中所建议的那样,但它不起作用-我构建的正则表达式与有效的选择器不匹配。我现在所拥有的只是:try{document.querySelector(selector);}catch(e){//handlebadinput}但这似乎不是一个好的解决方案-querySelector函数是为获取元素而设计的,检查选择器只是一个副作用。此外,它不提供有关选择器问题的任何信息。我正在寻找类似do

javascript - 删除类时如何避免 css 转换(旋转)?

我想通过向其添加CSS类来旋转元素onclick。问题是,当删除相同的CSS类时,元素会第二次旋转。fiddle:https://jsfiddle.net/L3x2zhd1/1/JS:varel=document.getElementById('el');el.onclick=function(){el.className='rotate'setTimeout(function(){el.className=''},1000)};CSS:#el{width:50px;height:50px;background-color:red;-webkit-transition:-webkit-

javascript - WebPack如何将所有的css文件放到一个css文件中

我是WebPack的新手,我希望能够获取一个CSS文件目录(.app/styles/[css文件...])并将它们输出到一个CSS文件(dist/styles.css).目前,所有的JavaScript文件都被编译成一个单独的“index_bundle.js”文件,这是完美的,但我想为我的CSS文件实现同样的效果。经过大量“谷歌搜索”后,我发现WebPack的ExtractTextPlugin应该能够帮助解决这个问题,但这只适用于添加到“entry”属性的一个CSS文件(例如:entry:{style:"./app/styles/style.css"})然后作为链接标记添加到html的

javascript - 使用浏览器解析 CSS 而无需触及 DOM/样式

我有这样的东西:constsomeCSS=`.foo{padding:20px;background-color:#ddf;width:100px;}.bar{height:100px;}.foo{padding-top:30px;/*thisoverridesthepreviousone*/}`;我可以将此添加到DOM中,并使用这样的每个规则(jsFiddle)取回所有选择器:conststyle=document.createElement('style');style.innerHTML=someCSS;document.head.append(style);conststyle