小编Sat*_*ham的帖子

我正在使用基于令牌的身份验证的rest API,其中一些用户有权上传文件而有些用户没有.

问题是当一些没有权限上传文件的用户尝试上传时(说1GB文件),我只在上传了整个1GB后才收到错误响应.

如果我将请求从chrome开发人员工具复制为curl并通过终端发送,则会立即失败.

我使用具有上传权限的用户令牌测试了curl命令,它按预期工作.

那么,卷曲如何与XHR不同？

Curl是同步的,默认情况下不是XHR.我尝试使XHR同步,但它仍然必须在得到响应之前上传整个文件.

function upload(file, url) {
    var xhr = new XMLHttpRequest();
    xhr.upload.key = xhr.key = file.key
    xhr.upload.addEventListener("progress", updateProgress);
    xhr.addEventListener("error", transferFailed);
    xhr.addEventListener("abort", transferCanceled);
    xhr.open("PUT", url);
    xhr.setRequestHeader("Content-Type", "application/octet-stream");
    xhr.setRequestHeader("X-Auth-Token", service.token.token);


    xhr.addEventListener("readystatechange", function (e) {
      if (this.readyState === 4 && this.status >= 200 && this.status < 300) {
        transferComplete(e)
      }
      if (this.readyState === 4 && this.status === 0) {
        transferFailed(e)
      }
      if (this.status >= 400) {
        transferFailed(e)
      }

    });


    xhr.send(file);
}

这是精确的curl命令,格式化为可读性:

curl 'https://my-website.com/54321/my-filename.jpg' 
  -X PUT   
  -H 'Pragma: …

假设我有1000 px宽2列布局,100 px天沟空间(边距)和左右50px ..如何将黄金比例应用于此布局？

方法一

c1+c2=800px;
c1/c2=1.618;
=>c1= 495px and c2= 305px

50px, column 1 (495px), 100px, column 2 (305px), 50px

方法二计算列宽忽略边距.

c1+c2=1000px
c1/c2=1.618

=>c1= 618px c2=392px

添加边距/填充后的有效列宽

c1=618px -100px = 518px
c2=392px -100px = 292px
50px, column 1 (51), 100px, column 2 (305px), 50px

% difference in two methods 518-495/518= 4%

4%的差异不会产生任何差异,但在处理狭窄的布局时,%差异会更大.

如果您看到这篇文章, 请访问http://www.smashingmagazine.com/2010/02/09/applying-mathematics-to-web-design/

在第一个例子中,他们从黄金比例中取出填充,而在另​​一个例子中,他们制作了GR的填充部分.

有人可以建议哪种方法更好.

我正在为可自定义的wordpress主题开发这个布局,我提供了一个选择流体布局的选项.我不能使用黄金比例的第一种方法(Can I ??).

我可以使用方法2而不会失去GR为设计带来的和谐.

请包括链接和ref支持您的答案.

PS:我之前在平面设计部分发过这个问题,我建议在这里发布.我希望我没有违反任何规则.