小编Tom*_*kas的帖子

Angular 2模型:接口与类

我有一个登录/注册模块,我想为他们写一个模型.

我会使用接口,但我需要一个预定义的值.

我想知道 - 我应该将预定义的输出作为常量(它不会被更改,更改)并使用接口.或者将其写为类(如当前)

目前,我写了两个单独的类 - registration.model.ts,login.model.ts,我可以抽象只使用一个模型吗?(例如:user.model.ts)

一些例子:

export class LoginUser {
  constructor(
    private email,
    private password,

    // I need to have it, backend expects it to be sent
    private connection = 'Username-Password-Authentication'  
  ) { }
} 


export class RegistrateUser {
  constructor(
    public name: string,
    public lastName: string,
    public email: string,
    public password: string,

    // I need to have it, backend expects it to be sent
    private connection = 'Username-Password-Authentication'
  ) { }
}
Run Code Online (Sandbox Code Playgroud)

typescript angular

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

Puppeteer:一个浏览器实例中的多个屏幕截图

所以我想class多次截取特定的屏幕截图,但它总是会说Session ClosedTerminated,因此我努力实现打开多个实例的多个屏幕截图。

有人至少可以指导如何在同一个浏览器实例上使用多个实例吗?

my code

const puppeteer = require("puppeteer");

const SELECTOR = ".octicon";

(async () => {
  let screenshotNumber = 0;
  async function screenshots() {
    const browser = await puppeteer.launch({
      headless: true
    });

    try {
      let page = await browser.newPage();
      page.setViewport({ width: 1000, height: 600, deviceScaleFactor: 2 });

      await page.goto("https://github.com/");
      await page.waitForNavigation({ waitUntil: "networkidle" });

      const rect = await page.evaluate(selector => {
        const element = document.querySelector(selector);
        const { x, y, width, height } …
Run Code Online (Sandbox Code Playgroud)

javascript chromium google-chrome-headless puppeteer

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

样式组件:悬停的道具

我想在申请通过&:hover时才申请- 在这种情况下:animated

const AnimationContainer = styled.div`
  transform: translate(0%);
  transition: 0.3s ease-out;

  &:hover { // apply hover only when $(props.animated) is paased
     position: fixed;
     transform: translate(0%, -30%);
     transition: 0.3s ease-out;
   }
`;
Run Code Online (Sandbox Code Playgroud)

有人有建议怎么做吗?我想可以为每个属性开始应用样式.. :$(props => props.animated ? ..),但是有一个更简单的解决方案吗?

styled-components

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

TS转码:Babel vs TSC

我是第一次设置TS项目。我很好奇-我可以使用和配置Babel或只是tsc ..进行转译。

两者的主要区别是什么?

typescript babeljs

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

对多个字段进行Mongoose过滤(搜索)

我正在尝试对多个字段进行基本过滤(搜索),并想询问如何实现它:

Location.find({
          $and: [
            { name: { $regex: query.name } },
            { city: query.city },
            { type: query.type }
          ]
});
Run Code Online (Sandbox Code Playgroud)

我有一个开始,但当然,这将过滤所有领域,$or是不够的.

我的数据如下:

{ 
  "name": "Shop1",
  "type": "shop",
  "city": "City1"
},
{
  "name": "Shop2",
  "type": "shop",
  "city": "City1"
},
{
  "name": "Cafe1",
  "type": "cafe",
  "city": "City2"
}
Run Code Online (Sandbox Code Playgroud)

目标是能够搜索输入名称,类型和城市.(任何字段都可以为空)

例如:

  1. Shop1 / Shop / City1 => Shop1
  2. Shop / *blank* / City1 => Shop1, Shop2
  3. *blank* / Shop / City1 => Shop1, Shop2

等等..

先感谢您!

search filtering mongodb node.js

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

如何在JavaScript中对1970年以下的日期进行排序?

所以我正在排序日期,并且有一个日期1967-08-07,它的正确方法是什么?

unix时间戳是负数,我没有找到任何线索如何做JS.

javascript sorting date momentjs

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