小编ris*_*hat的帖子

如何垂直中间对齐未知高度的浮动元素?

我有一个(水平)居中的外部div包含两个未知宽度的元素:

<div style='width:800px; margin:0 auto'>
  <div style='float:left'>...</div>
  <div style='float:right'>...</div>
</div>
Run Code Online (Sandbox Code Playgroud)

默认情况下,两个浮动都是顶部对齐的,并且具有不同/未知和不同的高度.有没有办法让它们垂直居中?

我最终做了外部div

display: table
Run Code Online (Sandbox Code Playgroud)

和内在的div

display: table-cell;
vertical-align: middle;
text-align: left/right;
Run Code Online (Sandbox Code Playgroud)

但我很好奇是否有办法用花车来做这件事.

css vertical-alignment css-float

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

Jekyll - 排除文件夹,但包含子文件夹

我有一个像这样的结构:

folder/
folder/subfolder/
Run Code Online (Sandbox Code Playgroud)

我想从文件夹/中排除所有内容,除了文件夹/子文件夹/.

我有什么办法和杰基尔这样做吗?我尝试了几种组合,但都不起作用,例如:

exclude: ["folder"]
include: ["folder/subfolder"]
Run Code Online (Sandbox Code Playgroud)

谢谢你的帮助!

jekyll

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

如何在发电机内使用等待?

我有一个生成器,在其他操作中,查询数据库,如

function* current(db) {
  const items = await db.collection('...').find({ ... });

  for (const item of items)
    if (...) yield item;
}
Run Code Online (Sandbox Code Playgroud)

这是无效的语法.使用承诺和屈服于a then也是不可能的.

那我该怎么办?如何在生成器中使用异步操作?

asynchronous generator async-await ecmascript-6

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

未定义的时刻与null的时刻

如果想知道原因

> moment(undefined).isBefore()
true
Run Code Online (Sandbox Code Playgroud)

> moment(null).isBefore()
false
Run Code Online (Sandbox Code Playgroud)

对这种行为有什么合理的解释吗?

javascript date momentjs

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

MongoDB查询IN对象数组

我有问题在两个集合之间检索信息.第一个集合存储员工信息:

{
        "_id" : ObjectId("4f9643967f8b9a3f0a00005a"),
        "birth_date" : "1963-09-09",
        "departments" : [
                {
                        "departments_id" : ObjectId("4f9643957f8b9a3f0a000007"),
                        "from_date" : "1990-01-03",
                        "to_date" : "1990-01-15"
                }
        ],
        "first_name" : "Parviz",
        "gender" : "M",
        "hire_date" : "1990-01-03",
        "last_name" : "Lortz",
}
Run Code Online (Sandbox Code Playgroud)

第二部是部门信息

{
        "_id" : ObjectId("4f9643957f8b9a3f0a000004"),
        "dept_name" : "Marketing",
        "managers" : [
                {
                        "employees_id" : ObjectId("4f96439b7f8b9a3f0a0186a9"),
                        "from_date" : "1985-01-01",
                        "to_date" : "1991-10-01"
                },
                {
                        "employees_id" : ObjectId("4f96439b7f8b9a3f0a0186aa"),
                        "from_date" : "1991-10-01",
                        "to_date" : "9999-01-01"
                }
        ]
}
Run Code Online (Sandbox Code Playgroud)

我试图找到:给定员工的所有部门.

我尝试过类似的东西:

employees = db.employees.find({_id:ObjectId("some_id")});
db.departments.find({_id:{$in:...}});
Run Code Online (Sandbox Code Playgroud)

但我不知道如何在var员工的所有部门的department_id中解释$.

arrays mongodb mongodb-query

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

ReactJS + Redux:为什么即使使用正确的API请求,MongoDB也不会将数据保存到数据库中?

我在ReactJS + Redux项目中设置了MongoDB/Webpack/NodeJS Express.

我正在从redux中的动作创建者那里进行API调用,并且到达API服务器并获得成功的状态,但数据永远不会被保存,即使在终端中检查也不会创建数据库,mongo -> dbs并且它不显示practicedb我命名的数据库它作为.

可能是什么问题?我错过了什么吗?

任何指导或见解将不胜感激.谢谢

这是我为API设置的:

import axios from 'axios';
import { browserHistory } from 'react-router';
import cookie from 'react-cookie';
import { AUTH_USER, AUTH_ERROR } from './types';

const API_URL = 'http://localhost:3000/api';

export function errorHandler(dispatch, error, type) {
  let errorMessage = (error.data.error) ? error.data.error : error.data;

   // NOT AUTHENTICATED ERROR
   if(error.status === 401) {
     errorMessage = 'You are not authorized to do this.';
   }

  dispatch({
    type: type,
    payload: errorMessage
  });
}

export function …
Run Code Online (Sandbox Code Playgroud)

javascript mongodb node.js reactjs redux-thunk

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

如何让Vim尊重.editorconfig?

我使用Vundle来安装editorconfig-vim插件.它正确加载并列在:scriptnames.但是,当我创建一个新文件时,x.js不会从~/.editorconfig文件中选择缩进设置(尽管.editorconfig在CWD中没有),并且我有2空格缩进而不是我在我的定义中的4空格~/.editorconfig.

我做错了什么?我应该调用某个命令~/.vimrc来使EditorConfig配置工作吗?

我的~/.editorconfig:

root = true

[*]
end_of_line = lf
insert_final_newline = true
charset = utf-8
indent_style = space
indent_size = 4

[{package.json,.travis.yml,Gruntfile.js,gulpfile.js,webpack.config.js}]
indent_style = space
indent_size = 2
Run Code Online (Sandbox Code Playgroud)

我的~/.vimrc配置:

set nocompatible              " be iMproved, required
filetype off                  " required

set rtp+=~/.vim/bundle/Vundle.vim
call vundle#begin()

Plugin 'gmarik/Vundle.vim'
Plugin 'tpope/vim-fugitive'
Plugin 'tomasr/molokai'
Plugin 'moll/vim-node'
Plugin 'jelera/vim-javascript-syntax'
Plugin 'pangloss/vim-javascript'
Plugin 'editorconfig/editorconfig-vim'

call vundle#end() …
Run Code Online (Sandbox Code Playgroud)

vim vundle editorconfig

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

在Redux应用程序中提供OAuth访问令牌的策略

我有一个Redux应用程序和一个用作OAuth服务器的远程API.根据典型例程,用户将其凭据交换为令牌,然后由应用程序使用该令牌来获取数据并在服务器上执行某些操作.此令牌存储在商店中,也存储在商店中sessionStorage.

现在,有时访问令牌会过期,但由于已收到刷新令牌,因此最好先尝试刷新,并且只有在出现错误时才会关闭用户.

我完全理解签核部分,从技术上讲,只是简单地发送某个动作.但是,如何简化令牌刷新例程?

我尝试过redux-saga,但它非常冗长.我确实必须部分复制依赖于远程API的每个操作的代码,以确保每个请求首先检查访问令牌以及它是否尚未过期,否则设法刷新它.

我试图做的另一件事是一个中间件,它期望某种类型的动作请求将远程API包装到Promise中.这种作品,但我很好奇是否还有其他办法.

有没有人实现过这种(非常通用)的东西?任何想法如何自动化令牌刷新,不要因为增加代码量而生气?也许更高阶的组件?

oauth reactjs redux

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

如何在 Webpack 4 中跳过 Javascript 输出?

我在一个项目中使用 Webpack 4,到目前为止我只需要编译和捆绑样式。没有 Javascript。

这是我的配置:

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');

module.exports = {
  entry: {
    'css/bundle': path.resolve(__dirname, 'static/scss/index.scss'),
  },
  output: {
    path: path.resolve(__dirname, 'static'),
  },
  module: {
    rules: [
      {
        test: /\.s[ac]ss$/,
        include: path.resolve(__dirname, 'static/scss'),
        use: [MiniCssExtractPlugin.loader, 'css-loader', 'sass-loader'],
      },
    ],
  },
  plugins: [
    new MiniCssExtractPlugin(),
  ],
};
Run Code Online (Sandbox Code Playgroud)

问题是它输出了两个文件:bundle.css 和 bundle.js。有没有办法配置 Webpack 使其不输出 Javascript 包?我试图浏览文档,尝试了十几种不同的东西,但它并没有真正奏效。

这里的一个重要注意事项是,如果我删除 css-loader,捆绑将失败。因此,虽然 css-loader 最有可能负责输出 bundle.js 文件,但我不完全确定如何避免使用它。

css-loader webpack-4 mini-css-extract-plugin

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

给定 GraphQL 模式,是否可以进行客户端预突变验证?

我有一个 Relay 应用程序,它与服务器共享一个 GraphQL 模式。对于每个突变,它都会查询服务器,服务器返回关于哪个字段值无效的错误消息。但是鉴于客户端上也存在模式,是否可以针对此模式进行客户端验证?

forms validation relay graphql

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