小编Ale*_*uck的帖子

在flexbox中将一个元素保持在两个不同宽度元素之间的中心位置

我正在制作音乐播放控制器,容器有3个部分:左,中,右.但是,由于左侧和右侧的宽度不同,中心部分不在div的真正中心,但我需要它.我使用flexbox的space-between选项来布局项目.

#container {
    display: flex;
    justify-content: space-between;
    background-color: lightgrey;
}

#container > div {
  height: 100px;
  border: 2px dashed red;
  
  /*This is only for looks*/
  text-align: center;
  padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)
<div id="container">
  <div>Left Side</div>
  <div>I want this centered</div>
  <div>Right Side (Extra text for extra length)</div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox

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

节点 - 无法搜索音频流

我创建了一个简单的服务器,它使用fs模块将mp3文件流式传输到浏览器,该浏览器在html5音频元素中播放它.实际上,音频流完全正常,但是,即使我寻求的部分已经被缓冲,我也无法通过流来寻找.

var express = require('express');
var app = express();
var fs = require('fs');

app.get('/', function (req, res) {
    var filePath = 'music.mp3';
    var stat = fs.statSync(filePath);

    res.writeHead(200, {
        'Content-Type': 'audio/mpeg',
        'Content-Length': stat.size,
    });

    var readStream = fs.createReadStream(filePath);
    readStream.pipe(res);
});
Run Code Online (Sandbox Code Playgroud)

其他类似的Q&As建议添加Content-Range标头,但我找不到如何做到这一点的简单示例.其他人已经说过使用206 Partial-Content标题,但是当我这样做时,音频根本不会播放.

这是一个演示(在Windows上测试Chrome)

audio-streaming fs node.js

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

在jQuery中查找多个特定类

我正在创建一个js文件,当您单击一个对象时会创建一个波纹触摸效果.我想为html代码中的元素分配一个类,它只是一个像#f6ac32这样的颜色代码,然后在Javascript/jQuery中创建一个函数,可以选择颜色代码并从中创建一个变量,以后我可以使用(改变涟漪效果的颜色).这可能吗?

这是我所做的(查看$('.ripple')中的注释.mousedown(function)):

$(document).ready(function() {

var rplObj,
	x,
	y,
	ink,
	color,
	rplDelTimer;



//fade out ripple when unclicked
$('.ripple').mouseup(function() {
	$('.ink').css({'opacity':'0'});
	delRipple();
})

//Delete ripple element one second after last click
function delRipple() {
	rplDelTimer = setTimeout(function() {
		$('.ink').remove();
	}, 1000)
}

$('body').mousemove(function(e){
	//update mouse coordinates when it is moved
	x = e.pageX;
	y = e.pageY;
})



$('.ripple').mousedown(function(){
	rplObj = $(this);
	color = "#FFF"; //I want this to dynamically change depending on the class written in html
	rippleClosed();
})



function rippleClosed() { …
Run Code Online (Sandbox Code Playgroud)

javascript css jquery

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

Mongoose - 'pre'中间件中的返回错误

如果验证失败,如何发送自定义错误消息schema.pre('save')?例如,如果我有聊天功能,您创建新会话,我想检查与给定参与者的会话是否已经存在,所以我可以这样做:

ConversationSchema.pre('save', function(next, done) {
    var that = this;
    this.constructor.findOne({participants: this.participants}).then(function(conversation) {
        if (conversation) {
            // Send error back with the conversation object
        } else {
            next();
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

mongoose node.js express

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

CSS:不是选择器不起作用

这可能是一个非常愚蠢的问题,但我无法得到:不是选择器在css中工作.我想为我的页面中的所有文本着色,除非它有一个名为"nocolor"的类.这是代码,我没有看到问题:

*:not(.nocolor) {
    color: #f00;
}
Run Code Online (Sandbox Code Playgroud)
<h2>Hello</h2>
<h2 class="nocolor">Hello</h2>
Run Code Online (Sandbox Code Playgroud)

css selector

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

在PHP中设置数据库连接类

最近向我介绍了PHP中的类的概念,经过一些研究,我得出的结论是,我需要将数据库相关的函数存储在一个类中,以便以后访问。它在大多数情况下都有效,但是我仍然对某些用例感到困惑。例如,

以下是我通常如何连接到数据库并在表中显示用户ID信息的示例

dbcon.php:

<?php
$con = mysqli_connect("host","username","password","database") or die("Couldn't connect");

require_once("functions.php");
?>
Run Code Online (Sandbox Code Playgroud)

functions.php

function getUserInfo($id) {
    $query = mysqli_query($con, "SELECT * FROM users WHERE id = '$id'");
    return mysqli_fetch_array($query);
}
Run Code Online (Sandbox Code Playgroud)

一些随机文件:

require_once("dbcon.php");

$result = mysqli_query($con, "SELECT * FROM tablename");
while ($row = mysqli_fetch_assoc($result)) {
    $userinfo = getUserInfo($row['userid']);
    echo $userinfo['name'];
}

?>
Run Code Online (Sandbox Code Playgroud)

我觉得这种查询数据库和显示信息的方法不是最简洁或最有效的方法。我看了这个文章用类与我在课堂上创建的数据库和呼叫功能篡改。

我的第一个问题是:当我尝试在functions.php中访问$ con时,它是未定义的。如何通过require_once函数将dbcon.php中的变量传递给functions.php?

我也想知道最好的方式来存储我的数据库连接,以及是否有任何教程来设置它。

我希望你明白。

php mysql database

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

UI路由器:导航到抽象父状态时重定向到子状态

在我的音乐应用程序中,我对应用程序的顶级状态进行了重复操作以创建导航链接.其中一个名为library的顶级状态是抽象的,并且具有子状态(可以使用制表符导航).由于我使用的是ng-repeat,因此抽象状态具有指令ui-sref="library".但是,不可能导航到这样的抽象父状态,而是我需要编写ui-sref="library.albums".由于直接来自州提供商的ng-repeat数据,我无法做到这一点.如何在"库"上设置默认子状态,以便每当访问该状态时,它都会重定向到子项?

这是我的设置图: 在此输入图像描述

states angularjs angular-ui-router

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

Mongoose - 为所有模型添加全局方法

简单的问题:

如何在Mongoose中为我的模型添加静态方法,这适用于每个模型而不仅仅是一个模型?

mongoose node.js mongoose-schema

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

在 CSS 中将 box-shadow 添加到 tbody 中?

我正在尝试重新创建我在 Photoshop 模型中制作的这个材料设计表:

在此输入图像描述

除了阴影之外,我已经得到了我想要的一切。当我对 tbody 元素应用阴影时,它会在 Firefox 中显示,但不会在 Chrome 或 Edge 中显示。如果我也对其应用“display: block”样式,它也会显示。但是,这会删除默认的“display: table-row-group”样式,从而有效地破坏了表的结构。如何添加阴影而不影响布局的其余部分?

* {
  font-family: Roboto, Arial;
}

body {
  background: #f8f8f8;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th {
  font-weight: normal;
  opacity: .7;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 10px;
}

td {
  padding: 20px;
}

tbody tr:nth-child(even) {
  background: rgba(128,128,128,.05);
}

tbody {
  background: #fff;
  
  /* This doesn't work unless "display: block" is applied, which ruins the structure */
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 …
Run Code Online (Sandbox Code Playgroud)

html css html-table

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

猫鼬-具有多个相同ID的find()

如果我要用猫鼬执行此查询;

Schema.find({
    _id: {
        $in: ['abcd1234', 'abcd1234', 'abcd1234']
    }
});
Run Code Online (Sandbox Code Playgroud)

该查询将仅返回如下内容:

[{
    'property1': 'key1',
    'property2': 'key2'
}]
Run Code Online (Sandbox Code Playgroud)

由于数组只有一个对象,显然是因为我传入了所有相同的ID。但是,我实际上希望返回重复的对象。我怎样才能做到这一点?

mongoose mongodb node.js

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