小编Her*_*usz的帖子

如果我在元素的z-index属性中添加负整数值,那么根据标准的预期效果是什么？

我搜索的答案,但只找到了这个:
https://developer.mozilla.org/en-US/docs/Web/CSS/z-index
的"负值降低优先"不为我意味着什么.

我想为 next.js 应用程序设置两个不同的版本。

包.json：

...
"scripts": {
  "dev": "next dev",
  "debug": "cross-env NODE_OPTIONS='--inspect' next dev",
  "build:dev": "set NODE_ENV=development && next build",
  "build:prod": "set NODE_ENV=production && next build",
  "start": "node server.js"
},
"dependencies": {
  "bootstrap": "^5.0.0-beta3",
  "lodash": "^4.17.21",
  "next": "^10.0.0",
  "react": "17.0.1",
  "react-dom": "17.0.1",
  "react-scrollspy": "^3.4.3",
  "sass": "^1.32.11"
},
"devDependencies": {
   "cross-env": "^7.0.3"
}
...

然后我创建.env.development并.env.production使用不同的主机名和端口，如下所示：

HOST=127.0.0.3
PORT=9999
API_DOMAIN=http://$HOST:$PORT/API

但如果我运行npm run build:dev它会显示以下内容：

$ npm run build:dev

> learn-starter@0.1.0 build:dev
> set NODE_ENV=development && next build …

具有高z-index的元素可能位于具有低z-index的另一个元素之下,这仅仅是因为较低z-index的祖先的z-index为该元素提供了更高的堆叠上下文.

因此,如果没有CSS或HTML代码的重大更改,就不可能从较低的堆叠上下文覆盖元素.另一方面,如果它是一个"绝对"值(更高的z-index - > z轴上的更高位置),使用z-index属性将是简单的.

我的问题是,为什么在浏览器和标准中以这种方式实现？

我找到了这段代码:

;       
100% function($) {                                        // WTF?
    var _true_ = true;                                    // WTF?
    var _false_ = false;                                  // WTF?
    var go = function(location, date) {
        location || (location = {});  
        var result = _false_;
        if (date && date.day) {       
            result = geoService.go(location, date);
        }
        return !!result;              
    }
    var process = function(func) {
        var args = [].prototype.slice.call(arguments, 1); 
        return function() {                               
            return func.apply(this, args);
        }
    }
    // ...
}(jQuery, undefined);                                     

在这里:http://www.dofactory.com/products/javascript-jquery-design-pattern-framework (对不起,页面上没有找到id-s)

我不明白这些部分在做什么:

1. 第二行中的"100%"
2. 3-4行中的var _true_ = …

我编写了这段代码来迭代具有特定数字（如分页）的 github 问题，在本例中一次有 3 个问题：

const getUrl = (page) => `https://api.github.com/repos/angular/angular/issues?page=${page}`;

const getIssues = async function*() {
    for (let p = 1; true; p++) {
        const url = getUrl(p);
        const rawData = await fetch(url, {
            headers: { 'User-Agent': 'app' }
        });
        const issues = await rawData.json();
        for (let issue of issues) {
            yield issue;
        }
    }
};

const generator = getIssues();

document.querySelector('[data-next]').addEventListener('click', async function() {
    let i = 0;
    for await (let issue of generator) {
        console.log(issue);
        if (++i === …