小编U r*_*u s的帖子

任何人都可以从语言/环境不可知的角度解释这两个概念之间的区别吗？

还有一组编程语言需要满足的条件才能反思和/或内省吗？

如果有,这些条件是什么？

在视觉上我可以欣赏它的不同之处,但在哪种情况下我更喜欢一个？是否有任何意义上使用它们或者可以用百分比代替它们？

目前,在使用这些属性时,我似乎无法超越试错方法.

另外,我只能找到相当模糊的解释,特别是我发现W3C文档非常令人费解.

值具有以下含义:

'包含'

缩放图像,同时保持其固有的纵横比(如果有的话)到最大尺寸,使得其宽度和高度都可以适合背景定位区域.

'覆盖'

缩放图像,同时保持其固有的纵横比(如果有的话)到最小尺寸,使得其宽度和高度都可以完全覆盖背景定位区域.

我可能有点厚,但是有人能用相对的例子给我一个简单的英语解释吗？

请使用这个小提琴.谢谢.

CSS

body{
    width:500px;
    height:500px;
    background:url(http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg);
    background-size:contain;
    background-repeat:no-repeat;
}

注意

接受的答案是我目前最简洁和完整的答案.谢谢大家的帮助.

Github已将我的应用锁定文件中的依赖项标记为易受攻击.

要修复它,我应该将该软件包更新到更新的版本.

如果我对易受攻击的软件包没有任何控制,我该怎么做呢,因为它嵌套在依赖树中？

抱歉,如果这是一个非常基本的问题,但我似乎没有找到任何有用的.

嗨,我第一次使用Bootstrap,我无法让我的模态表单在单击提交按钮时保持打开状态.我搜索过SO但所有相关问题都涉及稍微不同的问题(例如下面的例子).

禁止关闭twitter bootstrap模式窗口

我npm outdated在mac上用bash 运行git命令.

请参见下图中的输出.

有谁知道为什么前四个包用红色打印？

我想这是因为我让他们指向我的package.json中的github repos,但为什么红色呢？

这是警告吗？我应该担心吗？

谢谢.

使用CSS获得此效果很简单:

这是一个很长的段落......

我们只是用text-overflow:ellipsis.

然而相反

......是一段很长的段落.

似乎不太明显.

我已经阅读了这篇全面的文章,但解决方案给出的还是不太理想.

这是实现它的CSS

.reverse-ellipsis {
  text-overflow: clip;
  position: relative;
  background-color: white;
}

.reverse-ellipsis:before {
  content: '\02026';
  position: absolute;
  z-index: 1;
  left: -1em;
  background-color: inherit;
  padding-left: 1em;
  margin-left: 0.5em;
}

.reverse-ellipsis span {
  min-width: 100%;
  position: relative;
  display: inline-block;
  float: right;
  overflow: visible;
  background-color: inherit;
  text-indent: 0.5em;
}

.reverse-ellipsis span:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: inherit;
  z-index: 200;
  left: -.5em;
}

它的主要问题是它的长度以及省略号看起来有点偏差的事实.

有没有人知道一个更短的解决方案,使省略号保持一致？

关于是否有必要导入React无状态组件并且找不到任何关于它的文档,有一些关于工作的辩论.所以:

//OPTION 1
import React, { PropTypes } from 'react';

//OPTION 2
import { PropTypes } from 'react';

export const Button = ({ action }) => {
  return (
    <button onClick={action}>Submit</button>
  );
}

Button.propTypes = {
  action: PropTypes.func.isRequired,
};

有人说使用JSX时,选项1是最佳实践; 其他一些思考组件将失败,而选项2.

我已经尝试了两种,我看不出任何差异,该组件仍然适用于这两种情况.

选项1或选项2:哪一个是正确的？

我想编辑我的.gitconfig文件以更改默认编辑器。

我输入$HOME/.gitconfig设置正确的目录并得到

-bash: /Users/Myself/.gitconfig: Permission denied。

为什么会发生这种情况，这意味着什么？我该如何克服它？

（OS X 优胜美地 10.10.4）

替换问号的正确价值是什么？为什么？

RecentProjectsSection.propTypes = {
  onClose: React.PropTypes.func.isRequired,
  projects: React.PropTypes.array.isRequired,
};

RecentProjectsSection.defaultProps = {
  onClose: ?????
  projects: [],
};

我最近发现了无状态组件的乐趣.例如,这让我很开心(而且它有效):

import { Component, PropTypes } from 'react';

export default function ClassroomsOverview(props, context) {
  return (
    <div>
      <p>{context.classrooms.data.length} Classrooms.</p>
      <p>{context.classrooms.members.length} Students</p>
    </div>
  );
}

ClassroomsOverview.contextTypes = {
  classrooms: PropTypes.object
}

如果我可以使用E6箭头函数语法使相同的组件工作,我会更高兴,如下所示:

import { Component, PropTypes } from 'react';

const ClassroomsOverview = (props, context) => (
    <div>
      <p>{context.classrooms.data.length} Classrooms.</p>
      <p>{context.classrooms.members.length} Students</p>
    </div>
  );

ClassroomsOverview.contextTypes = {
  classrooms: PropTypes.object
}

我已经关注了这个视频,但我无法使用箭头语法版本.

任何人都可以指出我做错了吗？