我在Less文件中有以下CSS规则:
.container {
min-height: calc(100vh - 150px);
}
Run Code Online (Sandbox Code Playgroud)
这根本不起作用.我想让容器全窗口高度和负头,页脚固定高度.
我怎样才能做到这一点?
http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/1.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/2.jpg
http://img.youtube.com/vi/<insert-youtube-video-id-here>/3.jpg
Run Code Online (Sandbox Code Playgroud)
这适用于小缩略图.
http://img.youtube.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg
Run Code Online (Sandbox Code Playgroud)
这适用于总部,但只有1张图片.问题是如何获得4个HQ缩略图?
我正在使用Express 4.9.0和express-generator.
使用以下命令创建样板:
express --hbs projectname
Run Code Online (Sandbox Code Playgroud)
内置车把手views/layout.hbs
默认用作母版页.但我在app.js中看不到任何设置来改变这种行为.
我app.js的一段代码:
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
我有一个页面模型.它在数据库表中有以下列:
我想只更新"图像"列值.
这是我的代码:
public function delImage($path, $id) {
$page = Page::find($id);
$page->where('image', $path)->update(array('image' => 'asdasd'));
\File::delete($path);
}
Run Code Online (Sandbox Code Playgroud)
它抛出了一个错误,我试图在非对象上使用where().如何才能正确更新"图像"列值?
在laravel 4中我们有:
$env = $app->detectEnvironment(array(
'local' => array('homestead')
));
Run Code Online (Sandbox Code Playgroud)
默认情况下.
但在laravel 5中,它改为:
$env = $app->detectEnvironment(function()
{
return getenv('APP_ENV') ?: 'production';
});
Run Code Online (Sandbox Code Playgroud)
此外,他们在.gitignore中排除了.env.*行,现在它已经:
.env
Run Code Online (Sandbox Code Playgroud)
并添加了文件.env.example:
APP_ENV=local
APP_KEY=SomeRandomString
DB_USERNAME=homestead
DB_PASSWORD=homestead
Run Code Online (Sandbox Code Playgroud)
所以,如果我有超过2个环境,我现在必须在一个.env文件中设置所有这些吗?例如:
APP_ENV=local
DB_PASSWORD=123
APP_ENV=alpha
DB_PASSWORD=456
Run Code Online (Sandbox Code Playgroud)
如果我没有.env文件,laravel将如何知道我正在使用的环境?
Phpstorm 8中的新功能 - 在Ubuntu 14.04下多重选择不起作用,但是,热键ALT + J确实有效,但是我无法使用ALT +鼠标左键单击多次选择,我已经检查了键盘映射
Add or Remove caret is set to ALT+Button1 Click
Run Code Online (Sandbox Code Playgroud)
哪个好看.当我尝试按住ALT并左键单击时 - 没有任何反应,我猜这是ubuntu相关的.
这是一个例子:
const initObject = {
a: 0,
b: 0,
c: 0
}
const { a, ...rest } = initObject
Run Code Online (Sandbox Code Playgroud)
我们a
从对象中省略属性,但随后const a
为它分配了一个值,但从未使用过-eslint(无未使用的变量)产生错误。是否可以完全省略const a
?
样式组件:
import { Typography } from '@material-ui/core';
const Text = styled(Typography)<TextProps>`
margin-bottom: 10px;
color: ${({ textColor }) => textColor ?? textColor};
font-size: ${({ textSize }) => (textSize ? textSize + 'px' : '16px')};
`;
Run Code Online (Sandbox Code Playgroud)
组件内部的用法:
<GlobalStyled.Text textColor="green" textSize="20">test</GlobalStyled.Text>
Run Code Online (Sandbox Code Playgroud)
“警告:React 无法识别textColor
DOM 元素上的 prop。如果您故意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写textcolor
。如果您不小心从父组件传递了它,请将其从 DOM 中删除元素。”
道具被传递给Typography
组件本身,而不仅仅是样式组件,如何解决这个问题?
更新
5.1.0 版本发布的样式组件: https://github.com/styled-components/styled-components/releases/tag/v5.1.0
现在有新的瞬态道具,可以通过道具过滤解决这个问题。您可以在道具名称前使用$propsName
, 美元符号,它将仅传递给样式组件!
在我看来,有一个已回答的问题实际上并没有回答这个问题,关于ESLint 中extends: []
vs之间plugins: []
的区别。
就我而言,我只使用了扩展部分:
extends: [
'plugin:@typescript-eslint/recommended',
],
plugins: [],
rules: {
'@typescript-eslint/explicit-function-return-type': [
'error',
{
allowExpressions: true,
},
],
}
Run Code Online (Sandbox Code Playgroud)
如您所见,我只是使用了预定义的配置,plugin:@typescript-eslint/recommended
并@typescript-eslint/explicit-function-return-type
在rules: {}
部分中覆盖了规则。但是为什么我们需要这个插件部分呢?如果没有它一切正常?我想念什么?
生产构建失败并出现以下错误:
ValidationError: Invalid options object. CSS Loader has been initialised using an options object that does not match the API schema.
- options has an unknown property 'minimize'. These properties are valid:
object { url?, import?, modules?, sourceMap?, importLoaders?, localsConvention?, onlyLocals? }
at validate (/Users/username/Sites/projectname/node_modules/css-loader/node_modules/schema-utils/dist/validate.js:85:11)
at Object.loader (/Users/username/Sites/projectname/node_modules/css-loader/dist/index.js:34:28)
Run Code Online (Sandbox Code Playgroud)
使用这个 webpack 模板:http ://vuejs-templates.github.io/webpack/ ,更新到 Webpack 4 并面临构建问题,package.json:
{
"name": "projectname",
"private": true,
"scripts": {
"dev": "webpack-dev-server --inline --progress --config webpack.config.js --port 3000 --hot",
"start": "npm run dev",
"build": "cross-env NODE_ENV=production …
Run Code Online (Sandbox Code Playgroud) javascript ×3
eslint ×2
laravel ×2
typescript ×2
css ×1
css-loader ×1
ecmascript-6 ×1
eloquent ×1
express ×1
laravel-4 ×1
laravel-5 ×1
less ×1
material-ui ×1
node.js ×1
php ×1
phpstorm ×1
reactjs ×1
ubuntu ×1
ubuntu-14.04 ×1
vue.js ×1
webpack ×1
youtube-api ×1