Shadow DOM在视图中正常情况下是隐藏的，例如input文本框，按钮和输入之类的东西。r不过你可以能过打开Chrome浏览器，F12调起Chrome DevTools调试工具，右上角齿轮形状的即Settings点击一下，Preferences中Elements分类下Show user agent shadow DOM勾选即可，这样就会在元素标签页中显示被隐藏的Shadow DOM代码。
grid-area: 1/-1，-1代表在网格的最后一列和行，因此会一直跨越到列或行结束。
两端淡出中间是完整的颜色是一个比较常见的分隔线效果。
剪贴板 Clipboard API 为 Navigator 接口添加了只读属性 clipboard，该属性返回一个可以读写剪切板内容的 Clipboard 对象。 在 Web 应用中，剪切板 API 可用于实现剪切、复制、粘贴的功能。
event.target 表示点击的元素，event.currentTarget 表示绑定事件的元素。
.env：全局默认配置文件，无论什么环境都会加载合并。.env.development：开发环境的配置文件。.env.production：生产环境的配置文件。项目中可以使用process.env.xxx来访问属性。
Video2WebP将短视频转成WebP动画图片，用来替代GIF动画https://video2webp.mattj.io/
IdleDetector对象检测用户空闲时（即键盘、鼠标、屏幕无交互时）通知开发人员激活屏幕保护程序、锁定屏幕或移动到其他屏幕等情况。
Firefox浏览器开始原生提供 structuredClone() 方法，用于对象的深拷贝（deep clone）
