小编Wit*_*ult的帖子

我一直尝试在我的Windows Azure托管的WCF Restful服务上启用gzip HTTP压缩失败,该服务仅从GET和POST请求返回JSON.

我已经尝试了很多东西,我很难列出所有这些东西,我现在意识到我一直在处理相互矛盾的信息(关于旧版本的天蓝色等),所以最好从干净的石板开始吧!

我正在使用Visual Studio 2008,使用2010年2月的Visual Studio工具.

所以,根据以下链接 ..

..现在已启用HTTP压缩.我已经使用了以下页面中的建议(仅限URL压缩建议).

http://blog.smarx.com/posts/iis-compression-in-windows-azure

<urlCompression doStaticCompression="true" 
         doDynamicCompression="true"
         dynamicCompressionBeforeCache="true" 
/>

..但我没有压缩.我不知道urlCompression和httpCompression之间的区别是没有用的.我试图找出但无济于事!

可能,Visual Studio的工具是在支持压缩的Azure版本之前发布的,这是一个问题吗？我已经阅读过某些地方,使用最新的工具,您可以选择在发布时使用哪个版本的Azure OS ...但我不知道这是否属实,如果是,我找不到哪里选择.我可以使用预启用http的版本吗？

我也试过了吹嘘的http压缩模块,但没有结果.

有没有人有关于如何实现这一目标的最新建议？即与当前版本的Azure OS相关的建议.

干杯!

史蒂芬

更新:我编辑了上面的代码来修复web.config片段中的类型.

更新2:测试使用下面的答案显示的URL whatsmyip的答复是表示在没有经过任何压缩正在返回从我service.svc我的JSON响应,但静态的HTML页面ARE被用gzip压缩返回.任何关于如何获得压缩的JSON响应的建议都将非常感谢!

更新3:尝试了大于256KB的JSON响应,以查看问题是否是由于JSON响应小于此,如下面的评论中所述.不幸的是,响应仍然没有被压缩.

我最近切换到es6并开始在我的代码中使用箭头函数.在重构时我遇到了代码

data.map(function(d) {
   return {id: d.id, selected: bool};
});

我将上面的代码改为此 -

data.map((d) => {id: d.id, selected: bool});

但是我从上面的代码中得到了错误.我不知道这里有什么问题？我知道如果没有代码块,则会有箭头函数提供的隐式返回.

但是不知道如何返回空对象或匿名对象,并初始化了一些属性？

编辑:

如果我这样做会有什么问题？只是出于好奇的缘故.

data.map((d) => new {id: d.id, selected: bool});

我的按钮在css中有以下样式.我也在使用bootstrap.

.btn-primary {
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x;
    border-color: #1f90bb #1f90bb #145e7a;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #1f90bb;
    background-position: 0 -15px;
}

我已经将一个按钮定义为反应中的一个组件.

const MyButton = ({children, onClick, classNames, ...rest }) =>
(
    <button
        onClick   = {onClick}
        className = {`${classNames}`}
        {...rest}
    >
        {children}
    </button>
);

基于从服务器获取的某些值,我想更改按钮的完整颜色.

问题1:

如何将按钮的完整样式设置为内联样式？

问题2:

另外,我可以使用scss像mixinsin 这样的一些功能react来生成动态传递颜色作为变量的按钮样式吗？

问题3:

我应该在js中使用css使用内联样式或类名吗？

对于像按钮这样的通用组件,我们应该使用一个全局类,它可以在定义按钮的所有位置重用,或者使用本地内联样式并在所有位置创建内联样式？

我有一个ApiCaller.js模块,它生成调用我们的api服务器来获取数据.它有const字段API_URL,它指向服务器url.此API_URL const针对dev和prod环境进行更改.

因此,当我需要部署到开发环境时,我需要手动更改该URL(API_URL)以指向dev-api-server,反之亦然.

我想在代码之外的这些配置参数,并在构建过程中我想动态更改它们,以便我可以使用不同的设置进行构建.

我正在使用webpack捆绑我的javascript,html,css文件.

我想创建一个水平滚动列表,当从左侧或右侧滑动时,使用捕捉以适应效果.

每张卡片之间有一些间距,适合屏幕,类似于下图

除此之外,这些可水平滚动的列表元素应包含在垂直可滚动列表中.

我所能实现的只是在flutter docs中跟随示例之后才显示水平滚动卡列表.

class SnapCarousel extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final title = 'Horizontal List';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: Container(
          margin: EdgeInsets.symmetric(vertical: 20.0),
          height: 200.0,
          child: ListView(
            scrollDirection: Axis.horizontal,
            children: <Widget>[
              Container(
                width: 160.0,
                color: Colors.red,
              ),
              Container(
                width: 160.0,
                color: Colors.blue,
              ),
              Container(
                width: 160.0,
                color: Colors.green,
              ),
              Container(
                width: 160.0,
                color: Colors.yellow,
              ),
              Container(
                width: 160.0,
                color: Colors.orange,
              ),
            ],
          ),
        ),
      ),
    );
  } …

我已经使用jquery实现了这个,但是想要创建一个响应的组件来做同样的事情

<script>            
jQuery(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollTop() > offset) {
            jQuery('.move-top').fadeIn(duration);
        } else {
            jQuery('.move-top').fadeOut(duration);
        }
    });

    jQuery('.move-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollTop: 0}, duration);
        return false;
    })
});
</script>

在我的页面页脚中

<a href="#" class="move-top">?</a>

我有一个反应组件,我在其中使用日期选择器.基于所选日期的值,我发送一个ajax请求来获取数据.我没有使用像redux或flux这样的框架.

export default class MyComponent extends Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        // Initial fetch request based on the default date
    }

    onDateSelectionChanged(fromDate, toDate) {
        this.setState({
            fromDate,
            toDate
        });
    }

    render() {
        return (
            <div className="row">
                <DateRangePicker callBackParent = {this.onDateSelectionChanged}/>
                {/* other stuff */}
            </div>
        );
    }
}

现在假设我将日期更改为另一个日期.再次获取数据的最佳方法是什么？我应该再次发出请求onDateSelectionChanged还是有生命周期方法？

我想根据条件显示警告对话框.不基于按钮按下事件等用户交互.

如果在应用程序状态中设置了标志,则会显示数据警告对话框,否则不显示.

下面是我想要显示的示例警报对话框

  void _showDialog() {
    // flutter defined function
    showDialog(
      context: context,
      builder: (BuildContext context) {
        // return object of type Dialog
        return AlertDialog(
          title: new Text("Alert Dialog title"),
          content: new Text("Alert Dialog body"),
          actions: <Widget>[
            // usually buttons at the bottom of the dialog
            new FlatButton(
              child: new Text("Close"),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }

我试图在主屏幕小部件的构建方法中调用该方法,但它给了我错误 -

 The context used to push or pop routes from the Navigator must be that of a …

我正在使用Webpack捆绑我的模块,并在基于反应的应用程序中使用sass进行样式化.

使用单独的样式表我正在设置组件的背景图像并加载该样式表index.js.样式表中的所有样式都应用于除背景图像之外的该组件.

这是我的样本样式表

$bg-img: url('/img/bg.jpg');

.show {
    position: relative;
    background: $black $bg-img center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
}

解决该问题的一种方法是明确要求图像,然后为反应组件创建内联样式.

img1 = document.createElement("img");
img1.src = require("./image.png");

但是,一旦我的样式表加载而不是分别要求每个图像,我想加载我的图像文件夹中的所有图像.

我的webpack配置文件是

module.exports = {
  devtool: 'source-map',
  entry: {
    main: [
      'webpack-dev-server/client?http://localhost:8080',
      'webpack/hot/only-dev-server',
      './src/index.js'
    ]
  },
  output: {
    path: path.join(__dirname, 'public'),
    publicPath: '/public/',
    filename: 'bundle.js'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  module: {
   loaders: [
      { …

我试图在基于Apollo的graphql server (2.0)中为基于JWT的身份验证找出这种情况.

基本上在登录后,用户从服务器获取accessToken和refreshToken.

AccessToken在一段时间后过期,服务器发送一条错误消息,表明令牌已过期(TokenExpiredError),然后客户端需要通过传递refreshToken与服务器进行新的accessToken通信.

流量如下 -

1. 发生TokenExpiredError
2. 在客户端获取该错误
3. 使用旧的accessToken对所有请求进行排队(这样服务器不会被太多的refreshToken调用淹没,并且服务器会生成许多accessTokens)
4. 在graphql server上调用refreshToken api以获取新的accessToken
5. 使用新的accessToken更新所有授权呼叫的accessToken
6. 注销用户incase refreshToken本身已过期
7. 防止任何种类的竞争条件黑白电话

我已经在客户端实现了refreshToken变异但是无法弄清楚何时发生错误停止所有请求 - >请求新令牌 - >再次进行所有待处理请求以及刷新令牌是否已过期注销用户.