我有一个(水平)居中的外部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)
但我很好奇是否有办法用花车来做这件事.
我有一个像这样的结构:
folder/
folder/subfolder/
Run Code Online (Sandbox Code Playgroud)
我想从文件夹/中排除所有内容,除了文件夹/子文件夹/.
我有什么办法和杰基尔这样做吗?我尝试了几种组合,但都不起作用,例如:
exclude: ["folder"]
include: ["folder/subfolder"]
Run Code Online (Sandbox Code Playgroud)
谢谢你的帮助!
我有一个生成器,在其他操作中,查询数据库,如
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也是不可能的.
那我该怎么办?如何在生成器中使用异步操作?
如果想知道原因
> moment(undefined).isBefore()
true
Run Code Online (Sandbox Code Playgroud)
但
> moment(null).isBefore()
false
Run Code Online (Sandbox Code Playgroud)
对这种行为有什么合理的解释吗?
我有问题在两个集合之间检索信息.第一个集合存储员工信息:
{
"_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中解释$.
我在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) 我使用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) 我有一个Redux应用程序和一个用作OAuth服务器的远程API.根据典型例程,用户将其凭据交换为令牌,然后由应用程序使用该令牌来获取数据并在服务器上执行某些操作.此令牌存储在商店中,也存储在商店中sessionStorage.
现在,有时访问令牌会过期,但由于已收到刷新令牌,因此最好先尝试刷新,并且只有在出现错误时才会关闭用户.
我完全理解签核部分,从技术上讲,只是简单地发送某个动作.但是,如何简化令牌刷新例程?
我尝试过redux-saga,但它非常冗长.我确实必须部分复制依赖于远程API的每个操作的代码,以确保每个请求首先检查访问令牌以及它是否尚未过期,否则设法刷新它.
我试图做的另一件事是一个中间件,它期望某种类型的动作请求将远程API包装到Promise中.这种作品,但我很好奇是否还有其他办法.
有没有人实现过这种(非常通用)的东西?任何想法如何自动化令牌刷新,不要因为增加代码量而生气?也许更高阶的组件?
我在一个项目中使用 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 文件,但我不完全确定如何避免使用它。
我有一个 Relay 应用程序,它与服务器共享一个 GraphQL 模式。对于每个突变,它都会查询服务器,服务器返回关于哪个字段值无效的错误消息。但是鉴于客户端上也存在模式,是否可以针对此模式进行客户端验证?
javascript ×2
mongodb ×2
reactjs ×2
arrays ×1
async-await ×1
asynchronous ×1
css ×1
css-float ×1
css-loader ×1
date ×1
ecmascript-6 ×1
editorconfig ×1
forms ×1
generator ×1
graphql ×1
jekyll ×1
momentjs ×1
node.js ×1
oauth ×1
redux ×1
redux-thunk ×1
relay ×1
validation ×1
vim ×1
vundle ×1
webpack-4 ×1