小编sea*_*unt的帖子

我有一个网格布局,有两列和两行.粘滞的左侧导航,粘性标题以及将位于网格右下角的内容.

我现在几乎就在那里,但是.content当内容超出屏幕时,我希望div使用滚动.我以为我可以使用overflow: auto,但这不起作用.我有什么关闭？

body {
  margin: 0;
  overflow: hidden;
}

.page {
  display: grid;
  grid-template-rows: 55px auto;
  grid-template-columns: 20vh auto;
  grid-template-areas: "nav header" "nav content";
}

.nav {
  grid-area: nav;
  background-color: blue;
}

.header {
  grid-area: header;
  background-color: grey;
}

.content {
  grid-area: content;
  height: 1000px; // This is dynamic
  background-color: red;
}

<div class="page">
  <div class="nav">Side nav</div>
  <div class="header">Header</div>
  <div class="content">
    <h1>title</h1>
  </div>
  <div>

JS小提琴

• 我目前正在尝试使用HTML视频播放器从Electron中的文件系统流式传输文件.

• 我想在文件下载时开始流式传输.

• 我不确定我目前的计划是否有效(或者如果可行的话).

计划

• 从文件中创建可读文件流,该文件在下载文件时进行更新
• 从该流生成blob网址
• 使用该blob url作为视频源

我认为目前失败的地方是我在读取第一个块后生成blob url,但之后的任何块都不包含在blob url中.

这是关于我想做的事情(我知道这段代码不起作用)

const file = GrowingFile.open(downloadPath) // provides a readable stream for a file

let chunks = [];
file.on('data', (chunk) => {
  chunks.push(chunk);
  const blob = new Blob(chunks);
  const url = URL.createObjectURL(blob);

  video.src = url // continuously update the video src with a new blob url
})

我的主要问题是:

有没有办法在从它生成网址后推送到blob列表并继续使用相同的blob网址？

我有一条路线在/:username.

在我的_middleware.ts文件中我想做这样的事情

export function middleware(req: NextRequest) {
  const isDynamicRoute = req.nextUrl.pathname === "/[username]";
  
  if (isDynamicRoute) {
    return undefined
  }

  // handle other routes...
}

问题是我似乎无法在中间件中访问这个动态路由名称。我看到/test的是路径名而不是/[username].

当我登录时，request我看到了我正在寻找的内容，但它位于一个[Symbol(internal request)]键内（以及一个包含真实路径名的单独符号键）。是否可以在中间件文件中可靠地访问该值？或者我需要处理这个逻辑吗_app.ts？（见下面的日志）

  [Symbol(internal request)]: {
    credentials: 'same-origin',
    headers: BaseHeaders [Headers] { [Symbol(map)]: [Object] },
    method: 'GET',
    referrer: 'about:client',
    redirect: 'follow',
    url: NextURL {
      href: '/test',
      origin: '',
      protocol: '',
      username: '',
      password: '',
      host: '',
      hostname: '',
      port: '',
      pathname: '/test', …

我正在尝试编写一个函数，该函数接受字符串并将所有小写字母更改为大写字母，反之亦然。“lower UPPER”将翻译为“LOWER upper”

这是我所拥有的：

var convertString = function (str){
var s = '';
var i = 0;
while (i < str.length) {
    var n = str.charAt(i);
        if (n == n.toUpperCase()) {
            n = n.toLowerCase;
        }
        else {
            n = n.toUpperCase;
        }

 i +=1; 
 s += n;

}
return s;
};
convertString("lower UPPER");

我正在使用这个网站工作，并且输出了一条非常奇怪的消息。

这是我运行后发生的情况的图片。

我似乎找不到两者之间的任何重大差异,除了能够在视图中使用它时命名视图.是否有一个人优先于另一个？