小编Ken*_*ood的帖子

如何在webpack中为特定路径配置加载程序

关于webpack配置设置的问题:在大多数示例中,loader中的测试选项仅检查文件名,而不是完整路径.我有不同目录中相同类型的文件,但我想使用不同的加载器,例如

{
    test:/aaa\/.*.html/,
    loader:'loaderA'
},
{
    test:/bbb\/.*.html/,
    loader:'loaderB'
}
Run Code Online (Sandbox Code Playgroud)

有没有办法让这项工作?感谢您的关注和答案.

webpack

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

有没有办法在 :nth-child(n) 中使用“n”值?

我想创建一个折叠效果。

小提琴

有4张蓝卡,所以我创建了4个类来设置位置。我想让它更聪明,以防有超过 4 张卡。在 CSS 中,我尝试了这个。

.card:nth-child(n){
    position: absolute;
    left: calc(n*10)px;
    top: calc(n*10)px;
}
Run Code Online (Sandbox Code Playgroud)

但是,它不起作用。有没有办法做到这一点?

html css css-selectors

12
推荐指数
3
解决办法
4997
查看次数

Nestjs:如何删除typeorm中带前缀的redis缓存

我有一个服务类create,list,其中包含update修改实体的方法

我在list方法中设置了redis缓存,缓存key是list_cache_1,list_cache_2,...

我的问题是,如何删除createupdate方法中的所有相关缓存,例如

this.connection.queryResultCache.remove([`list_cache:*`]);
Run Code Online (Sandbox Code Playgroud)

redis-cache typeorm nestjs

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

Web 组件中的槽选择器限制

slot制作一个可重用的 Web 组件固然很好,但到目前为止它还是有限制的。我面临的是风格问题。即使您知道注入内容的结构是什么,您也无法在组件内定义样式。

详细信息可以从我在 github 上的帖子中找到

我编写了一个组件,并尝试slot从外部注入内容,并尝试将样式添加到组件影子根中的特定内容。 演示

HTML 文件

  <my-navbar>
    <ul>
      <li>link1</li>
      <li>link2</li>
      <li>link3</li>
      </ul>
  </my-navbar>
Run Code Online (Sandbox Code Playgroud)

JS文件

customElements.define('my-navbar', class extends HTMLElement {
  constructor () {
    super();
    const sr = this.attachShadow({ mode: 'open' });
    sr.innerHTML = `
      <style>
      /*worked*/
      ::slotted(ul)
      {
        color:green;
      }
      /*
      Suppose I know the outside content is "ul li", and I directly define the 
      style after they injected into component's slot. However, it just doesn't 
      work because the slotted selector is just …
Run Code Online (Sandbox Code Playgroud)

web-component shadow-dom native-web-component

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

是否可以在nestjs中的一种方法上使用多个装饰器?

我想写更少的代码,所以我将创建和更新代码合并到一个方法中,看起来它不起作用。

@Post('user')
@Put('user')
async createOrUpdateUser(@Res() res, @Req() req) {
  if (req.method == 'POST') {
    //do user creating work
  } else {
    //do user updating work
  }
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试过,但只有@Post装饰器在这里工作。

javascript node.js typescript nestjs

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

某些字体的字符宽度计算错误,可以自动缩进

字符宽度错误

我创建了一个普通的文本框并在里面输入一些“i”,我使用的字体是Lobster1.3,如你所见,我只选择了一个字符,但结果不正确 真正的结束字符位置 这是选择时的最后一个字符位置。看起来像Lobster1.3这样可以自动缩进的字体可能会导致某些字符宽度计算错误

fabricjs

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

instanceof 在打字稿库项目中无法正常工作

我构建了一个打字稿库项目。并使用公共包中的一些类。
假设有一个简单的函数来测试它是否是 BadRequestException

import { BadRequestException } from "@nestjs/common";
export function test(error) {
  let a = error;
  let b = BadRequestException;
  console.log(a instanceof b);
}
Run Code Online (Sandbox Code Playgroud)

从另一个正常项目构建并导入这个shared-lib库之后,我像这样调用

import { BadRequestException } from "@nestjs/common";
import { test } from 'shared-lib';
test(new BadRequestException('it is a test error'));
Run Code Online (Sandbox Code Playgroud)

在我的整个过程中(应该是),a instance b在测试函数中应该等于true,但是,我得到了false

在此输入图像描述

库项目中使用的与第二个项目中使用的是否BadRequestException不同,即使它们都是从 导入的"@nestjs/common"

在Github上传了一个演示项目

shared-libraries typescript nestjs

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