小编F. *_*ler的帖子

VS 代码上的 SCSS 自动建议

我是新SCSS项目,刚刚开始一个新项目,如下所示,我在 Global.scss 中声明了 4 个变量,但将其导入到另一个 scss 文件后,在分配这些变量时我无法获得任何自动建议。

我缺少任何插件吗?或者有其他方法可以解决这个问题吗?

在此输入图像描述

css sass visual-studio-code scss-lint

11
推荐指数
2
解决办法
9072
查看次数

我有一个错误:找不到模块“./utils”

我正在设置我的 Node js 服务器,当我运行此命令时出现此错误npm run dev

Error: Cannot find module './utils'
Require stack:
- /home/guesswl/www/node_modules/braces/lib/stringify.js
- /home/guesswl/www/node_modules/braces/index.js
- /home/guesswl/www/node_modules/chokidar/index.js
- /home/guesswl/www/node_modules/nodemon/lib/monitor/watch.js
- /home/guesswl/www/node_modules/nodemon/lib/monitor/run.js
- /home/guesswl/www/node_modules/nodemon/lib/monitor/index.js
- /home/guesswl/www/node_modules/nodemon/lib/nodemon.js
- /home/guesswl/www/node_modules/nodemon/lib/index.js
- /home/guesswl/www/node_modules/nodemon/bin/nodemon.js
Run Code Online (Sandbox Code Playgroud)

我该如何修复这个错误?

javascript node.js

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

如何在 Typescript 中使用数组和对象设置状态?

这就是我声明状态的方式

const [input, setInput] = React.useState('')
const [goals, setGoals] = React.useState<string[]>([])
Run Code Online (Sandbox Code Playgroud)

这是我的错误代码:

const addHandler = () => {
    setGoals((curGoals) => [...curGoals, { key: Math.random().toString(), value:input}])
}
Run Code Online (Sandbox Code Playgroud)

这是一个打字稿提示:

类型为“(curGoals: string[]) => (string | { key: string; value: string; })[]”的参数不可分配给类型为“SetStateAction<string[]>”的参数。类型“(curGoals: string[]) => (string | { key: string; value: string; })[]”不可分配给类型“(prevState: string[]) => string[]”。类型“(string | { key: string; value: string; })[]”不可分配给类型“string[]”。输入“字符串|” { 键:字符串;值:字符串;}' 不可分配给类型“string”。输入 '{ 键:字符串;值:字符串;}' 不可分配给类型 'string'.ts(2345)

我仍然不明白为什么我的代码仍然输出这个错误。我确实在 useState 中使用了字符串类型的数组。

我该如何解决这个错误?

arrays typescript react-native react-hooks use-state

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

指向数组的指针给 C++ 带来麻烦

好的,所以我从学习指南中获得了一些代码,并将其放入编译器中,但我并不完全理解结果。

#include <iostream>
using namespace std;

int main()
{
  int *p, *p1;

  p = new int[10];
  p1 = p++;

  for (int i=0; i<10;i++)
  {
    *p1 = i*10;
    p1++;
  }

  for (int i=0; i<10;i+=2)
  {
    p[i] = i*100;
  }

  for (int i=0; i<5;i++)
  {
    cout << *p++ << " ";
  }
}
Run Code Online (Sandbox Code Playgroud)

我基本上认为我理解除了读取的行之外的所有内容p1 = p++; 我认为这只是说p1现在指向相同的数组,p但我不完全知道p++它的一部分是做什么的。

当我将它放入编译器时,我得到0 20 200 40 400了我不明白的信息。有人能解释一下那一行是什么意思,然后为什么我会得到那个输出吗?

c++ pointers

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

如何解决打字稿中的循环依赖

设置:

想象一下以下设置:

有一个 api,其中包含一个文件夹foobar. 这些文件夹将所有公共内容导出到本地文件夹index.ts,本地文件夹将通过重新导出公共内容export * from [...]以使其更加方便。

在我的示例中,存在循环依赖,因为foo.ts需要一部分bar,反之亦然 -我完全理解为什么会出现这种情况

请参阅下面的屏幕截图:

在此输入图像描述

问题:

如何使用 TypeScript 在具有数百个类、函数、常量、类型、枚举等的环境中有效地解决此问题?我想我需要某种帮助文件来解决共性。

即使我创建了某种foobar需要的文件夹foobar然后将所有内容导出到一个大导出文件中,它可能很快就会变得混乱。如果我只需要bar或仅需要怎么办foo?命名导出是否足够好?

我也想避免将来出现问题,所以我正在寻找一个可靠的解决方案。调用优先级不是我在这里尝试解决的主要问题。更多的是关于如何以智能的方式设置依赖关系。

目标:

我想分别使用 foo 和 bar,它们应该能够彼此共享函数/类型/枚举/接口等。

可以在这里找到一个非常简单的代码片段:

Codesandbox.io

javascript architecture dependencies circular-dependency typescript

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

在 Java 文件中获取“未定义类型 Optional 的方法 isEmpty()”错误

我的 Eclipse Java 编译器无法识别代码中的isEmpty方法。我知道isEmpty来自 Java 1.6,但我使用的是 1.8。我也试过导入org.apache.commons.lang.StringUtils,但这不起作用。我错过了什么?

@Repository("fakeDao") 
public class FakePersonDataAccessService implements PersonDao {
    
    private static List<Person> DB = new ArrayList<>();
    
    @Override
    public int insertPerson(UUID id, Person person) {
        DB.add(new Person(id, person.getName()));
        return 1;
    }

    @Override
    public List<Person> selectAllPeople() {
        return DB;
    }
    
    @Override
    public int deletePersonById(UUID id) {
        Optional<Person> personMaybe = selectPersonById(id);
        if (personMaybe.isEmpty()) {
            return 0;
        }
        DB.remove(personMaybe.get());
        return 1;
    }
    
    @Override
    public Optional<Person> selectPersonById(UUID id) {
        return DB.parallelStream()
                .filter(person -> person.getId().equals(id)) …
Run Code Online (Sandbox Code Playgroud)

java eclipse is-empty

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

当鼠标悬停在 img 上时,所有其他图像都会使用 CSS 进行模糊处理:not(:hover)

我正在尝试弄清楚当一张图像悬停时如何对所有其他图像应用模糊效果:

img:not(:hover) {
  filter: blur(3px);
  -webkit-transition: 400ms ease 100ms;
  -moz-transition: 400ms ease 100ms;
  transition: 400ms ease 100ms;
}
Run Code Online (Sandbox Code Playgroud)
<img src="http://localhost/wordpress/wp-content/uploads/2020/07/All-the-fruits-that-day-were-poisend-.jpg" width="100px">

<img src="http://localhost/wordpress/wp-content/uploads/2020/07/All-the-fruits-that-day-were-poisend-.jpg" width="100px">

<img src="http://localhost/wordpress/wp-content/uploads/2020/07/All-the-fruits-that-day-were-poisend-.jpg" width="100px">
Run Code Online (Sandbox Code Playgroud)

我希望当当前没有图像悬停时,所有图像都会正常渲染(即没有模糊效果)。但事实似乎并非如此,因为此时此刻,一切都变得模糊了。

我怎样才能用CSS达到这个效果呢?

html css image blur hover

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