小编Ann*_*Lee的帖子

当我使用Angular 2开发Web应用程序时,我开始对如何测量Angular2中的加载时间等性能测试提出疑问？.因此,我得到了一个非常有用的答案,我可以开始做性能测试.但是,我也想测量DOM渲染时间.我的应用程序内容密集,渲染时间可能相当长.如果有人知道如何使用benchmark.js进行DOM渲染,你能提供一些建议吗？

我正在使用Angular2.我想测量加载时间.它里面包含3个子组件.其中两个内容非常繁重,所以我需要检查性能.为此,我尝试使用ngAfterViewChecked我发现ngAfterViewChecked在加载过程中调用了很多次.如果有人在Angular2中有经验性能测试,你能给出一些建议吗？

我们计划将数据库从 Oracle 切换到 PostgreSQL。创建表后，我将把实际数据加载到 PostgreSQL 表中。为此，我使用 JDBC 连接到数据库。它给了我如下错误。

Connection Failed! Check output console
org.postgresql.util.PSQLException: The connection attempt failed.
        at org.postgresql.core.v3.ConnectionFactoryImpl.openConnectionImpl(ConnectionFactoryImpl.java:275)
        at org.postgresql.core.ConnectionFactory.openConnection(ConnectionFactory.java:49)
        at org.postgresql.jdbc.PgConnection.<init>(PgConnection.java:194)
        at org.postgresql.Driver.makeConnection(Driver.java:450)
        at org.postgresql.Driver.connect(Driver.java:252)
        at java.sql.DriverManager.getConnection(DriverManager.java:664)
        at java.sql.DriverManager.getConnection(DriverManager.java:247)
        at JDBCExample.main(JDBCExample.java:31)
Caused by: java.net.SocketTimeoutException: connect timed out
        at java.net.PlainSocketImpl.socketConnect(Native Method)
        at java.net.AbstractPlainSocketImpl.doConnect(AbstractPlainSocketImpl.java:350)
        at java.net.AbstractPlainSocketImpl.connectToAddress(AbstractPlainSocketImpl.java:206)
        at java.net.AbstractPlainSocketImpl.connect(AbstractPlainSocketImpl.java:188)
        at java.net.SocksSocketImpl.connect(SocksSocketImpl.java:392)
        at java.net.Socket.connect(Socket.java:589)
        at org.postgresql.core.PGStream.<init>(PGStream.java:68)
        at org.postgresql.core.v3.ConnectionFactoryImpl.openConnectionImpl(ConnectionFactoryImpl.java:144)
        ... 7 more

起初我认为数据加载可能需要时间并且可能会导致此类问题，但我使用以下 JDBC 连接 java.util.Connection 进行了测试。它仍然返回与上面相同的错误。

public class JDBCExample {

        public static void main(String[] argv) {

                System.out.println("-------- PostgreSQL "
                                + "JDBC …

我在实现react应用程序时遇到以下消息。有人有这样的问题吗？

警告：无法在已卸载的组件上执行React状态更新。这是空操作，但它表明应用程序中发生内存泄漏。要解决此问题，请在componentWillUnmount方法中取消所有订阅和异步任务。在ProductList中（在App.js：44）

我的输入页面是ProductList组件。加载条目页面后，如果单击标题中的LogOut，则会遇到该消息。有人对此有建议吗？

所以我提到了几个答案，例如

无法在已卸载的组件上调用setState（或forceUpdate）。这是空操作，但表示您的应用程序内存泄漏

但是我无法解决，为什么会这样。:(

App.js

import React, { Component } from "react";
import { Route } from "react-router-dom";

import Header from "./Header";
import ProductList from "./ProductList";
import Login from "./Login";
import Logout from "./Logout";
import "./App.css";

class App extends Component {
  constructor() {
    super();
    this.state = {
      query: "",
      isLoggedIn: false
    };
    this.handleLoginStatus = this.handleLoginStatus.bind(this);
    this.handleLogoutStatus = this.handleLogoutStatus.bind(this);
    this.setSearchKeyword = this.setSearchKeyword.bind(this);
  }

  handleLoginStatus() {
    this.setState({ isLoggedIn: true });
  }

  handleLogoutStatus() {
    this.setState({ isLoggedIn: false });
  }

  setSearchKeyword(query) { …

我在端口3000上运行带有express的服务器，在端口4200上运行带有angular 7的客户端。发出请求后，遇到了CORS问题。

通过CORS策略已阻止从源“ http：// localhost：4200 ” 访问“ http：// localhost：3000 / drug ” 上的XMLHttpRequest ：在请求的资源上不存在“ Access-Control-Allow-Origin”标头。

我已经在线尝试了所有解决方案，例如使用cors软件包，并在路由器之前设置了中间件，如以下代码所示（Angular 6-请求资源上没有'Access-Control-Allow-Origin'标头）。但是它仍然没有解决，并不断出现同样的错误。有人会遇到无法用所有解决方案解决CORS的问题吗？请你帮助我好吗？

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
  res.header(
    "Access-Control-Allow-Header",
    "Origin, X-Requested-With, Content-Type, Accept"
  );
  next();
});

app.use((req, res, next) => {
      res.header("Access-Control-Allow-Origin", "http://localhost:4200");
      res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
      res.header(
        "Access-Control-Allow-Header",
        "Origin, X-Requested-With, Content-Type, Accept"
      );
      next();
    });

我正在使用Angular2。我想实现可折叠的小组面板。为此，有许多使用JQuery的示例。但是，我想使用原始javascript来实现它。要使用JQuery，我也必须导入JQuery库，这可能会导致一些额外的加载。我认为除了小组讨论之外，未来的开发中可能还会有一些DOM操作。我想知道使用JavaScript或JQuery哪个更好。我知道他们之间需要权衡。在性能方面，建议采用哪种方式。推荐同时使用Angular2和JQuery吗？请给我一些建议。