小编Wil*_*een的帖子

在 Angular 中使用适当的 CSS 媒体查询

我在 Angular 中读到,使用CSS隐藏元素来隐藏这样的元素是一种非常糟糕的做法:

.container{
  background-color : powderblue;
  height : 50px;
  width : 100%
}

@media (max-width: 400px){
    .container{
        display: none;
    }

}
Run Code Online (Sandbox Code Playgroud)
<div class="container"></div>
Run Code Online (Sandbox Code Playgroud)

而且我知道显示或隐藏元素的 Angular 方式是使用*ngIf指令。

我怎样才能* ngIf以“角度方式”对媒体查询做出反应?

css media-queries angular

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

rust const fn 到底是什么意思

Rust 常量 fn

在下面的文章中,我看到了以下内容:

const fn 允许您在“const 上下文”中执行代码。例如:

const fn five() -> i32 {
    5
}

const FIVE: i32 = five();
Run Code Online (Sandbox Code Playgroud)

const fn 在 Rust 中到底做了什么?难道只是说函数可以在编译时完全计算出来(我的猜测是基于阅读文章)

constants rust

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

Promise.resolve是一个异步函数吗?

当我有以下代码时:

var promise1 = Promise.resolve([1, 2, 3]);

promise1.then((value) => {
  console.log(value);
  // expected output: Array [1, 2, 3]
});


console.log('end of script');
Run Code Online (Sandbox Code Playgroud)

我知道脚本的结尾是早先返回的,因为它promise是异步的.但是在执行的哪个阶段它变得异步?

Promise.resolve()异步的?或者是 .then异步还是两种功能?引擎盖下是否还有其他一些机制?

(谷歌是一个地狱,因为我只获得了新async await功能的结果)

javascript asynchronous callback node.js promise

9
推荐指数
4
解决办法
3036
查看次数

aria扩展的html属性

我目前正在制作导航栏,并且遇到了aria-expandedhtml属性。我当然知道该元素用于让一个元素扩展或折叠。我几乎找不到与此相关的信息,而且W3C文档的IMO不够清晰。

此属性如何工作?

html javascript

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

NextJS:主要和下一个脚本

探索 NextJS 的服务器端渲染功能。它看起来非常漂亮且易于使用。我已经探索了_document.js我们可以包含以覆盖默认值的文件。我在一个例子中找到了以下代码:

import Document, { Head, Main, NextScript } from 'next/document'

export default class MyDocument extends Document {
  render() {
    return (
      <html>
        <Head>
          <link rel="stylesheet" href="/_next/static/style.css" />
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </html>
    )
  }
}
Run Code Online (Sandbox Code Playgroud)

现在我知道我们正在覆盖当前HTML模板。但我对Main和的功能有点困惑Nextscript

是否Main只是一个网页?什么是Nextscript(哪个脚本)?

javascript reactjs next.js

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

什么是 WebAssembly (Wasm) 模块?

正在阅读有关 Wasm 的 MDN 文档。他们多次使用 WASM 模块这个术语。他们的定义如下:

WebAssembly.Module 对象包含已由浏览器编译的无状态 WebAssembly 代码,可以与 Workers 高效共享,并多次实例化。要实例化模块,请调用 WebAssembly.instantiate() 的辅助重载。

我不太明白这句话的意思。Web 程序集模块只是一个 Wasm 文件还是其他文件?

browser assembly low-level webassembly

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

Angular,如何对窗口调整大小事件做出反应

在非角度应用程序中,我们可以通过以下方式响应窗口大小调整事件:

  window.onresize = function(event) {
    console.log('changed');
  };
Run Code Online (Sandbox Code Playgroud)

但是,我们不能在角度应用程序中使用它,因为直接访问窗口对象是一种不好的做法。我们如何以“角度”方式实现上述功能?

javascript angular

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

Deno 顶级等待

正在阅读deno的主页新的 JS 运行时

我看到了以下代码:

import { serve } from "https://deno.land/std@0.50.0/http/server.ts";
const s = serve({ port: 8000 });
console.log("http://localhost:8000/");
for await (const req of s) {
  req.respond({ body: "Hello World\n" });
}
Run Code Online (Sandbox Code Playgroud)

我从未见过以下语法(for await):

for await (const req of s) {
  req.respond({ body: "Hello World\n" });
}
Run Code Online (Sandbox Code Playgroud)

这种语法是什么?

它是特定于 deno 还是在这个 tc39 提案中找到的顶级等待?

编辑:为什么它被使用以外的的async功能?

javascript async-await deno

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

Angular 中的工厂是什么

我正在阅读Max NgWizard K的一篇关于 Angular 如何更新 DOM 的文章。我遇到了以下情况:

对于应用程序中使用的每个组件,Angular 编译器都会生成一个工厂。当 Angular 从工厂创建组件时,Angular 使用该工厂来实例化视图定义,而视图定义又用于创建组件视图。在引擎盖下,Angular 将应用程序表示为视图树。

在Max NgWizard KI 的另一篇文章中找到了工厂的定义:

工厂描述组件视图的结构,并在实例化组件时使用。

我不太确定这是什么意思。

问题:

  1. Angular(2+) 中的工厂究竟是什么?
  2. 是否存在开发人员因了解其工作原理而受益的场景?

javascript typescript angular-factory angular

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

Web Assembly(Wasm),垃圾收集

我听说Webassembly将是静态类型语言的编译目标,可以在浏览器中运行.声称它可以在(接近)本机速度下在浏览器中运行.这是因为Wasm相对接近相应机器的机器指令.

但是有两种类型的语言可以编译为Wasm:

  1. 垃圾收集的语言,例如Java,C#
  2. 没有垃圾收集的语言,例如C/C++,Rust

我目前的理解是垃圾收集是一个对性能产生负面影响的过程,因为它需要CPU周期.

题:

如果Wasm程序是用垃圾收集的语言编写而不是没有语言,那么性能是否会有差异?

performance assembly garbage-collection webassembly

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