小编Ale*_*Kim的帖子

是否可以在CSS calc()中使用vh减去像素?

我在Less文件中有以下CSS规则:

.container {
  min-height: calc(100vh - 150px);
}
Run Code Online (Sandbox Code Playgroud)

这根本不起作用.我想让容器全窗口高度和负头,页脚固定高度.

我怎样才能做到这一点?

css less

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

如何获得HQ youtube缩略图?

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缩略图?

youtube-api

73
推荐指数
4
解决办法
13万
查看次数

如何使用车把更改快递中的默认布局?

我正在使用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');

  1. 如何全局更改默认布局?
  2. 如果我想拥有2个或3个不同的全局布局怎么办?

node.js express handlebars.js

52
推荐指数
4
解决办法
4万
查看次数

如何更新laravel中的列值

我有一个页面模型.它在数据库表中有以下列:

  • ID
  • 标题
  • 图片
  • 身体

我想只更新"图像"列值.

这是我的代码:

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 eloquent laravel-4

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

在Laravel 5中设置ENV变量的正确方法是什么?

在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将如何知道我正在使用的环境?

php laravel laravel-5 laravel-environment

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

在Ubuntu下的Phpstorm 8中无法进行多项选择

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相关的.

ubuntu phpstorm ubuntu-14.04

24
推荐指数
3
解决办法
7344
查看次数

使用对象分解时忽略属性变量

这是一个例子:

const initObject = {
  a: 0,
  b: 0,
  c: 0
}

const { a, ...rest } = initObject
Run Code Online (Sandbox Code Playgroud)

我们a从对象中省略属性,但随后const a为它分配了一个值,但从未使用过-eslint(无未使用的变量)产生错误。是否可以完全省略const a

javascript ecmascript-6 eslint object-destructuring

20
推荐指数
3
解决办法
1113
查看次数

React 无法识别传递给 Material UI 中样式组件的 prop

样式组件:

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 无法识别textColorDOM 元素上的 prop。如果您故意希望它作为自定义属性出现在 DOM 中,请将其拼写为小写textcolor。如果您不小心从父组件传递了它,请将其从 DOM 中删除元素。”

道具被传递给Typography组件本身,而不仅仅是样式组件,如何解决这个问题?

更新

5.1.0 版本发布的样式组件: https://github.com/styled-components/styled-components/releases/tag/v5.1.0

现在有新的瞬态道具,可以通过道具过滤解决这个问题。您可以在道具名称前使用$propsName, 美元符号,它将仅传递给样式组件!

javascript typescript reactjs material-ui styled-components

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

ESLint 扩展 vs 插件 v2020

在我看来,有一个已回答的问题实际上并没有回答这个问题,关于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-typerules: {}部分中覆盖了规则。但是为什么我们需要这个插件部分呢?如果没有它一切正常?我想念什么?

javascript typescript eslint

11
推荐指数
1
解决办法
691
查看次数

CSS Loader 已使用与 API 架构不匹配的选项对象进行初始化

生产构建失败并出现以下错误:

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)

webpack vue.js css-loader

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