小编eir*_*ios的帖子

我想使用echonest Api在IOS中制作像shazam的应用程序.我已经提到了echonest的文件,我发现他们没有提供歌曲识别Api" https://developer.echonest.com/forums/thread/3650 "

1.音乐识别是否有任何Api？

要么

2.如何使用echonest Api识别歌曲？

请分享你的答案

感谢您提前寻求帮助.

我有一个动画和JS用于交替2个div并改变他们的背景图像(来自几十个图像的数组),有点可互换的div.一切正常,但是当动画运行时,我可以看到我的CPU处于100%.起初我认为这可能是由于setInterval,但是当我将代码从交替图像更改为每次迭代时只增加一个数字并将其记录到控制台时 - 我看到CPU过载减少了大约40-50%.所以我明白这可能是因为动画.

这是我的HTML代码:

<div class="wallpaper wallpaper-1" id="wallpaper-1"></div>
<div class="wallpaper wallpaper-2" id="wallpaper-2"></div>

CSS:

.wallpaper {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translateZ(0);
    -webkit-animation-timing-function: linear;
}

.animate {
    -webkit-animation-name: fadeInOut;
    -webkit-animation-duration: 6s;
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    16% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
}

和JS一起打勾:

Wallpapers.get().then(function(list) {
    var wp1, wp2, divs = [], path, bgs …

我想要一个引导下拉菜单,其中链接是水平的.不幸的是,我在确保宽度正确方面遇到了麻烦.我似乎能够实现它的唯一方法是将最小宽度设置为某个任意数字.我想要回应地这样做.

有什么建议？谢谢.http://jsfiddle.net/3CwzH/

HTML:

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
.dropdown-menu>li>a {
  display: inline;
}

.dropdown-menu {
  min-width: 500px;
}

CSS:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="btn-group">
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        Drop it
      </button>
  <ul class="dropdown-menu" role="menu">
    <li>
      <a href="http://google.com">Google</a>
      <a href="http://facebook.com">Facebook</a>
    </li>
  </ul>
</div>

最近更新的稳定版角度已经发布.我已成功从第5版迁移到第6版.

但由于某种原因,我想回滚到版本5.我尝试了以下命令:

npm uninstall -g @angular/cli

它卸载了最新版本的angular-6.

npm cache clean --force

然后安装

npm install -g @angular/cli@1.7.4

但它给出了这个错误

节点版本:8.10.0

npm版本:6.0.0

我有这个代码,允许对象运动模糊并排,但我希望它垂直运动蓝色,所以它从上到下,然后再回到上面.你能帮帮我吗？

http://jsfiddle.net/db8gr4y6/

  #outer {
    position: relative;
    margin: 10px;
  }
  #mb {
    position: absolute;
    left: 0;
    font-size: 2em;
    font-weight: bold;
    padding: 0.2em 1em;
    color: #fff;
    background-color: #600;
    border: 0.2em solid #c00;
    border-radius: 8px;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0);
    box-shadow: 0 0 2px rgba(200, 0, 0, 0);
    -webkit-animation: motionblur 4s ease-in-out infinite;
    animation: motionblur 4s ease-in-out infinite;
  }
  @-webkit-keyframes motionblur {
    0% {
      left: 0;
      text-shadow: 0 0 0 rgba(255, 255, 255, 0);
      box-shadow: 0 0 0 rgba(200, 0, …

是否可以在悬停时使用svg多边形形状添加文本？

我的代码是这样的

    <svg>
    <polygon class="st0" points="0,1.833 638,1.833 383,348.833 0,348.833 "/>
    <polygon class="st0" points="0,355.333 649,355.333 891.5,664.833 0,664.833 "/>
    <polygon class="st0" points="392.5,348.833 514.75,181.333 645.25,348.833 "/>
    <polyline class="st0" points="518.875,174.908 644.667,2.021 1139.833,1.52 1139.75,663.583 897.25,663.583 "/>
    </svg>

当我检查了很多参考时,只有一个多边形的例子,但在我的代码中,我需要在SVG标签中有4个不同文本的形状.是否可以在悬停时使用多个多边形添加文本？

在这里,我有一个小提琴

当我盘旋时我想要这样

任何意见,将不胜感激

如何使用CSS创建形状，如下面的屏幕快照所示。绿色矩形看起来很容易制作，但是问题是橙色的和蓝色的。该项目是一个开源项目https://github.com/LLK/scratch-www，但是我找不到上述代码块的代码。

我可以得到一些提示吗？

图片来源：https : //scratch.mit.edu/projects/editor/?tutorial=getStarted

我的网站上有3个单选按钮.这些单选按钮是水平对齐的.现在的问题是,我设计了响应式网站,我希望每当屏幕分辨率低于768px时,单选按钮就会垂直显示.我到目前为止做的是HTML

<div style="float:left;width:60%;">
                <div class="radio"><input type="radio">Confirm</div>
                <div class="radio"><input type="radio">Not Confirm</div>
                <div class="radio"><input type="radio">Extend</div>
</div>  

CSS

.radio{
   float:left; 
   width:33%;
}

这适用于单选按钮的水平对齐.

但这是我尝试垂直的,它没有回应

@media only screen and (max-width: 768px) {
   .radio{
    width:33%;
 }
}

请帮忙

我有一个图像，它可能会根据某些操作和我想要position在img标签上的几个 div 改变其位置。

简化后的代码如下：

<div>
    <img src="someRandomImageUrl">
    <div>foobar</div>
</div>

为了更好地理解，想象一下我有一个在中心周围有一个小方块的图像，并且无论我将图像放在哪里，我都希望将 foobar 消息放置在图像方块中。有任何想法吗？

这是我到目前为止:

http://jsfiddle.net/yisera/2aVpD/

我需要在.jumbotron-special容器内垂直居中.

我尝试使用display: table;他的父元素,然后使用display:table-cell子元素(H1和H2的元素),但到目前为止没有运气,我已经没有想法了.我不想使用绝对定位,因为这需要响应,并且随着分辨率变小,布局误入歧途.

任何想法如何将它集中到jumbotron父div？

我有九个不同的CSS文件.在浏览器下载所有CSS文件之前,我的网站不会加载.大多数CSS甚至不需要主页.在JavaScript中你可以这样做<script async>,

但对于样式表,最佳解决方案是什么？

我搜索了以下文章 Code Pen

keithclark.co.uk

他们建议使用

  <link rel="stylesheet" href="css.css" media="none" onload="if(media!='all')media='all'">

要么

 <head>
        <!-- head content -->
        <link rel="stylesheet" href="style.css" media="bogus">
    </head>
    <body>
        <!-- body content -->
        <link rel="stylesheet" href="style.css">
    </body>

如何检查仅在我将另一个元素悬停时才出现的元素？当我将鼠标悬停时，该元素就会消失。

我不太确定是否悬停效果是通过CSS类或javascript完成的。