草庐IT

css-modules

全部标签

javascript - 我如何使用 refs 来更改 ReactJS 中的样式类?

我正在尝试在颜色值更改时更改div的背景。这是我接收颜色值的函数:ChangeColor(oColor){this.props.ChangeColor(oColor);console.log("Refs:",this.refs.colorPicker.className);},这是CSS类.colorPicker{padding-right:25px;background:#000;display:inline;margin-right:5px;}这是我的div元素,其背景需要在运行时更新。我不确定refssynatx,所以请帮助解决这个问题。谢谢。 最佳答

javascript - 使用 Javascript 设置 CSS 位置

如何使用JS设置relative50%50%位置?我试过:document.getElementById("id").style.position="relative50%50%";但是好像不行... 最佳答案 您必须单独设置它们。我创建了一个指向style对象的变量,因为我们要修改多个属性并且因为with(){...}是consideredharmful.此外,我将50%设置为两个属性,因为从右到左分配,并且因为将此字符串分配给两个属性不是问题(确保您了解这是如何工作的,例如vara=b=[]会将a和b设置为sameArray对象

javascript - 为什么 Google 使用内联 JavaScript 和 CSS?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我在查看谷歌网页源代码时只能看到内联CSS和JS。我没有看到包含任何CSS文件或JS文件。它们如何包含jquery、插件等?(或)Google使用Jquery吗?

javascript - 使用 PhantomJS 预渲染 AngualrJS 站点时出现 "Failed to instantiate module ngSanitize"

我正在尝试使用PhantomJS预呈现我的AngularJS网站。(使用来自http://www.yearofmoo.com/2012/11/angularjs-and-seo.html的phantomjs-runner.js)由于出现以下错误,我无法通过PhantomJS加载页面。在IE/Chrome/Firefox中不会出现此错误。我该如何解决这个错误?错误:Error:[$injector:modulerr]FailedtoinstantiatemoduleSpaceForAfricadueto:Error:[$injector:modulerr]Failedtoinstanti

javascript - 加载外部 CSS 和 JavaScript 文件的顺序

我有一个加载许多css和javascript文件的第三方应用程序,我现在想通过将所有javascripts连接到一个文件中来优化它,由yuicompressor压缩,但是......当我们有这样的组合:这里中间有一个css重要吗?我应该连接并压缩4个javascript并在CSS之前或之后加载它们吗? 最佳答案 查看Yahoo'sBestPracticesforSpeedingUpYourWebSite,他们建议首先加载您的css(最好在标题中),最后加载您的js(在正文中的所有内容之后)。Google'sbestpractices

javascript - CSS 从左到右淡入淡出

有没有办法只使用CSS使元素(至少只是文本)从左到右淡入淡出,反之亦然?这是我的意思的一个例子:实际上,如果它需要jQuery,我也会接受它,只是作为第二优先级。 最佳答案 是的,您可以使用CSS3动画(checkbrowsersupporthere)。这是一个简单的demofortext-fading.HTML:.text{position:relative;line-height:2em;overflow:hidden;}.fadingEffect{position:absolute;top:0;bottom:0;right:0

javascript - #linkTo 帮助程序中的动态 CSS 类字符串(使用 ember.js 版本 pre4)

我有一个像这样的Handlebars模板:{{#eachsectionincontroller}}{{#linkTo"section"section}}{{section.label}}{{/linkTo}}{{/each}}一切正常。我的模型对象如下所示:App.Section=DS.Model.extend({sectionDetail:DS.attr('number'),label:DS.attr('string'),cssClass:DS.attr('string')});我想在"#linkTo"帮助程序中使用"cssClass"属性。现在,如何(在句法上)完成?我试过了,但这

javascript - AngularJS css 动画 + 完成回调

我正在使用AngularJS,并希望在动画完成时得到通知。我知道这可以通过javascript定义的动画来完成,例如myApp.animation(...),但我很好奇我是否可以在没有javascript的情况下做到这一点。问题是否可以使用Angularng-enter和ng-leave/strong>css-transitions,并指定完成回调?我想animationend事件被触发了,所以应该有办法做到这一点。我有这个:HTML:{{item.name}}CSS:.myDiv.ng-enter{...}.myDiv.ng-enter.ng-enter-active{...}.my

javascript - css按钮设置为不可点击

我想将我的css按钮设置为不可点击/禁用。我有一个表单,当我点击“发送”按钮之后我想将此按钮设置为禁用/不可点击。有人可以帮助我吗?这是我的按钮:.good-form>.actionsa,.theButton{display:inline-block;width:540px;margin:20px010px;padding:12px;background-color:#b6adb4;border-radius:2px;border:0px;text-align:center;color:#fff!important;text-decoration:none!important;font

Javascript 和 CSS 解析性能

我正在尝试提高网络应用程序的性能。我有可用于优化返回主HTML页面所用时间的指标,但我担心这些HTML页面中包含的外部CSS和JavaScript文件。这些是静态提供的,带有HTTPExpiresheader,但在应用程序的所有页面之间共享。我担心浏览器必须为显示的每个页面解析这些CSS和JavaScript文件,因此将网站的所有CSS和JavaScript共享到公共(public)文件中会对性能产生负面影响。我是否应该尝试拆分这些文件,以便从每个页面链接到该页面所需的CSS和JavaScript,或者我的努力会得到很少的返回吗?是否有任何工具可以帮助我为此生成指标?