小编cat*_*use的帖子

如何清除Facebook Sharer缓存?

我们使用了链接:

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]' />标签之间.

facebook social-media hyperlink social-networking

114
推荐指数
3
解决办法
19万
查看次数

如何更改单选按钮的颜色?

我的意思是,单选按钮本身由圆形和中心点(当选择按钮时)组成.我想要改变的是两者的颜色.可以使用CSS完成吗?

html css forms radio-button

84
推荐指数
9
解决办法
26万
查看次数

如何在不指定宽度的情况下将输入标签对齐到中心?

我有这些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>中心对齐的标签周围,但这是我想要避免的额外标记.

html css

32
推荐指数
4
解决办法
16万
查看次数

如何在刷新时清除 props.location.state?

我导航到另一个页面,其中正在传递一些数据,如下所示:

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刷新页面时如何清除回空?(虽然导航离开时似乎很清楚,但只有在刷新时才会保留。)

javascript reactjs react-router

13
推荐指数
2
解决办法
1万
查看次数

如何覆盖\编辑Zurb Foundation基本CSS样式?

这是我第一次使用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)

如果我想改变backgroundmargin-top,我直接编辑.nav-barfoundation.css或创建自己的样式表(把style.css以下foundation.css),并覆盖它,像这样:

.nav-bar {
    background: #999;
    margin-top: 0;
}
Run Code Online (Sandbox Code Playgroud)

这是好习惯吗?如果没有,最好的方法是什么?

css frameworks css-frameworks zurb-foundation

12
推荐指数
2
解决办法
2万
查看次数

如何在jQuery/Javascript中编写switch语句来测试一个元素是否有特定的类?

这是我正在使用的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中执行此操作?

javascript jquery if-statement class switch-statement

11
推荐指数
3
解决办法
4万
查看次数

React props:我应该传递对象或其属性吗?有什么区别吗?

传递道具时,应该将整个对象传递到子组件中,还是应该先在父组件中单独创建道具,然后再将这些道具传递给子组件?

传递整个对象:

<InnerComponent object={object} />
Run Code Online (Sandbox Code Playgroud)

单独创建首先需要的道具:

<InnerComponent name={object.name} image={object.image} />
Run Code Online (Sandbox Code Playgroud)

哪一个是首选,并且取决于它,我应该使用哪个作为量规?

javascript reactjs react-props

11
推荐指数
3
解决办法
1866
查看次数

如何垂直对齐div内的图像与动态高度?

我们有一个包含用户上传图像的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中使用动态图像的解决方案.某些解决方案要求您知道图像的尺寸.

有人有这个问题并解决了吗?

html css jquery height vertical-alignment

10
推荐指数
1
解决办法
3万
查看次数

如何将动画渐变添加到 svg 路径?

我有一个像这样的心脏 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)。

有没有办法实现这一目标?

css svg linear-gradients css-animations

10
推荐指数
1
解决办法
9168
查看次数

如何在不同子域之间共享localstorage?

我们在同一域但不同的子域中有两个独立的网站/应用程序。

\n\n

例如

\n\n
https://hello.website.com (Webapp 1)\nhttps://world.website.com (Webapp 2)\n
Run 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

或者有更好的方法来做到这一点吗?

\n

javascript authentication subdomain local-storage jwt

9
推荐指数
2
解决办法
1万
查看次数