小编Tom*_*Tom的帖子

我正在制作一个带有Boostrap的静态视差网页,但是我的图像无法正常显示有问题.

我有一个自定义样式表,每个子部分我都有这样的不同图像:

#LM-sub01{
background: url(../img/32-cover.jpg) no-repeat center;
color: #ffffff;
font-family: 'Lobster', cursive;
font-weight: 300; 
font-size: 400%;
}

在某些部分中,只有一小段文本比图像大小小得多.我希望图像缩放到屏幕大小,但显示竞争图像.

我有一个在服务器上运行的API和一个连接到它的前端客户端来检索数据.我做了一些关于跨域问题的研究并且有效.但是我不确定发生了什么变化.我现在在控制台中收到此错误:

XMLHttpRequest无法加载https://api.mydomain/api/status.请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" http://beta.mydomain.com "访问.响应具有HTTP状态代码502.

我有以下路由文件:

var express = require('express');
var router = express.Router();
var Assessment = require('../app/models/assessment');

router.all('*', function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type');
    next();
});


router.post('/api/status', function (req, res, next) {
    getStatus.getStatus(req, res, Assessment);
});

module.exports = router;

以下JavaScript对该路由进行Ajax调用:

var user = {
    'uid' : '12345'
};
$.ajax({
    data: user,
    method: 'POST',
    url: 'https://api.mydomain/api/status',
    crossDomain: true,
    done: function () {
    },
    success: function (data) {
        console.log(JSON.stringify(data));
    },
    error: …

我有两个相同的按钮，除了一个按钮里面有图像，另一个按钮有文字。我都添加了一个onClick事件处理程序。

尽管图像按钮的event.target.value具有值并且文本按钮具有正确的值，但未定义。

有关示例，请参见此提琴：https : //jsfiddle.net/69z2wepo/84885/

class MyComponent extends React.Component {
  constructor(props) {
    super(props);

    this.changeSlide = this.changeSlide.bind(this);
  }

  changeSlide(e) {
    e.preventDefault();
    console.log('e.target.value', e.target.value);
  }

  render() {
    return (
      <div>
      <button
        onClick={this.changeSlide}
        value="back">
        <img src="//www.gravatar.com/avatar/7150a453468d14f599772cd8330fcf25/?default=&s=80" alt="Previous slide" />
      </button>

        <button
          onClick={this.changeSlide}
          value="back">
          CLICK ME
        </button>
      </div>
    );
  }
}

ReactDOM.render(
  <MyComponent />,
  document.getElementById('container')
);

为什么会这样？在按钮内使用图像的正确方法是什么？

我正在使用2.22.1格式化日期。

当我输入来自日期选择器的日期时，瞬间会将日期放回一天。例如，当我尝试通过以下方式格式化日期时：

范例1：

const day = new Date(value).getDate();
const month = new Date(value).getMonth();
const fullYear = new Date(value).getFullYear();
console.log('day', day); // 7
console.log('month', month); // 5
console.log('fullYear', fullYear); //2018

格式化功能：

moment.utc(new Date(month + ' ' + day + ' ' + fullYear), 'MM-DD-YYYY').format('DD-MM-YY')

输出：06-05-18

预期：18/07/05

范例2：

输入：2018年5月31日星期四00:00:00 GMT + 0100（GMT夏令时）

格式化功能：

moment.utc(new Date(value)).format('DD-MM-YY')

输出：30-05-18预期：31-05-18