草庐IT

styled-component

全部标签

javascript - knockout : Invoking function of parent component from child component

问题:我正在尝试构建一个小部件仪表板。每个小部件的标题上都有一个删除按钮。单击此按钮时,相应的小部件必须消失。我是如何设计的:我有两个knockout组件。我的小部件列表:VO将有一个小部件对象的observableArray。我的小部件:VO将在小部件中显示详细信息。注意:为简单起见,我只用数字替换了小部件对象。ko.components.register('my-widget-list',{viewModel:function(params){varself=this;self.values=ko.observableArray([10,20,30,40,50]);self.del

javascript - 视觉 : Components/templates as props

我目前正在尝试学习vue并在整个组件概念上苦苦挣扎。假设我有一些定义选项卡的组件(如浏览器选项卡)。这个组件有一个名为name的属性。所以你可能会像这样使用组件:然而,让我们说事情需要更复杂一点。例如,您不只是希望名称是一个字符串,而是常规的HTML。好的,所以,您可以在v-html指令中使用prop并像这样使用选项卡组件:'+tab.display_name+''">由于引述太多,我花了一段时间才弄明白。有没有办法逃离这个逃生hell(完全是双关语)?我怎样才能把它放到它自己的代码片段/模板中?如果我们让它变得更复杂怎么办——比如我们要求prop是一个vue组件?'+tab.disp

javascript - 通过说 "require(' library')"可能需要来自 bower_components 的 JS 文件?

我是RequireJS的新手,看起来它实际上可能是不可能的,但我仍然会继续问下去,以防我遗漏了什么。在文档中它说..ThissetupassumesyoukeepallyourJavaScriptfilesina"scripts"directoryinyourproject.project-directory/project.htmlscripts/main.jshelper/util.js但是如果我必须在bower_components中从我的bower安装文件中获取文件怎么办:project-directory/bower_components/jquery-mousewheelj

javascript - 为什么 element.style 在 JS 中总是返回空?

当您在css中定义display:block时,element.style.display总是返回空的。console.log(document.getElementById('test').style.display)#map{display:block;}test但是如果你在该元素中设置样式,那么我们可以获得样式。显示详细信息。console.log(document.getElementById('test').style.display)test我不想要解决方案,因为我知道有很多解决方案:getElementById().style.displaydoesnotworkShow

javascript - 失败的 Prop 类型 : Invalid prop `component` of type `object` supplied to `Route` , 预期 `function`

我刚刚将我的React应用程序更新到16.6.0并将react-scripts更新到2.0.3以开始使用lazy并且在按照官方文档上的示例进行操作时出现此错误:失败的prop类型:提供给Route的object类型的无效propcomponent,预期的function忽略它,一切似乎都在工作,除了控制台中的这个错误。这是我的一些代码://importshere...constDecks=lazy(()=>import('./pages/Decks'));...classAppextendsComponent{...render(){return(}>...);}...我在这里做错了什

javascript - 开放层 3 : how to set fill style of a vector feature

我正在尝试设置矢量图层的单独特征的填充颜色。使用下面的代码,我认为我可以遍历这些功能并单独设置它们的填充样式,但是发生了一个奇怪的问题。如果没有setStyle函数,功能的各种属性将记录在控制台中。ID、名称和几何图形。大约有5个左右的功能被记录下来。基本喜欢room1room2room3room4room5每个数据下面都有额外的数据(id、geometry)但是当我添加设置特征填充的行时,我遇到了一个奇怪的问题。它似乎在第一个功能上挂起循环,并且控制台填满了该功能属性的日志,例如:room1room1room1room1room1room1room1很长一段时间,到了firefox日

javascript - 未捕获的类型错误 : Cannot set property style of#<HTMLElement> which has only a getter

以下代码在Chrome、Safari中失败,在Firefox中运行良好"usestrict";document.body.style="background-color:green;";backgroundshouldbegreen删除“usingstrict”,它起作用了。这是Chrome和Safari中的错误还是Firefox中的错误?MDNsayssettingthestyleisvalid. 最佳答案 问题并非所有浏览器都支持将包含CSS声明block文本表示的字符串分配给style属性。element.style=styl

javascript - 以编程方式更改 body.style.overflowY 或 X

我正在尝试通过JavaScript函数将正文overflowY更改为"hidden"。我已经尝试了以下两种方法:document.body.style['overflow-y']='hidden';document.body.style.overflowY="hidden";在这两种情况下它都不起作用。然而,在这两种情况下,仅使用不带X或Y的overflow都可以正常工作!有没有办法只改变overflowY或overflowX属性? 最佳答案 这两种情况都应该适用于所有当前的浏览器。我刚刚测试了Firefox4、Chrome11和I

javascript - &lt;style type ="text/javascript"> 有什么用处吗?

这个有什么用处和用途,有用吗? 最佳答案 它用于“JSSS”或Javascript样式表;参见here获取更多信息。它是非标准的,并且在Netscape的原始提案之外从未真正流行过,您可以阅读here。我不认为今天的大多数浏览器都支持这个;我当然从未见过使用它的网站。 关于javascript-<styletype="text/javascript">有什么用处吗?,我们在StackOverflow上找到一个类似的问题: https://stackove

javascript - TinyMCE 使用 <div align ="center"> 而不是 <div style ="text-align: center">?

我使用的是TinyMCE3.2.5,默认情况下,当您单击居中对齐按钮时,它使用内联样式.我想使用tinyMCE而不是内联样式。我知道在配置中设置inline_styles:false是有效的。但我想对除对齐以外的所有内容使用内联样式。我将如何改变它? 最佳答案 tinyMCE.init({...'formats':{'alignleft':{'selector':'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',attributes:{"align":'left'}},'align