小编Bal*_*zar的帖子

我在运行Nginx的应用程序中包含prerender时遇到问题,我已经定义了一个简单的规则,用于将所有http请求重写为https,但是预渲染在运行GoDaddy证书的https上有一些问题,它会缓存页面但内容为空.我已经在http上测试了它并且工作正常,我现在正在尝试的是,如果我http_user_agent是Prerender,我想保持http网址完好无损,否则将网址重写为https.

欢迎任何帮助/意见/建议.

我一直在参与的所有角项目中使用grunt任务运行器.

目前,我发现了一个gulp-protractor-qagulp插件,可以在运行中测试我的所有元素选择器.它擅长它的功能,但现在我必须gulpfile.js为另一个构建系统提供单独的配置(我无法在grunt插件中找到合适的替代方案).

是否可以在单个项目中同时使用grunt和gulp构建系统？在这种情况下,普遍接受的行动是什么？

gulp-protractor-qa只是一个例子.我可以想象当我在两个构建系统中需要不同的合适插件并且必须做出选择时,这会再次打击我:尝试坐在两把椅子上？

是否可以使用css变换从上到下缩放图像？我在这里有这个例子:http://jsfiddle.net/865vgz82/13/

目前,类拇指皮中的图像从中心开始缩放,并扩展到顶部,底部和侧面.它希望将它固定在顶部,并且只能向下缩小到两侧.只有css才有可能吗？

.thumbsskin img {
  height: 135px;
  width: 320px;
  top: 0;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.thumbsskin:hover img {
  opacity: 0;
  -webkit-transform: scale(1.9);
  transform: scale(1.9);
  transform-origin: top;
}

我使用redux-actions和redux-promise-middleware来分派动作,以及TypeScript 2.1以获得async await支持.

这是一个使用redux-actions和的动作redux-promise-middleware

// create an async action
const fooAction = createAction('FOO', async () => {
  const { response } = await asyncFoo();
  return response;
});

// use async action
fooAction('123')

这是动作链的一个例子,仅使用 redux-promise-middleware

const foo = () => dispatch => {
  return dispatch({
    type: 'TYPE',
    payload: new Promise()
  })
  .then(() => dispatch(bar()));
}

如何链接redux-promise-middleware可以与redux-actions？一起使用？

我有一个Bootstrap Carousel,其中有许多来自Facebook的社交嵌入,包含视频.我不会详细介绍Bootstrap Carousel,因为问题已经在这个简单的jsfiddle中可见,并且是由于Facebook嵌入.

如果您加载此页面:https://jsfiddle.net/1L95vqn4/,并查看"网络标签"上的Chrome开发工具并过滤"XHR"(禁用缓存),您将看到34个请求并加载在您甚至"播放"所有通过Facebook iframe通过ajax加载的视频之前5.8Mb.

我想懒得加载那些fb ajax请求的权重,也就是说,当用户按"播放视频"时只加载那些调用.

我很惊讶我在网上找不到任何相关内容.其他社交网络(例如twitter嵌入)在用户按下播放之前不会加载视频.即使在播放视频之前,Facebook嵌入案例中的大量数据也会被加载(5Mb,15mb,30mb ......).

请注意,仅仅是为了获取有关我实际更复杂问题的信息:在我的网站上,我实际上并没有使用这个iframe而是嵌入了样式(但是不可能在jsfiddle上放置ajax请求或者对我来说太复杂).而我的实际问题是,当您加载旋转木马时,每张幻灯片上有20个facebook嵌入视频,那么当您打开旋转木马时,它会增加巨大的性能.

$.ajax({
  url: 'https://www.facebook.com/plugins/post/oembed.json/?url=https://www.facebook.com/cocacola/posts/1526674334016658',
  dataType: 'jsonp',
  cache: false,
  success: function (data) { 
    try {         
      var embed_html = (data.html);
      $('div#item1').html(embed_html);
    } catch (err) {
      console.log(err);
    }
  }
});

有没有办法阻止FB加载所有这些ajax xhr和mp4通过延迟加载或任何其他方式影响性能？

我正在尝试将我的 React Native 应用程序从使用 Mocha/Chai 切换到 Jest，但我遇到了一个问题。

以前在我的test/setup.js我有一些类似的东西：

const NativeModules = require('react-native-mock-render').NativeModules;
const MockRNDeviceInfo = require('./support/mock-device-info.js').MockRNDeviceInfo;
NativeModules.RNDeviceInfo = MockRNDeviceInfo;

但是，这不适用于 jest，因为在尝试测试我的组件之一时出现以下错误：

TypeError: Cannot read property 'appVersion' of undefined
  at Object.getVersion (node_modules/react-native-device-info/deviceinfo.js:39:20)

设置值的正确方法是什么NativeModules？

import DS from 'ember-data';

export default DS.JSONAPIAdapter.extend({
  host: 'http://api.theapothecaryshoppe.com',
  // host: 'https://api.theapothecaryshoppe.com'
});

常规主机工作,但当我使用https时,我收到此错误:

Error: The adapter operation was aborted
at EmberError.AdapterError (/home/nick/the-apothecary-shoppe/portal-ember/tmp/broccoli_merge_trees-output_path-j1H7NK9S.tmp/fastboot/vendor.js:85927:16)
at EmberError.ErrorClass (/home/nick/the-apothecary-shoppe/portal-ember/tmp/broccoli_merge_trees-output_path-j1H7NK9S.tmp/fastboot/vendor.js:85952:24)
at ajaxError (/home/nick/the-apothecary-shoppe/portal-ember/tmp/broccoli_merge_trees-output_path-j1H7NK9S.tmp/fastboot/vendor.js:87597:15)
at Object.hash.error (/home/nick/the-apothecary-shoppe/portal-ember/tmp/broccoli_merge_trees-output_path-j1H7NK9S.tmp/fastboot/vendor.js:87269:23)
at fire (/home/nick/the-apothecary-shoppe/portal-ember/node_modules/jquery-deferred/lib/jquery-callbacks.js:78:30)
at Object.fireWith (/home/nick/the-apothecary-shoppe/portal-ember/node_modules/jquery-deferred/lib/jquery-callbacks.js:188:7)
at Object.fire [as reject] (/home/nick/the-apothecary-shoppe/portal-ember/node_modules/jquery-deferred/lib/jquery-callbacks.js:195:10)
at ClientRequest.onError (/home/nick/the-apothecary-shoppe/portal-ember/node_modules/najax/lib/najax.js:208:9)
at emitOne (events.js:96:13)
at ClientRequest.emit (events.js:188:7)
at TLSSocket.socketErrorListener (_http_client.js:309:9)
at emitOne (events.js:96:13)
at TLSSocket.emit (events.js:188:7)
at emitErrorNT (net.js:1281:8)
at _combinedTickCallback (internal/process/next_tick.js:80:11)
at process._tickCallback (internal/process/next_tick.js:104:9)

有什么想法？这让我非常困惑.

所以我必须在模态中实现一个表单,如你所见,模态中的按钮不是表单中的按钮.我创建了表单作为模态的子组件.如何使用父组件中的按钮提交表单.我正在使用React Semantic-UI作为我的UI框架.

我想如果我可以隐藏表单中的按钮并使用JavaScript触发它.我认为这可以通过getElementById来实现,但有没有做出反应的方式呢？

我目前的Modal看起来像这样:

<Modal open={this.props.open} onClose={this.props.onClose} size="small" dimmer={"blurring"}>
    <Modal.Header> Edit Activity {this.props.name} </Modal.Header>
    <Modal.Content>
      <ActivityInfoForm/>
    </Modal.Content>
    <Modal.Actions>
        <Button negative onClick={this.props.onClose}>
            Cancel
        </Button>
        <Button positive
                content='Submit'
                onClick={this.makeActivityInfoUpdateHandler(this.props.activityId)} />
    </Modal.Actions>
</Modal>

我的表单代码如下所示:

<Form>
    <Form.Group widths='equal'>
        <Form.Input label='Activity Name' placeholder='eg. CIS 422' />
        <Form.Input label='Activity End Date' placeholder='Pick a Date' />
    </Form.Group>
    <Form.Group widths='equal'>
        <Form.Input label='Total Capacity' placeholder='eg. 30' />
        <Form.Input label='Team Capacity' placeholder='eg. 3' />
    </Form.Group>
</Form>

我正在尝试使用Java将XML转换为SVG,但看起来形状信息在这个过程中会丢失.

给出一个简单的draw.io图表:

运行XmlToSvg.java后,我得到:

我将其保存为未压缩的XML.我使用的是mxgraph-all.jar从mxGraph回购

你知道是否有隐藏的设置来保存形状和颜色？

我在Socket.io上与服务器和客户端聊天.客户端向/从服务器发送和接收消息.为了测试断线事件,我拔出以太网插头并在几秒钟后重新连接.

之后,从客户端发送消息仍然正常,并且在断开连接期间所有先前发送的消息都在Chrome和Firefox上成功重新发送.

但是,对于接收,Chrome可以,但不适用于不再从服务器接收消息的Firefox.

问题是如何正确处理此类网络问题并使我的聊天更加健壮？