小编Caz*_*tor的帖子

在函数式 React 组件之外声明变量

在功能性 React 组件之外声明变量是否可以,例如:

const outsideVariable = new Map([['key', 'value']])
const ComponentName = props => (
  <div>
    Some Text
  </div>
)

export default ComponentName
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

CSS 计算(); 定位 div

我正在尝试创建一个宽度和高度为视图宽度 37% 的 div。

我希望 div 位于中间居中,因此我尝试采用视图宽度的 50% 并减去 37% 的值。

然后我希望 div 位于父 div 之外 50%。它基本上是一张带有个人资料图片的封面照片。底部位置需要为负数,以便将业务封面徽标强制放在业务视图包装器之外,而我能想到的唯一方法就是乘以负数。

<div class="business-view-cover">
    <div class="business-cover-logo"></div>
</div>

.business-view-cover {
    position: relative;
    height: calc(100vw * 0.5625);
    background-size: cover;
    background-position: center center;
    background-image: url('../images/business-cover-1.png');

    .business-cover-logo {
        position: absolute;
        --width-profile: calc(100vw * 0.37);
        --half-width: calc(var(--width-profile) / 2);
        --profile-bottom: calc(-1 * var(--half-width));
        bottom: calc(var(--profile-bottom) * -1);
        left: calc(50vw - var(--width-profile));
        width: var(--width-profile);
        height: var(--width-profile);
        border: 4px solid $e1-background-grey;
        border-radius: 1.6rem;
        background-size: cover;
        background-position: center center;
        background-image: url('../images/logo-cover-napa.png');
    }
} …
Run Code Online (Sandbox Code Playgroud)

css css-position css-calc

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

JavaScript Web API 是否在与调用堆栈线程不同的线程上运行?

在 Philip Roberts 的以下视频的 12:16 处,他谈论了在与调用堆栈不同的线程上运行的 Web API 和 Node API,如果我理解正确的话?那么,这是正确的吗?Web API 和 Node API 是否在与调用堆栈和事件循环不同的线程上运行?

如果为真,这是否意味着它们将与调用堆栈中执行的 JavaScript 并行运行?

https://www.youtube.com/watch?v=8aGhZQkoFbQ

javascript

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

Flutter、材质、去除DrawerHeader下的淡线

DrawerHeader 小部件在 DrawerHeader 小部件下方生成一条微弱的线。我怎样才能删除这个?我已经尝试过装饰选项,到目前为止我发现的唯一方法是从 DrawerHeader 切换到自定义小部件,如果可能的话我想避免这种情况。

以下是 Flutter.dev 指南中的代码,DrawerHeader 颜色设置为白色,因此该线可见。

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const appTitle = 'Drawer Demo';

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: appTitle,
      home: MyHomePage(title: appTitle),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(title)),
      body: const Center(
        child: …
Run Code Online (Sandbox Code Playgroud)

flutter

7
推荐指数
2
解决办法
2421
查看次数

Node.js 事件会发生什么?

我有一个 Express 应用程序,在解析特定路由的请求时使用事件发射器。当收到请求时,将调用emit,它会在处理程序中运行代码。此代码大约需要 5 秒才能完成。当 Express 端点每秒收到 10 个或更多请求时会发生什么?

事件是否会被放入调用堆栈并按照放入调用堆栈的顺序完成?

谢谢

status.emit('newCompletion')
Run Code Online (Sandbox Code Playgroud)

javascript node.js

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

反应 backgroundImage 内联样式不起作用

我已经尝试了我能想到的所有方法,并在谷歌上搜索到了死亡。我无法让 React 使用内联样式加载背景图像。这是我的代码:

const url = './assets/backgrounds/terzo1.jpg'
const style = {
  backgroundImage: `url(${url})`,
  backgroundSize: 'cover',
}

const Layout = props => (
  <div style={style}>
    TEXT
  </div>
)

export default Layout
Run Code Online (Sandbox Code Playgroud)

我的资产文件夹与布局组件位于同一文件夹中。

我会注意到我正在使用 Create-react-app。

谢谢

javascript reactjs

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

使用 GraphQL/Apollo Server 时,是否应该为没有数据库结果而抛出错误?

例如,如果解析器从数据库中获取用户并且没有找到用户,是否应该抛出错误?找不到数据的最佳做法是什么?

arrays graphql apollo-server

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

如何在 Jest 中检查 Map 对象键

使用 Jest,我试图检查 JavaScript Map 对象中的键,toHaveProperty但不起作用。在摩卡/柴,你可以assert.hasAllKeys(map, keys)

JavaScript 地图:https : //developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map

有没有办法做到这一点?

javascript jestjs

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

使用 for of 循环将值传递到生成器

当使用循环迭代生成器时for of,有没有办法将值传递回生成器?

在下面的代码中,当我iterable.next('some value')手动调用时,我可以传回一个值,但for of循环似乎调用的.next()方法没有任何值。

我希望我已经以一种可以理解的方式解释了这一点。

const test = function* generator() {
  const list = [1, 2, 3, 4]
  for (const x of list) {
    const data = yield x
    console.log(data)
  }
}
const iterable = test()
console.log(iterable.next())
console.log(iterable.next('test2'))

console.log('FOR OF LOOP')
for (const y of iterable) {
  console.log(y)
}
Run Code Online (Sandbox Code Playgroud)

javascript

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

Hapi.js 17.*:静态内容捕获目录处理程序的所有内容

我将 Inert 与 Hapi.js 结合使用,并且有一个简单的目录处理程序设置来为 React 应用程序提供服务:

  {
    method: 'GET',
    path: '/{param*}',
    handler: {
      directory: {
        path: '.',
        redirectToSlash: true,
        index: true,
      },
    },
  }
Run Code Online (Sandbox Code Playgroud)

访问http://localhost:8080时效果很好。当我添加 /anything 时,我得到 404。

如何让所有请求重定向到定义的路径?我已阅读 Inert 文档并尝试了 Hapi.js API 文档中的多种想法,但均无济于事。

谢谢

javascript node.js hapi.js

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

Go 的sync.pool 可以用于数组/切片吗?

我想知道是否可以sync.Pool与数组或切片一起使用?例如,sync.Pool每秒处理数万个请求时是否可以加快以下速度?这个例子只是为了更好地理解 Go。

// Handler that uses GenerateArray
func ok(w http.ResponseWriter, r *http.Request) {
    var res [100000]uint64
    fibonacci.GenerateArray(&res)
    fmt.Fprintf(w, "OK")
}

func GenerateArray(data *[100000]uint64) {
    var start uint16 = 1000
    var counter uint32
    for start >= 1 {
        var num = 90
        var n1, n2, temp uint64 = 0, 1, 0

        for num >= 1 {
            temp = n2
            n1, n2 = temp, n1+n2
            data[counter] = n2
            counter++
            num--
        }
        start--
    }
}
Run Code Online (Sandbox Code Playgroud)

编辑:这是 Icza 建议的切片版本。希望我在学习时做得对。 …

arrays pool go slice

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