草庐IT

style-loader

全部标签

javascript - react .js : how to make inline styles automatically update progress bar on state change

我在React.js和ZurbFoundation中构建了一个进度条,我想反射(reflect)当前状态。我知道一开始我可以用这样的东西设置宽度:render:function(){varspanPercent=(this.props.a-this.props.b)/this.props.a+'%';varspanStyle={width:spanPercent};return();}但是,当props的值由于状态变化而变化时,即使props值发生变化,内联样式也不会更新。是否有执行此操作的最佳实践,例如使用回调或将代码放在其他地方?如果有任何帮助,我将不胜感激!

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - 使用 react-hot-loader 获取 "Aborted because 0 is not accepted"和整页重新加载

我正在尝试使用react-hot-loader设置webpack热重载。它大部分似乎都在工作。我在现有的Rails应用程序中使用webpack。但这不是热重载。每次更改我的react代码时,它都会触发重新加载。我收到的错误消息是:[HMR]Cannotapplyupdate.Needtodoafullreload!-dev-server.js:18[HMR]Error:Abortedbecause0isnotaccepted-dev-server.js:19athotApply(http://localhost:8080/assets/webpack/bundle.js?body=1:

javascript - style.left 和 element.offsetLeft 有什么区别

谁能告诉我style.left和element.offsetLeft有什么区别,是一样的吗? 最佳答案 element.offsetLeft返回当前元素的左上角在offsetParent节点内向左偏移的像素数。elem.style.left获取样式属性的左侧属性 关于javascript-style.left和element.offsetLeft有什么区别,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - 无法读取 null 的属性 'style'

由于一些奇怪的原因,我得到了一个奇怪的错误。我有一个元素(我用PHP定义的)最终看起来像这样:...somehtmlinputsandstuff....我通过Chrome的InspectElement确定。现在,当我尝试用这个编程方式解决它时:document.getElementById("1_area_1_5").style.display='none';我收到Cannotreadproperty'style'ofnull错误。我不知道这到底是什么意思,有什么帮助吗? 最佳答案 错误意味着该元素不存在。那是因为你打错了你写了1而

javascript style.width 在具有过渡文档类型的 firefox 中不起作用

我有一个脚本可以让一个小的DIV在页面上弹出。在IE中一切正常,如果我删除DOCTYPE,在FF中一切正常,但是当DOCTYPE为XHTML/Transitional时,在Firefox中,宽度不会改变。this.container.style.visibility="visible";alert("this.container.style.widthbefore="+this.container.style.width)this.container.style.width=this.width;alert("this.container.style.widthafter="+this

javascript - 模块构建失败(来自 ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-react'

在尝试使用Webpack4和Babel7构建React应用程序时,我遇到了以下错误。ERRORin./src/index.jsModulebuildfailed(from./node_modules/babel-loader/lib/index.js):Error:Cannotfindmodule'babel-preset-react'from'/Users/me/Desktop/reflask'-Ifyouwanttoresolve"react",use"module:react"-Didyoumean"@babel/react"?atFunction.module.exports[

javascript - Webpack 4、postcss-loader 和 autoprefixer 插件

我对让自动前缀器工作感到非常沮丧。这是我的webpack.config.jsconstHtmlWebPackPlugin=require("html-webpack-plugin");constMiniCssExtractPlugin=require("mini-css-extract-plugin");constconfig={module:{rules:[{test:/\.js$/,exclude:/node_modules/,use:{loader:"babel-loader"}},{test:/\.(scss)$/,use:[MiniCssExtractPlugin.loade

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - d3 : what is the self as in d3. select(self.frameElement).style ("height", height + "px");

我在许多D3示例中看到过如下语句。但是,我无法找出它的含义。特别是,我不知道这个self变量指的是什么。此外,这是否体现了某种D3魔术/惯例,或者它只是一个临时的东西?非常感谢。d3.select(self.frameElement).style("height",height+"px");顺便说一句,here是我复制上面语句的例子。 最佳答案 self:如果没有重新定义(通常作为this的副本),那么它就是始终指向windowwindow对象。因此它们可以互换使用。window.frameElement:返回嵌入窗口的元素(例如或