小编Mac*_*cks的帖子

CSS3 Flex:将孩子拉到右边

这就是我的 小提琴

ul {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100px;
  background: #333;
  padding: 15px;
}

ul li {
  padding: 15px;
  margin: 5px;
  background: #efefef;
  border: 1px solid #ccc;
  display: inline-block;
  list-style: none;
}

#item-1 {
  height: 50px;
}

#item-2 {
  height: 70px;
}
Run Code Online (Sandbox Code Playgroud)
<ul>
  <li id="item-1">Home</li>
  <li id="item-2">Menu</li>
  <li>More</li>
  <li>Stuff</li>
  <li>Settings</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我希望弹性框内的最后一个项目向右拉(我的小提琴中的"设置"),同时保持所有其他项目的方式."设置" - 项目也应该垂直居中,一切都是.

align-self: flex-end 将项目推到底部(我希望它在右侧).

我非常喜欢使用flex-box的解决方案,因为我的项目具有可变的高度,并且应始终垂直居中.

实现这一目标的最简洁方法是什么?

谢谢你的帮助!

html css html5 css3

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

音频:更改字节数组中的样本量

我正在使用这种方法将wav文件读取到字节数组(如下所示).现在我把它存储在我的字节数组中,我想改变音量.

private byte[] getAudioFileData(final String filePath) {
    byte[] data = null;
    try {
    final ByteArrayOutputStream baout = new ByteArrayOutputStream();
    final File file = new File(filePath);
    final AudioInputStream audioInputStream = AudioSystem.getAudioInputStream(file);

    byte[] buffer = new byte[4096];
    int c;
    while ((c = audioInputStream.read(buffer, 0, buffer.length)) != -1) {
        baout.write(buffer, 0, c);
    }
    audioInputStream.close();
    baout.close();
    data = baout.toByteArray();
    } catch (Exception e) {
    e.printStackTrace();
    }
    return data;
}
Run Code Online (Sandbox Code Playgroud)

编辑:按要求提供有关音频格式的一些信息:

PCM_SIGNED 44100.0 Hz,16位,单声道,2字节/帧,小端

从物理课开始,我记得你可以通过将正弦值乘以0到1之间的数字来改变正弦波的幅度.

编辑:更新了16位样本的代码:

private byte[] adjustVolume(byte[] audioSamples, …
Run Code Online (Sandbox Code Playgroud)

java audio bytearray volume javasound

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

PHP/REGEX:在括号内获取一个字符串

这是一个非常简单的问题,但我无法在任何地方找到解决方案.

我尝试使用preg_match或preg_match_all从括号内获取字符串,但没有括号.

到目前为止,我的表达式如下:

\([A-Za-z0-9 ]+\)
Run Code Online (Sandbox Code Playgroud)

并返回以下结果:

3(空心高亮)928-129(< - 原始字符串)

(空心高亮)(< - 结果)

我想要的是括号内的字符串,但没有括号.它看起来像这样:

镂空亮点

我之后可能用str_replace或其他东西替换括号,但这对我来说似乎不是一个非常优雅的解决方案.

我需要添加什么,所以括号不包含在结果中?

谢谢你的帮助,你们真棒!:)

php regex preg-match-all preg-match

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

使用Jam.js,require.js和node-webkit没有冲突

我目前正在编写一个Web应用程序,后来我打算使用node-webkit进行部署.我希望尽可能少地使用node.js,以便我可以轻松地部署到Web而无需重写大部分代码.

我正在使用Jam.js作为包管理器.显然存在node.js require与require.js冲突的问题require.使用requirejs而不是require似乎是一个很好的选择.但是,Jam.js编译require.config.js文件并在其中使用require(而不是requirejs).

目前,我必须做的window.require = undefined;是让Jam.js的require.js在node-webkit中工作.

有没有办法让Jam.js使用requirejs而不是require?编译require.config.js文件?

或者是否有一个不同的解决方案,让我使用Jam.js和node.js,require而不必做类似的事情window.require = undefined;?我发现node-webkit FAQ中提供的解决方案并不令人满意.

谢谢你的帮助!

javascript node.js requirejs node-webkit jamjs

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

具有高速的Java节拍器

作为一个练习我正在尝试使用Thread.sleep作为计时器创建一个节拍器,使用JMF作为声音.它运作得很好,但由于某种原因,JMF似乎只播放每分钟最多207次的声音.

来自我的节拍器课程:

public void play() {
    soundPlayer.play();
    waitPulse();        
    play();
}
Run Code Online (Sandbox Code Playgroud)

从我的SoundPlayer类:

public void play() {
    new Thread(new ThreadPlayer()).start();
}

private class ThreadPlayer implements Runnable {
    public void run() {
        System.out.println("Click");
        player.setMediaTime(new Time(0));
        player.start();
    }   
}
Run Code Online (Sandbox Code Playgroud)

我已经将SoundPlayer.play()作为一个线程来测试它是否会产生影响,但事实并非如此.我可以很容易地将速度改变到大约207bpm,但即使我将我的计时器设置为1000bpm,声音的播放速度也不会超过207bpm.

我把System.out.println("Click");我的ThreadPlayer.run()放在里面来检查我的循环是否正常工作 - 确实如此.

这个问题似乎与我对JMF的实施有关.我很确定有一个简单的解决方案,任何人都可以帮助我吗?

非常感谢你的帮助!:)

java audio jmf

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

Sails.js中的密码确认和外部模型验证

有一天,我一直在玩Sails.我试图围绕在Sails.js中进行大量验证的最佳方法.

这是场景:

Registration Form:

Username: _______________
E-Mail:   _______________
Password: _______________
Confirm:  _______________
Run Code Online (Sandbox Code Playgroud)

用户输入:

  • 一封正确的电子邮件
  • 已存在的用户名
  • 两个不匹配的密码

期望的结果:

Username: _______________ x Already taken
E-Mail:   _______________ ?
Password: _______________ ?
Confirm:  _______________ x Does not match
Run Code Online (Sandbox Code Playgroud)

要求,几个关键点:

  • 用户接收输入的每个方面所有错误消息(不仅仅是第一个).它们不含糊不清("用户名已被占用"或"用户名必须至少4个字母长"优于"无效用户名")
  • 内置模型验证显然不负责检查匹配的密码确认(SRP)

我认为我需要做什么:

UserController的:

create: function(req, res) {
    try {
        // use a UserManager-Service to keep the controller nice and thin
        UserManager.create(req.params.all(), function(user) {
            res.send(user.toJSON());
        });
    }
    catch (e) {
        res.send(e);
    }
}
Run Code Online (Sandbox Code Playgroud)

的UserManager:

create: function(input, cb) {
    UserValidator.validate(input); …
Run Code Online (Sandbox Code Playgroud)

validation orm node.js sails.js waterline

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

使用RxJS创建可过滤列表

我正试图进入反应式编程.我使用数组函数,如map,filter和减少所有的时间,并且喜欢我可以在不创建状态的情况下进行数组操作.

作为练习,我试图在不引入状态变量的情况下使用RxJS创建可过滤的列表.最后它应该与此类似:

在此输入图像描述 在此输入图像描述

我会知道如何使用天真的JavaScript或AngularJS/ReactJS来实现这一点,但我正在尝试使用RxJS而不创建状态变量:

var list = [
  'John',
  'Marie',
  'Max',
  'Eduard',
  'Collin'
];

Rx.Observable.fromEvent(document.querySelector('#filter'), 'keyup')
  .map(function(e) { return e.target.value; });

// i need to get the search value in here somehow:
Rx.Observable.from(list).filter(function() {}); 
Run Code Online (Sandbox Code Playgroud)

现在如何在我从列表中创建的observable中将搜索值放入我的过滤器函数中?

非常感谢你的帮助!

javascript functional-programming reactive-programming reactive-extensions-js rxjs

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

PHP:MVC 用户身份验证和全局用户对象?

我正在用 PHP 编写我的第一个真正的 MVC 应用程序。我没有使用框架,因为我的应用程序太小了,我认为从头开始编写所有内容会更快。

在我的应用程序中,用户可以注册、登录然后编写/编辑/删除内容。每条内容都通过数据库中的用户 ID 列引用其所有者。

我现在即将实施用户访问限制(从某种意义上说,用户只能查看/编辑/删除他们自己的内容/项目/模型)。我想知道应该在哪里检查“有效访问”以及在哪里实例化用户对象。

我的意思是,我绝对需要有关控制器、模型和视图中当前用户的信息。因此,我在考虑是否可以拥有一个全局用户对象(在 index.php 中定义)来存储所有用户信息,以便我可以从应用程序的每个部分轻松访问它。

目前,此代码段授予我的控制器访问用户信息的权限,然后我还将这些信息存储在传递给视图的数据数组中:

class Controller {
    protected $data, $id, $user;
    public function __construct($action = null, $data = null) {
        if (User::isLoggedIn()) {
            $this->user = new User($_SESSION['user']);
            $this->data['user'] = $this->user;
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

按照这种模式,我必须将用户信息传递给我创建的每个模型,或者让它们实例化自己的用户对象。

去这里的路是什么?全局用户对象,在每个模型中实例化还是将用户对象作为参数传递给模型和视图?

感谢您的帮助!

php authentication model-view-controller

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

代码样式:"隐藏"数据类型(Java)

我正在研究一组课程来表示音符,小节,节奏等.当然,我将不得不处理最好用分数表示的时间签名(如4/4,3/4等).

我想知道什么是更好的风格.使用Bar的构造函数包含Fraction-object或仅包含两个int作为时间签名.

public Bar(Fraction timeSignature) {
    this.timeSignature = timeSignature;
}
Run Code Online (Sandbox Code Playgroud)

要么:

public Bar (int num, int den) {
    timeSignature = new Fraction(num, den);
}
Run Code Online (Sandbox Code Playgroud)

我的意思是......我可以同时拥有这两个但我应该在申请中选择哪一个?是否有"更好"的风格?

谢谢你的想法!

java types conventions

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

Java Swing和观察者模式

我正在寻找一种在Swing中清晰地组织我的UI代码的方法.

假设我的UI代码按以下方式构建:

class MainWindow extends JFrame {
    // SomePanel panel is added here
}
class SomePanel extends JPanel {
    // buttons, checkboxes and so on are added here
}
Run Code Online (Sandbox Code Playgroud)

假设我在main方法中实例化一个MainWindow对象:

MainWindow frame = new MainWindow("I am an App");
Run Code Online (Sandbox Code Playgroud)

在main-method中监听按钮的ActionEvents(在SomePanel中声明,在MainWindow中声明)的最佳做法是什么?

非常感谢您的帮助!

java oop model-view-controller swing observer-pattern

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

很奇怪:Javascript Date-Object神秘地添加月份?

我猜我只是混淆了参数,但我已经检查了100次.

如果我这样做:

console.log(new Date(2012, 12, 14, 0, 26, 15, 0));
Run Code Online (Sandbox Code Playgroud)

我明白了:

Mon Jan 14 2013 00:26:15 GMT+0100 (CET)
Run Code Online (Sandbox Code Playgroud)

但我期待的是:

Fri Dec 14 2012 00:26:15 GMT+0100 (CET)
Run Code Online (Sandbox Code Playgroud)

为什么我得到这个结果?我以为Date-constructor的格式是year, month, day, hour, minute, second, millisecond.

有人知道我在这里缺少什么吗?

javascript time date

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

PostgreSQL:为什么NOT NULL在这里不起作用?

我正在用PostgreSQL开发我的第一个应用程序。

场景

这是我的表“ person”的样子:

   Column   |            Type             |                      Modifiers
------------+-----------------------------+-----------------------------------------------------
 id         | bigint                      | not null default nextval('person_id_seq'::regclass)
 first_name | character varying(255)      | not null
 last_name  | character varying(255)      | not null
 email      | character varying(255)      | not null
 password   | character varying(255)      | not null
 created_at | timestamp without time zone |
 updated_at | timestamp without time zone |
Indexes:
    "person_pkey" PRIMARY KEY, btree (id)
    "person_email_unique" UNIQUE CONSTRAINT, btree (email)
    "person_id_unique" UNIQUE CONSTRAINT, btree (id)
Referenced by:
    TABLE "access" …
Run Code Online (Sandbox Code Playgroud)

sql postgresql psql postgresql-9.3

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