我们使用了链接:
http://www.facebook.com/sharer.php?u=[shared URL]
Run Code Online (Sandbox Code Playgroud)
...分享特定页面.但是,Facebook Sharer使用图像和标题的缓存版本.有没有办法快速清除Facebook缓存或我们需要等待多长时间才能更新数据?
我放在<link rel='image_src' href='[preview image]' />标签之间.
我的意思是,单选按钮本身由圆形和中心点(当选择按钮时)组成.我想要改变的是两者的颜色.可以使用CSS完成吗?
我有这些HTML和CSS:
#siteInfo input[type="button"] {
background: none repeat scroll 0 0 #66A3D2;
border-color: #FFFFFF #327CB5 #327CB5 #FFFFFF;
border-radius: 10px 10px 10px 10px;
border-style: solid;
border-width: 1px;
box-shadow: 1px 1px 3px #333333;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
padding: 5px;
text-align: center;
text-shadow: 1px 1px 1px #000000;
}Run Code Online (Sandbox Code Playgroud)
<div id="siteInfo">
<p>Some paragraph.</p>
<input type="button" value="Some Button">
</div>Run Code Online (Sandbox Code Playgroud)
我希望按钮与中心对齐; 然而,即使text-align: center在CSS中,仍然在左边.我也不想指定宽度,因为我希望它随着文本的长度而改变.我怎么做?
我知道解决方案很简单,但我找不到合适的方法.我有时会将它包裹在一个<p>中心对齐的标签周围,但这是我想要避免的额外标记.
我导航到另一个页面,其中正在传递一些数据,如下所示:
this.props.history.push({
pathname: "/someotherpage",
state: { somedata: somedata }
});
Run Code Online (Sandbox Code Playgroud)
现在/someotherpage,我的方法中有一个条件render()来根据是否this.props.location.state不为空来显示组件。
{this.props.location.state && (
<SomeComponent>
{this.props.location.state.somedata}
</SomeComponent>
)}
Run Code Online (Sandbox Code Playgroud)
它正在工作。但是,当我刷新页面时,<SomeComponent>仍然显示,因为this.props.location.state.somedata即使我刷新它仍然存储。this.props.location.state刷新页面时如何清除回空?(虽然导航离开时似乎很清楚,但只有在刷新时才会保留。)
这是我第一次使用Zurb Foundation进行网络项目.但是,我不确定是否在单独的样式表中使用我自己的样式覆盖它们的样式或直接编辑foundation.css.
例如,这是他们的nav css(内部foundation.css):
.nav-bar {
background: #4D4D4D;
height: 40px;
margin-left: 0;
margin-top: 20px;
padding: 0;
}
Run Code Online (Sandbox Code Playgroud)
如果我想改变background和margin-top,我直接编辑.nav-bar从foundation.css或创建自己的样式表(把style.css以下foundation.css),并覆盖它,像这样:
.nav-bar {
background: #999;
margin-top: 0;
}
Run Code Online (Sandbox Code Playgroud)
这是好习惯吗?如果没有,最好的方法是什么?
这是我正在使用的if-else语句的结构:
$('.myclass a').click(function() {
if ($(this).hasClass('class1')) {
//do something
} else if ($(this).hasClass('class2')) {
//do something
} else if ($(this).hasClass('class3')) {
//do something
} else if ($(this).hasClass('class4')) {
//do something
} else {
//do something
}
});
Run Code Online (Sandbox Code Playgroud)
已经有很多案例,我认为使用switch语句会更整洁.我如何在jQuery/javascript中执行此操作?
传递道具时,应该将整个对象传递到子组件中,还是应该先在父组件中单独创建道具,然后再将这些道具传递给子组件?
传递整个对象:
<InnerComponent object={object} />
Run Code Online (Sandbox Code Playgroud)
单独创建首先需要的道具:
<InnerComponent name={object.name} image={object.image} />
Run Code Online (Sandbox Code Playgroud)
哪一个是首选,并且取决于它,我应该使用哪个作为量规?
我们有一个包含用户上传图像的div.这是代码:
HTML:
<div class="container_img">
<img height="120" width="150" src="[image name].jpg">
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
div.container_img {
overflow: hidden;
width: 150px;
height: 150px;
}
Run Code Online (Sandbox Code Playgroud)
我们的问题是,如果用户上传的图像高度小于150像素,则底部有一个很大的空间.因此,我们希望垂直对齐图像,使其看起来不像是浮动的.
我曾尝试在网上搜索解决方案,但我找不到一个可以在DIV中使用动态图像的解决方案.某些解决方案要求您知道图像的尺寸.
有人有这个问题并解决了吗?
我有一个像这样的心脏 svg 路径:
<svg viewBox="0 0 100 100">
<path className="" d="M20,31 C15.4189994,27.2225585 12.5023327,24.2225585 11.25,22 C10.2743515,20.6156479 10,19.6181623 10,18.1428571 C10,15.5113854 12.4883456,13 15,13 C17.3176009,13 18.9621484,13.8491346 20,15.5714286 C21.0382977,13.8491346 22.6828452,13 25,13 C27.5116544,13 30,15.5113854 30,18.1428571 C30,19.6181623 29.7256485,20.6156479 28.75,22 C27.497816,24.2225585 24.5811493,27.2225585 20,31 Z" />
</svg>
Run Code Online (Sandbox Code Playgroud)
我想在上面添加渐变效果,从左到右移动渐变,好像心脏在闪闪发光。
但是,path不接受background属性,如果我使用fill,它不接受渐变作为值。它也没有background-position属性(这样我就可以使用 将其background-position从左移到右@keyframes)。
有没有办法实现这一目标?
我们在同一域但不同的子域中有两个独立的网站/应用程序。
\n\n例如
\n\nhttps://hello.website.com (Webapp 1)\nhttps://world.website.com (Webapp 2)\nRun Code Online (Sandbox Code Playgroud)\n\n我们\xe2\x80\x99d 想要做的是在 Webapp 1 上登录用户,登录并单击 Webapp 1 中的按钮后,我们\xe2\x80\x99d 希望将用户重定向到 Webapp 2。但是,Webapp 2需要与当前存储在 Web 应用程序 1 的本地存储中的相同身份验证令牌。如何使本地存储内容可供 Web 应用程序 2 使用?
\n\n或者有更好的方法来做到这一点吗?
\ncss ×5
javascript ×4
html ×3
jquery ×2
reactjs ×2
class ×1
facebook ×1
forms ×1
frameworks ×1
height ×1
hyperlink ×1
if-statement ×1
jwt ×1
radio-button ×1
react-props ×1
react-router ×1
social-media ×1
subdomain ×1
svg ×1