小编Soc*_*tes的帖子

TypeScript 以空函数作为参数?

我有一段代码我很难理解。我是 TypeScript 新手。

registerCommands(registry: CommandRegistry): void {
    registry.registerCommand(FensterCommands.HELLOWORLD);
    registry.registerHandler(FensterCommands.HELLOWORLD.id, {
        isEnabled: () => true,
        execute: () => this.messageService.info('Hello World!')
    });
}
Run Code Online (Sandbox Code Playgroud)

有人可以帮我理解上面的代码吗?我不明白的是registry.registerHandler(...). 这个位于大括号内的参数值是什么类型{...}?第一个参数的名称是isEnabled,对吗?而它的价值又是什么呢?是()还是true?空函数有什么作用()意思?整行是否() => true以比较结尾true/false

这或多或少是正确的吗?

typescript

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

只运行yarn时执行什么?

当运行在yarn中定义的脚本时,package.json使用yarn的通常方法是yarn run myscriptnameyarn但是,当只在没有 的情况下运行时,到底执行了什么run myscriptname?它仍然编译所有内容,但我想知道它到底从什么以及从哪里获取有关在不带参数调用时运行什么的信息。我正在使用的示例是GitHub 中的一个项目,package.json 如下所示:

{
  "private": true,
  "name": "parent",
  "version": "0.0.0",
  "engines": {
    "yarn": "1.0.x || >=1.2.1",
    "node": ">=7.9.0"
  },
  "devDependencies": {
    "@types/chai": "^4.0.1",
    "@types/chai-as-promised": "0.0.31",
    "@types/chai-string": "^1.4.0",
    "@types/jsdom": "^11.0.4",
    "@types/mocha": "^2.2.41",
    "@types/sinon": "^2.3.5",
    "@types/temp": "^0.8.29",
    "@types/webdriverio": "^4.7.0",
    "chai": "^4.1.0",
    "chai-string": "^1.4.0",
    "concurrently": "^3.5.0",
    "electron-mocha": "^3.5.0",
    "istanbul": "^0.4.5",
    "istanbul-instrumenter-loader": "^3.0.0",
    "jsdom": "^11.5.1",
    "lerna": "^2.2.0",
    "mocha": "^3.4.2",
    "nyc": "^11.0.3",
    "remap-istanbul": "^0.9.5",
    "rimraf": "^2.6.1",
    "selenium-standalone": "^6.2.0",
    "sinon": "^3.3.0",
    "temp": …
Run Code Online (Sandbox Code Playgroud)

yarnpkg

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

使用Webpack输出es6?

有没有一种方法可以使用Webpack捆绑所有JavaScript文件并将结果bundle.js输出为es6文件,而不是输出到es5?因此,捆绑是Webpack的工作,但转换为es6实际上是Webpack的工作吗?还是某些Webpack加载程序的工作?还是我必须使用babel?

ecmascript-6 webpack

5
推荐指数
2
解决办法
2545
查看次数

Eclipse IDE Ctrl + Backspace 不起作用

我在 Ubuntu 16.04.4 上使用面向 Web 开发人员的 Eclipse Java IDE (Oxygen.3a.Release (4.7.3a)),并且在代码中我无法删除相对于文本指针的前一个单词。该命令应该是Ctrl + Backspace,但这不起作用。该命令Ctrl + Del也不起作用。

这是一个已知问题/错误吗?有办法解决吗?

在此输入图像描述

eclipse keyboard-shortcuts ubuntu-16.04

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

PrimeFaces条形码不起作用?

我试图从PrimeFaces Showcase中获取条形码,但是当我放置XHTML代码并让它在我当地的Wildfly 8中运行时,我只是得到完全垃圾.每个条形码的数量太大,QR码根本不起作用.

我相信我可能缺少Maven依赖,但我很难找到必要的依赖.

在文档之后,我想我必须barcode4j-light在版本中集成依赖项2.1,但我在Maven上找不到这个版本.

我该如何整合这个?我很感激每一个帮助!提前致谢!

我的Barcode.xhtml:

<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <p:panelGrid columns="2">
            <h:outputText value="Interleaved 2 of 5" />
            <p:barcode value="0123456789" type="int2of5" />

            <h:outputText value="Codabar" />
            <p:barcode value="0123456789" type="codabar"/>

            <h:outputText value="Code39" />
            <p:barcode value="0123456789" type="code39" />

            <h:outputText value="Code128" />
            <p:barcode value="0123456789" type="code128"/>

            <h:outputText value="EAN-8" />
            <p:barcode value="20123451" type="ean8"/>

            <h:outputText value="EAN-13" />
            <p:barcode value="0123456789012" type="ean13"/>

            <h:outputText value="UPC-A (PNG)" />
            <p:barcode value="01234567895" type="upca" format="png"/>

            <h:outputText value="UPC-E (Vertical)" />
            <p:barcode value="01234133" type="upce" …
Run Code Online (Sandbox Code Playgroud)

jsf barcode maven primefaces jsf-2

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

PrimeFaces Grid CSS没有应用,因为找不到css类?

我试图让PrimeFaces Grid CSS工作,但它不起作用.我按照PrimeFaces页面上的示例进行操作,但是当我通过浏览器运行它时,所有DIV条目都显示在垂直列表中.错误在哪里?我有以下XHTML:

<!DOCTYPE html>
<html   xmlns="http://www.w3c.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui"
        xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head/>
    <h:body>
        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">Col1</div>
                <div class="ui-grid-col-4">Col2</div>
                <div class="ui-grid-col-4">Col2</div>
            </div>
        </div>

        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-8">8</div>
            </div>
        </div>

        <div class="ui-grid">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-4">4</div>
            </div>
        </div>

        <div class="ui-grid ui-grid-responsive">
            <div class="ui-grid-row">
                <div class="ui-grid-col-4">4</div>
                <div class="ui-grid-col-8">8</div>
            </div>
        </div>

        <div class="ui-grid ui-grid-fixed">
            <div class="ui-grid-row"> …
Run Code Online (Sandbox Code Playgroud)

css jsf primefaces jsf-2

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

在Java WAR文件中部署Angular 6

有什么好的方法可以在Java WAR文件中部署Angular 6应用程序?现在,构建Angular应用并将其复制到WAR文件中就不再是问题。我虽然在Angular应用程序中使用路由,但我使用(在此描述)构建应用程序:

ng build --base-href=/my/app/
Run Code Online (Sandbox Code Playgroud)

那么,为了使它在Java WAR文件中完美工作并最终部署在Wildfly之类的应用程序服务器上,我将如何执行Angular路由工作?

java jboss war wildfly angular

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

在TypeScript的类内创建自定义事件

我试图弄清楚如何为TypeScript中的类创建自定义事件。像这样的例子并不能帮助我理解如何做。

我的示例类如下所示。

类别:

export class Cat {
    public getName(): string {
        return this.catName;
    }

    public setName(catName: string) {
        this.catName = catName;
    }

    constructor(private catName: string) { }

    public makeMeow() {
        this.onWillMeow();
        console.log("Cat meows!");
        this.onDidMeow();
    }

    public onWillMeow() {
        console.log("onWillMeow");
    }

    public onDidMeow() {
        console.log("onDidMeow");
    }
}
Run Code Online (Sandbox Code Playgroud)

现在,我希望能够从外部声明事件,如以下代码旨在演示。

const myCat: Cat = new Cat("Tikki");
myCat.onWillMeow({event => {
     console.log("Tikki the cat is just about to meow!");
}});
myCat.onWillMeow({event => {
     console.log("Tikki the cat did just meow!");
}});
myCat.makeMeow();
Run Code Online (Sandbox Code Playgroud)

现在,我想得到这样的输出:

onWillMeow …
Run Code Online (Sandbox Code Playgroud)

events event-handling typescript

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

angerlySetInnerHTML 的替代方案

我使用 React 构建一个存储文档的 Web 应用程序。它们以 HTML 格式创建,然后存储在数据库中。为了在应用程序中显示它们,我div使用dangerouslySetInnerHTML.

<div dangerouslySetInnerHTML={{__html: this.props.page.content}} />
Run Code Online (Sandbox Code Playgroud)

即使这个工作得很好,这个名字也dangerouslySetInnerHTML表明要更多地关注这种情况,但我想知道到底可以做些什么来保持足够的灵活性来加载 HTML 并使其出现在 Web 应用程序中。我相信危险这个词解决了跨站点脚本的危险,这意味着脚本可能被注入,执行有害代码。

作为一种对策,我想到在将 HTML 代码解析为div. 解决这个问题的一个库是DOMPurify另一种方法是使用html-react-parser将 HTML 代码从数据库直接转换为 React Elements 。

这是正确的方法吗?或者有替代方案dangerouslySetInnerHTML吗?

html code-injection jsx reactjs tsx

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

在不同端口上运行 Electron UI

有没有办法在不同的端口上运行 Electron 应用程序的 UI?我有一个应用程序服务器(Wildfly)在端口 8080 上运行,当我启动 Electron 应用程序时,应用程序服务器默认页面显示在 Electron 应用程序窗口中。我相信 Electron 在后台运行在端口 8080 上。有没有办法将其更改为 ie 端口 9000?

electron

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