小编san*_*zer的帖子

所以我正在尝试构建一个纯粹的CSS响应广场(实际上我正在尝试建立一个圆圈,但是一旦我得到这个广场就很容易了.)

换一种说法:

• 我想要一个div有height百分之一的bodya和一个width等于那个(反之亦然).

• 将div还需要有另一div里面可以包含的内容和overflow: auto.

• 最后,div永远不能超出height(或width)的body或viewport.

到目前为止,我已经使用1px透明.gif作为填充包装器的部分解决方案(即portrait但不是landscape).不理想的语义,但我不知道如果没有它可以做到这一点.imgdiv

<div class="wrap">
<img src="http://www.neurillion.com/p/35/static/media/images/1x1t.gif" />
    <main>
        <div class="content">
            <h2>Title</h2>              
            <p> Lorem... etc. </p> 
         </div> 
     </main>
</div>

以下是我的CSS解决方案以及它们有什么问题:

1. 这个工程除了它超过height了的body中landscape(max-height在任何元素不解决这个问题):

   .wrap {
     background: blue;
     margin: 10% auto;
     width: 70%;
     position:relative;
     text-align:center;
   }
   .wrap img {
     border: 1px …

   Run Code Online (Sandbox Code Playgroud)

我正在尝试将对象添加到Node.js中的一个非常大的JSON文件中(但仅当id与现有对象不匹配时).到目前为止我所拥有的:

示例JSON文件:

[
  {
    id:123,
    text: "some text"
  },
  {
    id:223,
    text: "some other text"
  }
]

app.js

var fs = require('fs');     
var jf = require('jsonfile')
var util = require('util')    
var file = 'example.json'

// Example new object
var newThing = {
  id: 324,
  text: 'more text'
}

// Read the file
jf.readFile(file, function(err, obj) {
  // Loop through all the objects in the array
  for (i=0;i < obj.length; i++) {
    // Check each id against the newThing
    if (obj[i].id …

我有以下代码在react组件中获取twitter时间轴:

  componentWillMount: function() {
    twitter.get('statuses/user_timeline',
    function(error, data) {
      this.setState({tweets: data})
     });
  }

但我无法设置state那里,因为this没有设置回该函数中的组件.

如何在回调中设置状态？

nb console.log(data)而不是this.setState工作正常,这就是为什么我怀疑这个变量的问题.

我想用一些字符串文字HTML回显PHP函数.

这就是我认为它的完成方式:

echo '<a href="' + $prevpost->url()  + '" class="postnav left nextpost"></a>';

......但是没有回报.我尝试了引号等的小变化但是我担心我正在咆哮错误的树,我无法真正找到我需要的搜索.

注意:echo $prevpost->url();在任何人询问是否有效之前,确实会返回我尝试链接的URL.

我正在尝试为网格布局创建一堆列，并想知道是否可以使用 SASS/SCSS mixin 自动进行宽度计算。

我目前正在写作

@mixin setWidth($a, $b){
 width : ($a / $b)*100%;
}
.col-1-2{
 @include setWidth(1, 2);
}

这很好，但我只是想知道是否有办法使它更加 DRY，通过使用变量名设置类并使用 mixin 创建类。

就像是

@mixin setClass($a, $b){
  .col-$a-$b{
    width : ($a / $b)*100%;
  }
}

@include setClass(1, 2);

尝试使用simple-twitter从Twitter API获取内容时出现此错误:

XMLHttpRequest cannot load https://api.twitter.com/1.1/statuses/user_timeline.json. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 400

我基本上完成了它在反应文档中所说的内容,但更换了相关的行:

  componentDidMount: function() {
    twitter.get('statuses/user_timeline', function(error, data) {
      if(this.isMounted()){
        this.setState({tweets: data})
        console.dir('callback')
      }
    }.bind(this));
  }

回调函数似乎永远不会触发,我认为这是由于请求未完成.

我在这里错过了什么？

我有一个列表,每个列表都包含一个链接和一个图像.有些图像有一类其他图像没有.

<ul>
  <li>
    <a>link 1</a>
    <img src="http://foo.com/" />
  </li>
  <li>
    <a>link 2</a>
    <img src="http://foo.com/" />
  </li>
  <li>
    <a>link 3</a>
    <img src="http://foo.com/" class="myClass" />
  </li>
</ul>

我希望在悬停这些链接时执行某些操作,但前提是相关图像具有该类.

这就是我目前正在尝试的:

$('ul li a').hover(
    function() {
        if ($(this).siblings('img').hasClass('.myClass')) {
                console.log('it has the class');
        }
});

这个的正确语法是什么？