小编Bab*_*med的帖子

TypeScript 中等待的类型是什么

在最新版本的 TypeScript 4.5 中,有一个名为Awaited的新类型。看起来这种类型是用于处理承诺的。我发现文档中对此没有很好的描述,并且我在任何地方都没有找到任何更好的示例。

有人可以解释一下这种类型的用途及其工作原理吗?

先感谢您。

types typescript

12
推荐指数
2
解决办法
7956
查看次数

将列和数据动态加载到Angular 2中的表中

我有一个HTML页面,我想在其中创建一个表.此表中的列是动态的,这意味着它们将从服务器提取到使用any[]类型的组件中的变量中.此表中的数据也是动态的,这意味着在编程时我不知道哪些列和数据将在表中绑定.

我尝试了下面的代码,但它似乎没有工作或给出任何错误.它只是创建了空tdtbody.

Expense.component.html

<div class="panel panel-default" style="margin-top:10px;">
<div class="panel-heading">
    Expenses
</div>
<div class="panel-body" style="position:relative">
    <div class="table-responsive">
        <table class="table">
            <thead>
                <tr>
                    <th *ngFor="#column of columns">
                        {{column}}
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="#data of data">
                    <td *ngFor="#column of columns">
                        {{data.column}}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

在上面的代码中,列已成功创建,但数据和列mashup无法正常工作.我相信Angular 2必须有一种方法来实现这一目标.

Expense.component.ts

export class ExpenseComponent implements OnInit {
errorMessage: any[];
columns: string[];
data: any[];

constructor(private _commonService: CommonService, private _expenseService: ExpenseService) {

}

ngOnInit(): void {
    this._commonService.getColumnNames('condomanagement', 'expenses')
        .subscribe(data => …
Run Code Online (Sandbox Code Playgroud)

angular

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

如何使用vue.js中的click事件发出值

我是Vue JS的新手.我正在关注Vuejs文档并尝试使用click事件发出值.不知怎的,我犯了错误,这就是为什么它不起作用.

如果这个问题有点明显,我很抱歉.

代码是这样的:

Vue模板:

<div id="app">
    <div class="container">
        <div class="col-lg-offset-4 col-lg-4">
            <sidebar v-on:incrementBtn="increment += $event"></sidebar>
            <p>{{ increment }}</p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Vue实例:

    Vue.component('sidebar',{
        template:`
            <div>
                <button class="btn btn-info" v-on:click="$emit('incrementBtn', 1)">Increment on click</button>
            </div>
        `,
    });

    new Vue ({
        el:'#app',
        data:{
            increment:0
        }
    });
Run Code Online (Sandbox Code Playgroud)

vue.js vue-component

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

快递中的express.static是什么?

我是新人Node/Express.我正在尝试使用Express构建一个静态网站.我有一个资产目录和项目根目录下的一些页面.通过谷歌搜索,获得了一些资源,我得到了这样的声明:

app.use('/assets', express.static(__dirname + '/assets'));
Run Code Online (Sandbox Code Playgroud)

我知道这__dirname是一个当前的工作目录,并app.use()充当中间件功能,不像app.get()等等.通过搜索获取express.static文档链接在Express中提供静态文件

但我不清楚和困惑.我希望有人能够帮助我,并提前感谢.

node.js express

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

如何在浏览器中打印期间添加页码

我正在尝试使用CSS3 @page规则在浏览器中打印时添加页码,如下所示

@page {
    size: A4;
    margin: 5%;
    padding: 0 0 10%;
}

@page {
   @bottom-right {
    content: counter(page) " of " counter(pages);
   }
}
Run Code Online (Sandbox Code Playgroud)

我通过互联网知道这只适用于Firefox 链接

我也尝试了这个仅用于段落的链接,但我的页面是用不同类型的元素组成的,如table,div,p等

如何在任何浏览器上打印时添加页码

谁能帮我?

html javascript printing-web-page css3

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

是否可以使用react-testing-library进行端到端测试?

我知道我们可以使用 React 测试库来测试组件标签测试。但出于我的好奇心,我想知道有什么方法可以使用这个库对 React 组件进行端到端测试。

如果我能得到一些关于它的好信息,我将不胜感激。

react-testing-library

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

RTL中的getByText和screen.getByText有什么区别

我是React-Testing-Library 的新手,在网上找到了几个使用view.getByText('Greeting')and的例子screen.getByText('Greeting'),就像下面的代码一样。

它们之间有什么区别吗?

    import React from 'react'
    import { render, screen } from '@testing-library/react'
    import '@testing-library/jest-dom/extend-expect'
    import { App } from "./App";
    
    test("render the correct context", ()=>{
      const view = render(<App />);
      view.getByText("Greeting");
      screen.getByText("Greeting");
    });
Run Code Online (Sandbox Code Playgroud)

谁能详细告诉我?

react-testing-library

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

Laravel 5.6中的url()vs route()

在我的例子中,Laravel 5.6中url()和route()之间的区别是什么,下面给出了两个URI:

<a href=" {{ route('/article/create') }}" >Create post 1 </a>
Run Code Online (Sandbox Code Playgroud)

<a href=" {{ url('/article/create') }}" >Create post 2 </a>
Run Code Online (Sandbox Code Playgroud)

我在web.php中定义它们如下:

Route::post('/article/create','ArticleController@create');
Run Code Online (Sandbox Code Playgroud)

当我点击"创建帖子1"时,我收到以下错误:

Route [/article/create] not defined. 
Run Code Online (Sandbox Code Playgroud)

我不熟悉Laravel(只是基本的)所以如果问题有些明显,我很抱歉.

laravel

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

Docker Swarm 中任务的可发现性

我正在运行一个小型 Docker Swarm,运行一个有 2 个副本的服务。在该服务中,该服务的“task-1”需要与同一服务的“task-2”通信,但我没有找到实现此目的的方法

首先,我想避免将服务设置为主机网络模式,因为这样将其放入集群中就没有什么意义了。

其次,我发现您可以设置一个环境变量,其中包含docker-compose.yml我部署到 swarm 的文件中的 TaskName docker stack deply ...

    environment:
        - NODENAME={{.Node.Hostname}}
        - NODEID={{.Node.ID}}
        - SERVICEID={{.Service.ID}}  
        - SERVICENAME={{.Service.Name}}  
        - TASKID={{.Task.ID}}
        - TASKNAME={{.Task.Name}}
Run Code Online (Sandbox Code Playgroud)

您可以从各种容器 ping $TASKNAME。但它是不可发现的,因为名称中TASKNAME=e2foobar_yada.gq7ygzvp114q2x3t99lasuowc.e6ncft2k14g9o2u4blvhns19包含的 ID 在您重新启动服务时会发生更改。

我可以设置别名吗?或者有什么方法可以让我进行任务通信吗?

service-discovery docker docker-swarm

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

ajax 中的请求类型“HEAD”实际上是什么?

在我的代码中,我有请求类型,HEAD但实际上我不知道有关它的详细信息。代码是这样的:

function fileExists(pUrl)
{
    let fileExist = false;

    $.ajax({
        url:pUrl,
        type:'HEAD',
        async:false,
        success: function()
        {
            //file exists
            fileExist = true;
        },
        error: function()
        {
            //file not exists
            fileExist = false;
        }
    });

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

谁能告诉我关于HEAD? 提前致谢

javascript jquery head

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