小编Jac*_*sor的帖子

在div中水平居中图像

这可能是一个愚蠢的问题,但由于中心对齐图像的常用方法不起作用,我想我会问.如何在容器div中居中对齐(水平)图像?

这是HTML和CSS.我还为缩略图的其他元素添加了CSS.它按降序运行,因此最高元素是所有内容的容器,最低元素是所有内容.

#thumbnailwrapper {
      color: #2A2A2A;
      margin-right: 5px;
      border-radius: 0.2em;
      margin-bottom: 5px;
      background-color: #E9F7FE;
      padding: 5px;
      border: thin solid #DADADA;
      font-size: 15px
}
    
#artiststhumbnail {
      width: 120px;
      height: 108px;
      overflow: hidden;
      border: thin solid #DADADA;
      background-color: white;
}
    
#artiststhumbnail:hover {
      left: 50px
}
Run Code Online (Sandbox Code Playgroud)
<!--link here-->

<a href="NotByDesign">
  <div id="thumbnailwrapper">

    <a href="NotByDesign">

      <!--name here-->
      <b>Not By Design</b>
      <br>

      <div id="artiststhumbnail">

        <a href="NotByDesign">

          <!--image here-->
          <img src="../files/noprofile.jpg" height="100%" alt="Not By Design" border="1" />
        </a>
      </div>

      <div id="genre">Punk</div>

  </div>
Run Code Online (Sandbox Code Playgroud)

好的,我已经添加了没有PHP的标记,所以应该更容易看到.这两种解决方案似乎都没有实际应用.顶部和底部的文本无法居中,图像应在其容器div中居中.容器已隐藏溢出,因此我希望看到图像的中心,因为它通常是焦点所在的位置.

html css

359
推荐指数
9
解决办法
73万
查看次数

soundcloud如何隐藏流式音频的URL

我试图隐藏我的HTML5播放器的音频流的URL,并且真的很难想到这样做的方法然后我意识到,soundcloud必须隐藏其流的URL.所以我进入了soundcloud,打开了控制台并播放了一首曲目,但是我看不到隐藏URL的任何明显方式.在此之后,我看了一下DOM树,看看那里是否有任何类型的音频信息,但我一无所获!甚至没有播放器/音频的ID,所以我对soundcloud如何做到这一点非常困惑.

现在我已经尽可能地隐藏了音频URL.我在轨道的DOM中放置了一个ID,在单击播放按钮时获取了该ID,并从数据库中检索了该ID的URL.显而易见的问题是,任何有意愿的人都可以直接进入控制台并从网络事件中获取URL.

我不是试图突破soundcloud的安全性来下载我不应该的曲目.我只是好奇他们是如何隐藏URL的.现在我也很好奇每个轨道是如何区分的,因为DOM中没有任何东西可以区分它们(不是我在简短的表面上找到的).

那么,简而言之,有没有人对soundcloud如何实现这一目标或如何实现这一点有任何想法?

javascript audio html5 soundcloud

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

何时使用消息队列以及何时使用云后台工作程序

我什么时候会使用像ironMQ这样的消息队列?何时我会使用像ironWorker这样的工作处理工作者?

我刚刚开始研究这两个主题,我发现很难区分这两个用途.我理解一个worker或多或少是一个沙盒,它将在app服务器之外的不同环境中运行程序,以增加用户体验.我也理解消息队列很像它的数据库替代方案,其中任务被添加到队列,然后另一个服务器/编程侦听该任务,然后将处理它.然而,虽然我认为我明白他们是什么,但我无法区分何时使用每一个以及为什么.

如果我理解正确,我会使用工作人员完成图像处理等任务.但是为什么我不能为此使用消息队列,更重要的是为什么不呢?当然,我可以在ironMQ中排队一个图像URL,然后再检索并处理它.在我看来,这似乎是一个额外的步骤,所以我会避免这一点.

当工作人员可用时,对于常见任务,消息队列对我来说似乎毫无意义.当然,对于发布评论这样的非密集型任务,我可以让工人这样做吗?

我可能误解了每个工具之间的差异,如果是这样,请让我直截了当.否则,请帮忙.

web-services message-queue background-process ironmq ironworker

14
推荐指数
1
解决办法
3281
查看次数

如何在MySQL中的两个或多个表中使用唯一ID?

我有一张名为events所有新信息的表格.此表用作所有新闻订阅查询的参考,因此从那里选择事件项,并从正确的表中检索与该事件对应的信息.

现在,这是我的问题.我E_ID在事件表中对应于不同表中事件的ID,无论是T_IDfor tracks,S_IDfor status等等......这些ID可能是相同的,所以暂时我只使用了不同的auto_increment值对于每个表,所以status从500开始tracks0等等.显然,我不想这样做,因为我不知道哪个表将拥有最多的数据.我认为status会很快超过tracks.

信息将event通过触发器插入表中.这是一个例子;

BEGIN
INSERT INTO events (action, E_ID, ID)
VALUES ('has some news.', NEW.S_ID, NEW.ID);
END
Run Code Online (Sandbox Code Playgroud)

那是他的状态表.

是否有一个额外的触发器,我可以确保NEW.S_ID!= a E_ID当前进入events,如果它确实改变了S_ID相应的.

或者,是否有某种键可用于在自动递增时引用事件,S_ID以便S_ID不会增加到值E_ID.

这些是我的想法,我认为后一种解决方案会更好,但我怀疑它是否可能,或者它是否需要另一个参考表并且太复杂了.

mysql

8
推荐指数
1
解决办法
9801
查看次数

Angular 2单元测试可观察错误(HTTP)

我正在尝试为我的API服务编写单元测试,但在捕获HTTP错误时遇到一些问题.我遵循本指南以及Angular2文档,因为该指南在某些小范围内(稍微)过时了.

所有单元测试都与服务引发错误的单元测试分开(由于HTTP状态代码错误).我可以通过退出告诉我response.ok.从我所读到的,这与单元测试没有异步执行有关,因此,不等待错误响应.但是,我不知道为什么会出现这种情况,因为我async()beforeEach方法中使用了效用函数.

API服务

get(endpoint: string, authenticated: boolean = false): Observable<any> {
    endpoint = this.formatEndpoint(endpoint);
    return this.getHttp(authenticated) // Returns @angular/http or a wrapper for handling auth headers
        .get(endpoint)
        .map(res => this.extractData(res))
        .catch(err => this.handleError(err)); // Not in guide but should work as per docs
}
private extractData(res: Response): any {
    let body: any = res.json();
    return body || { };
}

private handleError(error: Response | any): Observable<any> {
    // TODO: Use a remote …
Run Code Online (Sandbox Code Playgroud)

unit-testing angular2-testing angular2-observables angular

6
推荐指数
1
解决办法
5636
查看次数

使用视口元标记设置内容的最小宽度

我需要将内容的最小宽度设置为 480 像素,以便在屏幕上查看 <= 的任何人都必须滚动查看内容。这样做的原因是不可能使布局在此分辨率下工作。

这是我所拥有的

<meta name="viewport" content="width=device-width,  initial-scale=1, maximum-scale=1, minimum-scale=1">
Run Code Online (Sandbox Code Playgroud)

我需要这样的东西,但显然这不起作用

<meta name="viewport" content="width=device-width,, min-width=480px,  initial-scale=1, maximum-scale=1, minimum-scale=1">
Run Code Online (Sandbox Code Playgroud)

html meta-tags responsive-design

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

在ember-cli中安装Foundation 5

我对ember很新,对构建工具也很陌生.我目前正在使用通常的基础安装和基础cli和指南针来编译我的CSS,这有点痛苦,对于团队合作非常糟糕.我认为最好安装带有凉亭的文件,并ember-cli-compass-compiler按照文档中的说明使用,但是它没有按预期工作.我想将该app.scss文件放在app/styles目录中,并导入该文件中所有必需的基础组件.我还想将_settings.scss组件保留在app/styles目录中,以便可以轻松共享.

例如

@import "settings";
@import "vendor/foundation/scss/foundation";
Run Code Online (Sandbox Code Playgroud)

然而,这给了我错误 File to import not found or unreadable: vendor/foundation/scss/foundation.

我可以向您保证,vendor目录中的foundation.scss文件确实存在.我也曾尝试使用导入文件app.import()Brocfile.js但无济于事.

css sass ember.js compass-sass

5
推荐指数
1
解决办法
2293
查看次数

jQuery滑块UI不滑动

我正在使用jQuery滑块UI作为音频播放器中的滑块,只有滑动功能在我设置变量时才起作用.

$('.body_container .slider').slider({

  value: 0,
  step: 0.01,
  orientation: "horizontal",
  range: "min",
  max: song.duration,
  animate: true,  

  slide: function(event,ui) {             
    manualSeek = true;
  },
  stop:function(event,ui) {
    manualSeek = false;         
    song.currentTime = ui.value;
  }
});
Run Code Online (Sandbox Code Playgroud)

在firebug中它出现了错误closestHandle is undefined.closestHandle来自jQuery UI文件.

但是当我在函数中没有设置任何选项并且只是保留事件时它确实有效,但显然我需要设置选项;

$('.body_container .slider').slider({

  slide: function(event,ui) {             
    manualSeek = true;
  },
  stop:function(event,ui) {
    manualSeek = false;         
    song.currentTime = ui.value;
  }
});
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui

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

当进入mysql时,英镑符号显示为A£

我有一个保存价格进入数据库,但WHN用户输入£标志它显示为A£用叩诊口音在一个表格(不知道怎么写其中的一个).当我在phpmyadmin手动输入时,它不会这样做.价格领域的联盟是latin1,它是一个varchar所以我没有看到任何问题.在PHP MySQL查询价格已经用htmlspecialchars和mysql_real_escape_string上,但我已采取THES关闭和问题仍然存在.

最后,不仅仅是以不同的方式显示£符号,它实际上是以不同方式将其保存到数据库中.我怎样才能解决这个问题?

php mysql

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

获取页面上具有类的所有div的ID - jquery

我需要使用类获取每个div的ID并将其发送到另一个PHP文件.我想我需要一个变量中的所有ID.ID将被放入一个mysql查询中,在那里我将找到不等于这些ID的数据.如何才能做到这一点?

我已经尝试了jQuery的每个函数,但是你不能把该函数的所有数据都放到一个变量中.至少不是我这样做的方式.

这就是我尝试过的.

$('.newsItem').each(function(){
     alert (this.id);
});
Run Code Online (Sandbox Code Playgroud)

提前致谢.

javascript jquery jquery-selectors

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

Algolia:显示所有记录,但按相关性排名

我需要根据与特定查询的相关性对数据集中的记录进行排名,但不能过滤掉不相关的数据.如果可能的话,我想使用Algolia.

期望的排名

想象一下,我有一个水果箱和地理位置的数据集.

[
  {
    "fruits": ["apple", "orange"],
    "_geoloc": {"lat": 1, "lng": 2}
  },
  {
    "fruits": ["banana", "apple"],
    "_geoloc": {"lat": 8, "lng": 2}
  },
  {
    "fruits": ["banana"],
    "_geoloc": {"lat": 5, "lng": 2}
  },
  {
    "fruits": ["apple", "banana"],
    "_geoloc": {"lat": 8, "lng": 2}
  },
  {
    "fruits": ["orange"],
    "_geoloc": {"lat": 1, "lng": 2}
  }
]
Run Code Online (Sandbox Code Playgroud)

我需要查询数据,以便返回所有数据,但按匹配排序到输入查询以及与指定地理位置的接近程度.

因此,如果地理定位是{"lat": 1, "lng": 2},并且查询是apple, banana结果排名数据将是这样的:

[
  {
    "fruits": ["apple", "banana"],
    "_geoloc": {"lat": 8, "lng": 2}
  },
  {
    "fruits": ["banana", "apple"],
    "_geoloc": {"lat": …
Run Code Online (Sandbox Code Playgroud)

search full-text-search ranking algolia

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