草庐IT

CSS面试问题

全部标签

javascript - 如何获取由 css 设置的元素的字体大小

我正在编写一个简单的jQuery来按一定百分比更改元素的字体大小。我遇到的问题是,当我使用jQuery的$('#el').css('font-size')获取大小时,它总是返回一个像素值,即使使用em设置也是如此。当我使用Javscript的el.style.font-size属性时,它不会返回一个值,直到一个值被同一属性显式设置。有什么方法可以使用Javascript获取原始CSS设置的字体大小值吗?您的方法对跨浏览器的友好程度如何?提前致谢!编辑:我应该注意到,所有经过测试的浏览器(见下面的评论)都允许我使用上面提到的两种方法使用“em”值设置文本大小,此时jQuery.css()

javascript - 令人费解的 Javascript 构造函数问题

我在使用JavaScript时遇到了一个非常令人费解的问题。看看下面的代码..az={classes:{test:function(){this.hello=function(name){alert('hello'+name);}}},getClass:function(name){returnaz.classes[name];}};vara=newaz.classes['test']();a.hello('foo');varb=newaz.getClass('test')();b.hello();//fails!!!在代码中,如果您注意到我们在对象az.classes中定义了一个类。

javascript - 是否有用于 visual studio 的 javascript/css 压缩器插件?

我正在寻找具有以下功能的visualstudio插件:在构建项目或执行工具时,插件会查找所有*.js和*.css文件并将它们压缩/最小化为*.min.js和*.min.css文件。在项目构建时执行该工具将使您能够在页面中保留对*.min.js的引用,同时对*.js文件的更改将立即写入*.min.js文件。有这样的东西吗?如果不是,最接近自动化此类任务的方法是什么?补充问题:自动合并文件怎么样? 最佳答案 查看这两个链接:AnMSbuildscriptforYUIcompressorYUIcompressorforVS

Javascript 和 jQuery (Fancybox) 问题

Javascript和jQuery(Fancybox)问题我将下面的Javascript函数用于Twitter共享(以及其他服务;对于这个问题,函数代码已简化为仅Twitter)获取要共享的页面URL和标题,并在与onclick的链接。这导致Twitter共享页面在弹出的浏览器窗口中加载,即为了与网站的其他设计方面保持一致,我希望能够做的是让Twitter共享页面不在标准浏览器窗口中打开,而是在Fancybox(jQuery)窗口中打开。当img或href链接在链接和标题中的文档就绪函数中包含一个类(在本例中为class="iframe")时,Fancybox可以在iFrame中加载外

javascript - Bing map 问题 --p_elSource.attachEvent 不是函数

我在使用Bingmap时遇到了重大问题。我在用:http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=6.3首先我在firebug中遇到错误:this.CreditsFor=function(a,i,j,h){vare=[];if(a!="undefined"&&a!=null&&typeofm_tableKeys[a]!="undefined"&&........MVC_Init_FlatlandView_Drawing();MVC_Init_View3D_Drawing()};if(typeofcloseDependenc

javascript - 如何通过 Javascript 通过 CSS 获取准确的 RGBa 值设置?

在我尝试过的大多数浏览器中,一旦浏览器解析了CSS,rgba()值似乎就会发生变化。例如,下面的CSS:background-color:rgba(255,0,0,0.5);通过jQuery.css('background-color')或原生CSSStyleDeclaration.getPropertyValue('background-color')访问时提供以下CSS值:rgba(255,0,0,0.498039)这是afiddle有更多的例子。Chrome和Safari给出不同的结果。Firefox似乎是唯一报告输入的准确值的浏览器。这是错误还是设计使然?

javascript - 为什么 z-index 不能在 Chrome 中使用 CSS 列?

我使用column-count创建的多列布局的z-index有问题。我想使用.animate()将单击的div移动到列表顶部,但是当我单击右列中的元素时,它会位于左列元素的后面。这在Firefox上运行良好,但在Chrome上不起作用。有什么想法吗?functiongotoTop(element){vardestinationTop=$('.categories').offset().top;varelementOffsetTop=$(element).offset().top;vardistanceTop=(elementOffsetTop-destinationTop);retur

javascript - 更新 v-for 中使用的数组内的对象时,Vue js react 性问题

我有一个使用vue.js的应用程序。我在对象数组中使用v-for生成结果列表。当我使用下划线_.extend更新数组中第n个项目内的对象时,项目View不会更新。http://vuejs.org/guide/reactivity.html上有针对此问题的解决方案这表示像这样使用_.extend:this.results.displayed[key]=_.extend({},this.results.displayed[key],detail.items);但问题是当我像它说的那样使用扩展时,它不会更新View。 最佳答案 当您通过数

javascript - Bootstrap-vue 不加载 CSS

我正在使用Bootstrap4编写一个Vue.js应用程序,但我无法加载,尽管我遵循了文档。添加到main.jsVue.use(BootstrapVue);添加到与App.vue相关的css文件:@import'../../node_modules/bootstrap/dist/css/bootstrap.css';@import'../../node_modules/bootstrap-vue/dist/bootstrap-vue.css';这是模板:{{msg}}{{statusCode}}PlayersdataTournamentdata结果:没有呈现css但在来自dist目录的

javascript - Next.js - 导入 css 文件不起作用

我正在用react、redux和next.js创建一个元素,想在js中导入CSS文件。我按照next.js/#css中的说明进行操作和next-css,但发现CSS样式不起作用。我的代码如下:pages/index.js:importReactfrom'react'import"../style.css"classIndexextendsReact.Component{render(){return(HelloWorld!);}}exportdefaultIndexnext.config.js:constwithCSS=require('@zeit/next-css')module.e