周报@2023-03-15

Published by powerfulyang on Mar 15, 2023

当然是流水账啦，如何通过 js 文件生成 typescript d.ts 类型文件

如何通过 js 文件生成 d.ts 文件

https://v2ex.com/t/924186
error TS7016: Could not find a declaration file for module 'xxx.js'. 'xxx.js' implicitly has an 'any' type.

使用如下命令可以实现从 index.js 生成类型声明文件 index.d.ts
index.js 文件:

export const config = { name: 'My App', description: 'My App Description', version: '1.0.0', };

使用如下命令:

shell
1tsc --allowJs --declaration --emitDeclarationOnly index.js

生成 index.d.ts 文件:

ts
1export namespace config {
2    const name: string;
3    const description: string;
4    const version: string;
5}

content-visibility: auto

副作用: 会导致滚动条出现异常，比如使用快捷键 End 不能正常滚动到底部，同样的原因使 next.js 的 scrollRestoration 也不能正常工作。
猜测使用 css contain-intrinsic-size 可以解决这个问题，但是不固定高咋搞，凉拌。
The contain-intrinsic-size property is included to represent the content size. This helps to reduce layout shift when content is hidden.