小编vch*_*han的帖子

在 VS Code 中,有一个扩展“增量选择”来增加代码中的数字。Visual Studio Community 也存在吗?

有时我的代码必须插入连续的值。这是大文件的问题。首先我将它们设置为相同,然后将值 1 加 1.. 例如:

<div>a1</div>
<div>a1</div>
<div>a1</div>
<div>a1</div>
<div>a1</div>
<div>a1</div>`
Run Code Online (Sandbox Code Playgroud)

变成:

<div>a1</div>
<div>a2</div>
<div>a3</div>
<div>a4</div>
<div>a5</div>
<div>a6</div>
Run Code Online (Sandbox Code Playgroud)

increment visual-studio-code

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

如何使用 jsDoc 在自定义组件中记录此关键字?

我正在使用 Vuejs 内联模板组件,我们在 javascript 文件中注册组件,在 html 中注册模板。

该组件看起来像这样:

Vue.component('compare-benefits', {
  data() {
     // the "this" keyword in methods should refer to this object
     return {
        ...state,
        isLoading: false,
     }
  },
  methods: {
    getData() {
       // I want the "this" keyword here to reference the object return in data above 
       this.isLoading = true;
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

如果您不熟悉 Vue,这里发生的事情是 Vue 框架会将this您的方法中的关键字绑定到您从 data() 方法返回的对象。

我如何在此处使用 jsDoc 并告诉它this此处的关键字实际上是在引用该对象?

编辑:使用 jsDoc 的主要原因不是创建文档,而是在 vscode 中使用智能感知和类型检查@ts-check

intellisense jsdoc typescript vue.js visual-studio-code

8
推荐指数
1
解决办法
491
查看次数

jQuery调用函数,每个项目都在选择中

我试图使用jQuery选择中找到的每个对象调用一个函数

<a href="#" class="can-click" data-code="a">a</a>
<a href="#" class="can-click" data-code="b">b</a>
<a href="#" class="can-click" data-code="c">c</a>
<a href="#" class="can-click" data-code="d">d</a>
Run Code Online (Sandbox Code Playgroud)

每个a元素都有一个数据代码值:

<p class="output" data-value="1"></p>
<p class="output" data-value="2"></p>
<p class="output" data-value="3"></p>
Run Code Online (Sandbox Code Playgroud)

每个p元素都有一个数据值:

$(document).ready(function () {
    $(".can-click").click(function () {
    var code = $(this).data("code");
        $("output").each(Display(code));
    });
});
Run Code Online (Sandbox Code Playgroud)

我想要的是,当你点击锚点时,a你会收到一个警告,显示点击锚点的数据代码和每个数据的数据值p,附带代码我想要弹出3个警报.

function Display(code) {

    var p = $(this);
    var value = p.data("value");
        alert(code + " " + value);
}
Run Code Online (Sandbox Code Playgroud)

这是jsfiddle中代码的链接:http://jsfiddle.net/mikeu/XFd4n/

javascript jquery

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

Git与单个破折号合并

我知道该命令git checkout -会将您检查到上一个活动分支分离的 HEAD

我想知道的是,该命令是否git merge -将先前的活动分支分离的 HEAD合并到我当前签出的分支

git git-merge

6
推荐指数
1
解决办法
100
查看次数

如何更改 Vue PWA 中(Android)导航栏的颜色?

如何为 Vue.JS PWA 应用程序设置 Android 底部导航栏颜色?当我设置 时,顶部地址栏会正确更改颜色themeColor,但导航区域仍保持全白色(#fff)。

在此输入图像描述

我已经尝试过:

在manifest.json中:

{
    "start_url": "/.",
    "display": "standalone",
    "background_color": "#000000",
    "theme_color": "#000000"
}
Run Code Online (Sandbox Code Playgroud)

在 vue.config.js 中:

module.exports = {
    pwa: {
        workboxPluginMode: 'InjectManifest',
        workboxOptions: {
            swSrc: 'public/service-worker.js',
            exclude: [
                /_redirects/,
                /\.map$/, 
                /manifest\.json$/ 
            ],
        },
        start_url: '/.',
        display: 'standalone',
        background_color: '#000000',
        themeColor: '#000000',
        msTileColor: '#000000',
        backgroundColor: '#000000',
        theme_color: '#000000' 
    }
}
Run Code Online (Sandbox Code Playgroud)

类似于如何在 PWA 中更改 Android 导航栏颜色?,除了发帖者改变了他的问题按钮的颜色。

我认为 vue.config.js 中的 PWA 设置会覆盖/覆盖清单。但无论如何,我迄今为止无法设置底部导航区域的颜色。在黑暗模式下有点烦人。

android progressive-web-apps

5
推荐指数
1
解决办法
2810
查看次数