小编Sve*_*ven的帖子

我正在设置一台新的Mac用于工作.我在全球安装了Grunt&Grunt CLI.然后我npm install在一个项目文件夹内部安装了所有依赖项.

到目前为止没有问题,但是一旦我尝试运行sass:dist任务,我就会收到此警告:

Warning: You need to have Ruby and Sass installed and in your PATH for
this task to work. More info:
https://github.com/gruntjs/grunt-contrib-sass Use --force 
to continue.

我的理解是我需要在更全局的层面上安装Ruby和Sass才能运行此任务.由于我还很擅长使用终端,我做了一个快速搜索,找出了什么PATH- 似乎是一些存储重要数据的系统路径(可以更改).

这是否意味着我可以简单sudo grunt install contrib-sass -g地解决这个问题？那么Ruby呢 - 我一直以为它已经安装在OS X上了？

我有这个代码:

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
table,
thead,
tr,
tbody,
th,
td {
  text-align: center;
}

小提琴

出于某种原因,表格内的文字仍然没有居中.为什么？如何将文本置于表格中心？

为了使它真正清晰:例如,我希望"Lorem"坐在四个"1"的中间.

我在我的网页上使用Font Awesome,我想在:before伪元素中显示一个图标.

根据文档/ cheatsheet,我必须键入以获取此字体,但它无法正常工作.我认为这是正常的,因为不支持HTML实体:before.
所以我用Google搜索了一下,发现如果要显示HTML实体:before,则必须使用转义的十六进制引用.
所以我正在寻找十六进制参考,但我一无所获.我认为这是因为这些都是"私人使用"价值观,无论这意味着什么.

有没有办法让它工作:before？

在React中,我编写了一个无状态功能组件,现在想要为它添加Prop Type验证.

List 零件:

import React from 'react';
import PropTypes from 'prop-types';

function List(props) {
  const todos = props.todos.map((todo, index) => (<li key={index}>{todo}</li>));
  return (<ul></ul>);
}

List.PropTypes = {
  todos: PropTypes.array.isRequired,
};

export default List;

App组件,渲染List:

import React from 'react';
import List from './List';

class App extends React.Component {
  constructor() {
    super();
    this.state = {
      todos: '',
    };
  }

  render() {
    return (<List todos={this.state.todos} />);
  }
}

export default App;

正如你所看到的App,我正在传递this.state.todos给你List.既然 …

我选择一个表单的所有输入元素,如下所示:

var fields = $( form + " :input" ).not( "button" );

如何检查这些输入中是否有任何disabled属性设置并在存在时将其删除？

此外,我需要在删除之后添加它(并在其间序列化字段),有一个优雅的方式吗？某些东西,toggle但属性？

我有一个关于转换的CSS供应商前缀的问题.

该消息来源指出"你需要使用所有通常的前缀才能在所有浏览器中使用它(-o - , - webkit - , - moz - , - ms - )".

该页面只显示了-webkit-与-moz-前缀并且声称IE 10,FF 16+和Opera 12.1+可以阅读免费的前缀版本.

在Twitter的引导的代码,总有存在-webkit-,-moz-并且-o-除了未加前缀版本前缀版本.

我应该使用什么前缀？

我购买了一个支持一些开放式功能的webfont,当然我想使用它们.
不幸的是,我无法在网上找到解释使用语法的最佳方法 - 在我看来,这font-feature-settings是另一个前缀地狱的例子.

目前我有这样写的但是我不确定它是否涵盖了支持这些功能的所有浏览器.

.element {
    -webkit-font-feature-settings: "kern" 1, "liga" 1, "case" 1;
       -moz-font-feature-settings: "kern=1", "liga=1", "case=1";
       -moz-font-feature-settings: "kern" on, "liga" on, "case" on;
        -ms-font-feature-settings: "kern" 1, "liga" 1, "case";
         -o-font-feature-settings: "kern", "liga", "case";
            font-feature-settings: "kern", "liga", "case";
}

更具体地说,-moz语法似乎很奇怪.一些消息来源声称这是要使用的语法:

-moz-font-feature-settings: "liga=1";  /* Firefox 14 and before */
-moz-font-feature-settings: "liga" on; /* Firefox 15 */

其他人这样做是这样的:

-moz-font-feature-settings: "cswh=1";
-moz-font-feature-settings: "cswh";

同样的事情-webkit; 有人这样写:

-webkit-font-feature-settings: "liga" on, "dlig" on;

而其他人这样做:

-webkit-font-feature-settings: "liga", "dlig";

或者像这样:

-webkit-font-feature-settings: …

最近我一直在玩CSS Media Queries,因为这是让我的网站适应各种屏幕尺寸的好方法.我打算将它们实现到实时版本中.

我的问题是:布局更改时是否有任何建议的分辨率值？

我有一个绘制圆圈的SVG图形.当我background-color用CSS 给它一个时,我希望它只出现在角落里,因为CSS元素永远不会是圆的(是的,border-radius...) - 所以我把一个带有透明背景的圆形图形放在一个带有背景颜色的矩形框中.
但相反,它看起来像这样:

有什么方法可以删除左侧和右侧的"填充"吗？它与它有关ViewBox吗？

在npm install获取项目的依赖项后,我经常收到很多这样的消息:

npm WARN deprecated lodash@1.0.2: lodash@<2.0.0 is no longer maintained. Upgrade to lodash@^3.0.0

显然我不明白节点足够好来总结我应该做什么 - 项目甚至没有直接包含lodash.

我需要更新一些东西吗？或者它是包维护者的任务吗？