小编Tow*_*kir的帖子

Using Firefox I am trying to download some data from Google Drive using XMLHttpRequest. In the debug console it gives me [302 Moved Temporarily] and the data i receive is empty. How can i get XMLHttpRequest to follow a redirect response? Also I am using https if it changes things.

的jsfiddle

我正在尝试使用带有引导列的弹性框,以便所有列始终水平居中.下面提到的标记适用于firefox,chrome和Android,但在iOS和Safari上失败.我还没有测试过IE.

HTML:

<!-- The fourth column falls down -->
<div class='row row-1 text-center'>
    <div class="col-xs-3 red">Hi</div>
    <div class="col-xs-3 blue">Hi</div>
    <div class="col-xs-3 blue">Hi</div>
    <div class="col-xs-3 blue">Hi</div>
</div>
<!-- Works Fine and centers the columns -->  
<div class='row text-center'>
    <div class="col-xs-3 red">Hi</div>
    <div class="col-xs-3 blue">Hi</div>
    <div class="col-xs-3 blue">Hi</div>
</div>

CSS:

.row {
    display: flex;
    display: -webkit-flex; 
    flex-wrap:wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
            justify-content: center;
}
div[class^=col-] {
  float: none;  
  display: inline-block;
  vertical-align: top;
}

在Chrome,Firefox和Android上

在Safari和iOS上

的jsfiddle

是否有任何我应该添加到列中,以便它们出现在一行中.

如何transform-origin在react native 中将属性应用于样式？我已经尝试了几种方法，但没有得到任何活动

我试过了：

transform: [{ rotate: ('90deg')},{origin: {x: 'top', y:'center'}} ]

试图将背景图像添加到bulma.io英雄部分,但它不起作用!下面是代码:

<div>
    <section class="hero is-primary is-fullheight header-image">
        <!-- Hero header: will stick at the top -->
        <div class="hero-head">
            <header class="navbar">
                <div class="navbar-brand">
                    <a class="navbar-item" href="http://bulma.io">
                        <img src="http://bulma.io/images/bulma-logo.png" alt="Bulma: a modern CSS framework based on Flexbox" width="112" height="28">
                    </a>

                    <div class="navbar-burger" v-on:click="showNav = !showNav" v-bind:class="{ 'is-active' : showNav }">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div class="navbar-menu" v-bind:class="{ 'is-active' : showNav }">
                    <!-- navbar start, navbar end -->
                    <div class="navbar-end">
                        <a class="navbar-item" href="/about">About</a>
                        <a class="navbar-item" href="/path">Path</a>
                        <a class="navbar-item" href="/blog">Blog</a>
                    </div>
                </div>
            </header> …

我有一个javascript项目,并发现新的vs代码功能" 移动或重命名文件时更新导入路径 "对我不起作用.我试过了:import和require语句.对于这两个选项,代码在移动或重命名后不会改变路径.

操作系统:Ubuntu 16.04
Visual Studio代码版本1.25.0
VS代码用户设置:

{  
    "javascript.updateImportsOnFileMove.enabled": "always"  
}  

在项目文件夹中有一个空的jsconfig.json文件.

根据d3文档(https://github.com/d3/d3-selection)

按照惯例,返回当前选择的选择方法使用四个缩进空间,而返回新选择的方法仅使用两个.这有助于通过使它们脱离链条来揭示上下文的变化:

提供如下代码:

d3.select("body")
  .append("svg")
    .attr("width", 960)
    .attr("height", 500)
  .append("g")
    .attr("transform", "translate(20,20)")
  .append("rect")
    .attr("width", 920)
    .attr("height", 460);

有没有办法配置eslint来处理这个问题,这样它就不会一直抱怨意外的咒语等级？

eslint indent规则(https://eslint.org/docs/rules/indent)有一个MemberExpression选项,所以你可以忽略链式方法调用的所有缩进,但是我想强制执行,不同的方法不同.还有一个ignoredNodes选项可以选择忽略某些AST节点,但我不知道文档中是否可以选择我想要的保真度.虽然禁用对某些链式方法的检查并不是很好,但总比没有好.在这种情况下,我怀疑这是一个全面的列表,但我在四空缩进处使用的所有列表都是:

.attr()
.style()
.text()
.call()
.on()

因此,有些方法可以忽略具有这些名称的链式方法调用,并将所有其他方法保留在两个空间中,这将是一个好的止损措施(包括与d3完全无关的方法).

编辑:删除.data()并.enter()从列表中,Gerardo Furtado指出他们返回新的选择.

Twitter Web意图提供方便的JS lib,允许用户从外部网站发送推文.

  <script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
  <p><a href="https://twitter.com/intent/tweet?text=textToTweet">link</a></p>

这通过Twitter的textarea打开一个新窗口供用户提交其推文,在移动浏览器上运行良好.一旦Twitter发布,弹出窗口关闭,用户返回原始页面.

然而,在使用webview的本机应用程序(一个很好的例子是facebook webview)的上下文中,流程似乎被打破了.它不是打开弹出窗口或新窗口,而是将当前webview重定向到twitter页面.从那里用户无法返回原始页面.

是否有任何参数可以传递给 https://twitter.com/intent/tweet,以便Twitter在发送或取消后重定向回用户页面.我也尝试过使用twitter @anywhere,但推文框甚至都没有显示在iOS UIWebview上.

是否有客户端流量的替代方案？

谢谢

-seb

我知道这个话题已经有很多主题,但不幸的是我直到现在才找到答案.我使用angular.js和http://angular-js.in/image-upload/中的示例代码从客户端获取图像.这部分有效

现在到node/mongodb部分,这是我的后端模型:

var userSchema = new mongoose.Schema({
    avatar: { data: Buffer, contentType: String },
    // ...
});

module.exports = mongoose.model('User', userSchema);

和我的节点代码:

exports.createAvatar = function (req, res) {
  var avatar = {
    data: req.body.data.image, // see below
    contentType: 'image/png'
  }

  models.DUser
    .findById(index.findUserId(req))
    .exec(function (err, user) {
      user.avatar = avatar;
      // ...
      user.save(function (err, user) {/* ... */ });

和我的angularCtrl:

var foo = {
  image: image,
  imageName: image.name,
};

$http.post('/api/users', {data: foo })
    .success(function (result) { /*...*/ });

除了req.body.data.image,我尝试了许多不同的变体,如req.body.data.image.dataURL,req.body.data.image.dataURL.data,但到目前为止没有任何工作.我对req.body.data.image的记录显示: …

我有一个需要访问的页面window.safari.pushNotification.加载该页面时一切正常.但是当此页面包含在iframe window.safari中时undefined.

即使您在同一个原点,即使添加window.safari不能解决问题,也会出现此问题.

这是预期的行为还是错误？是否有任何工作可以window.safari.pushNotification从iframe内部进行访问？(我真的需要它)

重现此问题很简单.只需将以下代码添加到页面并尝试:

• 直接加载它

• 使用iframe将其包含在另一个页面中

  window.addEventListener('load',function(){console.log(窗口中的'safari')});

我正在尝试严格使用原生ES模块而不会自行编写代码,但有时我会发现第三方库与Webpack和babel一起打包为UMD,这似乎是目前最常见的格式.

这不是很好的导入

import { mat4 } from 'https://cdnjs.cloudflare.com/ajax/libs/gl-matrix/2.4.0/gl-matrix.js'

SyntaxError中的结果:请求的模块不提供名为"mat4"的导出

我不认为UMD应该被称为普遍的.

当然我可以直接导入src然后我必须采取他们可能有的任何babel配置.我试图避免转换我的任何代码,我只想转换所有UMD node_modules以在我的代码中使用.

我正在寻找的是与此相反的:https://www.npmjs.com/package/babel-plugin-transform-es2015-modules-umd

我想从UMD转换为ES.通过这种方式,我可以相信图书馆已经标准化了任何非标准版本,我可以正常导入它.我在网上搜索过但我没有找到任何东西.我尝试使用commonjs es模块插件,但它不起作用,因为导出声明不在顶层.

有没有人知道是否有插件可以做到这一点,或者任何人都可以提供一些关于他们如何处理这种情况的想法？