草庐IT

content-style

全部标签

javascript - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - phonegap + ionic 使用 Content-Security-Policy 加载 maps.googleapis.com,如何?

我尝试了很多加载谷歌地图和firebaseio的方法,但都没有成功:这就是我现在拥有的:我得到:Refusedtoloadthescript'https://maps.googleapis.com/maps/api/js?libraries=places'becauseitviolatesthefollowingContentSecurityPolicydirective:"script-src'self'https://maps.googleapis.com/*'unsafe-inline''unsafe-eval'".Refusedtoloadthescript'https://t

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - Bootstrap 3 : Show spinner + fade background whilst waiting for modal content to load

所以我知道您现在可以使用data-target+href来加载远程内容,但是,我从ajax响应中得到的是json(而且我无法更改服务器端),所以我首先需要对其进行处理。我想展示一个微调器,我有它的CSS,但也想已经淡出当您将类“淡入淡出”添加到模态div时发生的背景。有谁知道如何手动启动它,并确保在我显示模态时不重复动画? 最佳答案 在我使用Bootstrap3的元素中,我创建了一个pleaseWait函数,我从其他执行AJAX调用的函数中调用该函数。此功能包含显示和隐藏功能。show函数将加载我希望显示的html(微调器、文本等)

javascript - Cordova 错误 : Refused to execute inline script because it violates the following Content Security Policy directive

我正在学习将Cordova与jquerymobile结合使用,但出现以下错误:RefusedtoexecuteinlinescriptbecauseitviolatesthefollowingContentSecurityPolicydirective:"default-src'self'data:gap:https://ssl.gstatic.com'unsafe-eval'".Eitherthe'unsafe-inline'keyword,ahash('sha256-iacGaS9lJJpFDLww4DKQsrDPQ2lxppM2d2GGnzCeKkU='),oranonce('n

javascript - 位置 :sticky : Adding style when the element detaches from normal flow

举个简单的例子:MYNAVBAR和基本样式:#mynav{position:sticky;}我想将以下样式信息应用到我的导航栏仅当它脱离正常流程时,以便从视觉上将其与主要内容分开(在这种情况下带有阴影)box-shadow:0px10px15px0pxrgba(0,0,0,0.75);我可以使用某种伪类或类似媒体查询的东西吗?例如:#mynav:some-pseudo-class{box-shadow:0px10px15px0pxrgba(0,0,0,0.75);}我知道有一些很好的插件,但如果不绕过(相当新的)native功能position:sticky,它们似乎都无法实现它。相反

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - Jquery $(element).contents().first().text ("new text") 不起作用?

我在Google或此处找不到任何相关信息。我有一个div,里面有一些文本和一些html:http://somewebsite.com/big/long/unfriendly/path/我想做的是添加一个在每个斜线之后。(因为该值不会以其他方式换行并弄乱了我的表格)。在$('#test-div').html()上做一个简单的替换也会与强标签混淆,所以这不是一个选项。我想使用$('#test-div').contents()过滤掉文本部分(递归地)会起作用。但是我似乎无法编辑返回的各个位。我希望这会改变http://部分:$('#test-div').contents().first().

javascript - 在 JavaScript 中限制对 'style' 属性的访问

我开始开发一个小型JavaScript库,我想只通过我的API来设置HTML元素的样式(因为出于某种原因我需要完全控制样式)。所以我想让style属性不可访问(我的API将通过我的style别名访问它-这不是一个理想的解决方案,但对于像jQuery这样的其他库来说它可以技巧)。如果我这样写(受thistopic启发):varbox=document.getElementById('someElementId');Object.defineProperty(box,'style',{get:function(){throw'youcantaccessstyleproperty';}});

改变 this.style.backgroundImage 的 Javascript

给定以下代码,我将如何完成tileClick()以便将点击的图像从“tileBack.jpg”更改为显示分配给该特定div的图像在shuffleDeck()中?我的意思是,tileClick()函数应该获取当前显示tileBack图像的图block,并在单击时显示该图block“反面”的图像.到目前为止,您可以看到我是如何尝试定位被单击的特定磁贴的,尽管我不确定此处是否正确使用了this.。在该声明的另一边,我尝试做类似="../img/tile_"+tiles[i]+".png";的事情,但显然问题在于i不存在于该函数的范围内。我的问题是我不知道如何重构我的代码,以便我可以访问以前分