小编Auz*_*uzy的帖子

从WSL Bash启动VS代码

我安装了Creators更新.WSL正在运营.我可以通过简单地调用执行最.exe文件notepad.exe但是,当涉及到VS代码....我不能使用默认的code命令或打电话code.exe......我自己也尝试codecode.cmd.为什么VS Code不像其他程序那样执行?有没有办法启用code命令?

编辑:我现在得到这些错误:

me @ mypc:/ mnt/c/Users/me/Documents/project_folder $ code./ mnt/c/Program Files(x86)/ Microsoft VS代码/ bin /代码:第7行:realpath:未找到逗号/ mnt/c/Program Files(x86)/ Microsoft VS代码/ bin /代码:第14行: ./Code.exe:没有这样的文件或目录

windows bash visual-studio-code windows-subsystem-for-linux

16
推荐指数
2
解决办法
7907
查看次数

Vue - 为每个 v-for 项目运行方法

我通过 v-for 遍历日历中的日期:

<ul><li v-for="day in daysInMonth"></li></ul>

在 Firebase 中,我存储了事件。每个事件都有一个日期属性:

eVeNtKeY
  date: 12/7/17
Run Code Online (Sandbox Code Playgroud)

现在,每一天都不会有事件,但我需要获得每一天的事件计数。我通过 Firebase 调用下载了当月的所有事件,并将其data作为数组保存在 Vue中thisMonthsEvent

data: {
  thisMonthsEvents: [bunch of firebase data],
  currentMonth: number
}
Run Code Online (Sandbox Code Playgroud)

有没有办法为每次重复运行一个方法v-for?在我看来,我可以这样做:

    computed: {
        eventsByDay () {
          return this.thisMonthsEvents.filter(function (event) {
            return event.date === this.currentMonth + '-' + Somehow get the day from loop + '-2017'
});
        }
      }
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuejs2

7
推荐指数
1
解决办法
8760
查看次数

Firebase:FacebookAuthProvider 不是构造函数

我正在构建一个小应用程序并希望通过 Facebook 对其进行身份验证。我在 Firebase 仪表板中启用了 Facebook 作为身份验证方法,提供了我的 Facebook 应用程序令牌和 Facebook 的身份验证 URI。

这个问题是这样的:

未捕获的类型错误:WEBPACK_IMPORTED_MODULE_0__firebase_config_js .a.FacebookAuthProvider 不是构造函数

这是有问题的 Vue JS 方法:

const sphinx = firebaseApp.auth()

methods: {
    signUp (event) {
      sphinx.getRedirectResult().then(function (result) {
        if (result.credential) {
          var token = result.credential.accessToken
        }
        var user = result.user
        console.log(token, user)
      })
      // Start a sign in process for an unauthenticated user.
      var provider = new sphinx.FacebookAuthProvider()
      sphinx.signInWithRedirect(provider)
    }
}
Run Code Online (Sandbox Code Playgroud)

它似乎与该行有关:

var provider = new sphinx.FacebookAuthProvider()
Run Code Online (Sandbox Code Playgroud)

但是我对 JS 还是比较陌生,但我认为这个问题与newES6 环境有关?如果是这样,我该如何改变这一点。

javascript firebase vue.js firebase-authentication vuejs2

7
推荐指数
1
解决办法
1029
查看次数

Firebase标头CSP规则

所以我知道我可以<meta>在我的网站上添加CSP .但是,我读到最好将这些添加到HTTP标头中.我检查了Firebase文档并查看以下内容:

我们目前支持以下标题作为关键:... Content-Security-Policy.

但是,我找不到任何关于如何格式化文件中的规则的示例.我可能会过度思考这个问题,但是如何向我的Firebase标头添加规则来覆盖这个:

Refused to load the script 'data:application/javascript;base64,dmFyIHVyY2hpblRyYWNrZXI9ZnVuY3Rpb24oKXt9…RUcmFja2VyQnlOYW1lOiBmdW5jdGlvbigpe190cmFja0V2ZW50OiBmdW5jdGlvbigpe319fTs=' because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-inline' https://f.vimeocdn.com https://ssl.google-analytics.com https://js-agent.newrelic.com https://bam.nr-data.net https://f.vimeocdn.com".
Run Code Online (Sandbox Code Playgroud)

firebase content-security-policy firebase-hosting

4
推荐指数
1
解决办法
1410
查看次数

范围滑块控件 Scrollable Div

我有以下问题:我想使用 HTML 范围滑块来控制在下方水平滚动的 div 的位置。(基本上是滚动条功能,但一旦进入网站,它就会远离可滚动内容。)要查看视觉效果,请参阅我的 CodePe:http ://codepen.io/Auzy/pen/qrXYYK?editors=1111 (我使用Pug 和 Stylus,要查看正常的 HTML,请单击右侧的下拉箭头并选择“查看编译的 HTML”)到目前为止我的代码不起作用,但它提供了我正在尝试执行的操作的基本概念:

JS:

(function() {
  window.RangeScroll = (function() {
    RangeScroll.init = function() {
      return $('.range-scroll').each(function(idx, el) {
        return new RangeScroll($(el));
      });
    };

    function RangeScroll($el) {
      this.limit = 0;
      this.length = 0;
      this.scroll = $el;
      this.output = $el.find('.scroll-output');
      this.range = $el.find('.scroll-range');
      this.panel = $el.find('.scroll-panel');
      this.content = $el.find('.scroll-content');
      this._calc_range();
      this._add_events();
    }

    RangeScroll.prototype._calc_range = function() {
      this.limit = this.panel.outerWidth();
      return this.length = this.content.outerWidth();
    };

    RangeScroll.prototype._add_events = function() {
      return this.range.on('input', (function(_this) { …
Run Code Online (Sandbox Code Playgroud)

javascript jquery

3
推荐指数
1
解决办法
4201
查看次数

Vue JS v-for过滤器的独特之处

我的公司正从Angular JS转到Vue.在我需要将Angular过滤器的功能复制到VueJS之前,它一直非常流畅.原始的角度过滤器看起来像这样:

JS

app.filter('unique', function () {
    return function (collection, keyname) {
        var output = [],
            keys = [];

        angular.forEach(collection, function (item) {
            var key = item[keyname];
            if (keys.indexOf(key) === -1) {
                keys.push(key);
                output.push(item);
            }
        });

        return output;
    };
});
Run Code Online (Sandbox Code Playgroud)

在我的Vue中,我有以下内容:

<select class="u-full-width" v-model="newPost.cat">
   <option value="" selected="selected">Choose a Category</option>
   <option v-for="post in posts | unique" selected>{{ post.cat }}</option>
</select>
Run Code Online (Sandbox Code Playgroud)

我假设我仍然可以使用相同的过滤器,但我该如何复制呢?

javascript vue.js vuejs2

3
推荐指数
2
解决办法
4812
查看次数

保持VueJS片段DRY

我有以下Vue HTML.我知道这可以用其他模块完成,但除非需要,否则我不想使用.我在客户填写的表单中有一个选择,其中包含select每天的开始和结束时间.显然这可能是多余的,因为我将列出所有小时(在我的情况下每15分钟)作为options每天2次和所有日子7次.它最终只有几百行代码...一小时select...有没有更好的方法来保持这种干燥?我宁愿把它留在Vue土地上.或JS方法等......

<div class="col-xs-4">
  <select class="form-control" v-model="newPost.hours.sunday.opens">
    <option value="" selected>Opens:</option>
    <option value="12:00am">12:00am</option>
    <option value="12:15am">12:15am</option>
    <option value="12:30am">12:30am</option>
    <option value="12:45am">12:45am</option

...etc...etc x7
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuejs2

2
推荐指数
1
解决办法
142
查看次数