草庐IT

CSS面试问题

全部标签

javascript - 外部 gem 的 Assets 管道编码问题(UTF-8 与 ASCII-8BIT)

我正在尝试创建一个包装d3.js的gem,可以在https://github.com/iblue/d3-rails找到源代码所以当我将这个gem包含在我的Gemfile中时gem"d3-rails",:git=>"git://github.com/iblue/d3-rails.git"当我在application.js中包含javascript时://=required3然后我的Assets编译失败,我编译的application.js只包含throwError("Encoding::CompatibilityError:incompatiblecharacterencodings:U

javascript - Mocha 全局范围界定问题

我在围绕我正在使用的全局对象进行mocha测试时遇到了一个大问题。我能够生成以下MRE,它不会给出完全相同的错误,但会举例说明有问题的(错误的?)行为。任何见解将不胜感激。我在/lib中有以下main.js文件:exports.exec=function(){console.log(test);}然后在/test/test.js中执行以下操作:varshould=require('should');varmain=require('../lib/main');global.test={something:1};describe('normaltest',function(){befor

javascript - 忽略 ASP.net 中的 Javascript、CSS 和图像文件路由

我上下调整了StackOverflow,但不幸的是,没有一个答案对我有帮助。我有一个Web应用程序,它使用VisualStudio提供的IIS在我的本地PC上完美运行,但是当我将此应用程序部署到服务器时,只有CSS才能正确显示。文件的文件夹结构如下:Root(此文件夹在服务器上名为KnowledgeManagement)CSSJS媒体上传文件图片用户我的代码,至少母版页的头部部分是这样的:然而,浏览器生成它是这样的:问题是除了CSS之外,JS文件夹中的文件和Media或Uploads文件夹和子文件夹中的文件都没有正确生成。问题是,如果我在图像src属性前添加“斜杠”,图像将获取位置ht

javascript - CSS @media 查询(和其他嵌套选择器)的正则表达式解析

我正在开发一个Node脚本,它使用正则表达式来解析CSS文件,并且它工作得很好......除了处理@media查询时。问题是由于嵌套的花括号让我很不舒服。我基本上想创建一个媒体查询中所有内容的捕获组:这是我到目前为止所获得的内容。@media[^{]+\{([^}]+)}\s*}这适用于一些简单的事情,例如:@media(max-width:868px){aside.size-toggle{display:none;}}但是不能拾取多个嵌套规则,像这样:@media(max-width:767px){#wrapper.sidebar-displayaside{left:0;transi

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - 如何将 Javascript 变量值放入 CSS?

如何让time变量的内容显示为content我的CSS中的属性?JavaScript:functionclock(){vard=newDate();varhour=d.getHours();varmin=d.getMinutes();vartime=hour+":"+min;}CSS:.screen{position:absolute;height:75%;width:75%;background:#98E8EE;top:11.5%;left:12.5%;}.screen::after{color:#F9F5F4;font-size:40px;content:;font-family:

javascript - 在 React setState 函数中使用 e.target.value 的问题

我在React中遇到了一个奇怪的问题。我想我可能还没有完全掌握React的工作原理,非常感谢您的帮助。请在下面找到我的React组件:classmyComponentextendsComponent{state={value:''}updateValue=e=>{this.setState({value:e.target.value})}render(){return()}}然后,现在如果我在文本字段中键入内容,我将收到以下警告和错误:警告:出于性能原因重用此合成事件。如果您看到这一点,则表示您正在访问已发布/已取消的合成事件的属性target。这被设置为空。如果您必须保留原始合成事件

javascript - $ ('#foo' ).remove() 可能存在 jQuery 内存问题?

我刚刚发现,当使用remove()函数时,匹配的元素并没有从jQuery对象中移除,只是从DOM中移除。根据remove()documentation:RemovesallmatchedelementsfromtheDOM.ThisdoesNOTremovethemfromthejQueryobject,allowingyoutousethematchedelementsfurther.如果一个web应用程序不断地从dom中添加和删除元素,这肯定会消耗越来越多的内存吗?有人可以确认是否是这种情况吗?可以做些什么来避免这种情况? 最佳答案

javascript - 关于javascript字符串替换方法的问题

我知道我可以将字符串作为第二个参数传递给JavaScript字符串对象的替换方法。在这种情况下,我可以使用$`和$'来引用成功的左/右部分文本比赛。现在我的问题是,如果我将回调函数作为第二个参数传递,我怎样才能获得相同的信息?我想在回调函数中使用此信息。非常感谢。 最佳答案 参见Mozilla'sdocumentation;您不会免费获得这些数据。好消息是,您将将匹配的偏移量作为倒数第二个参数,并将总字符串作为最后一个。因此,您可以运行自己的子字符串函数。varstr='abc';str=str.replace('b',functi