CSS Grid和 flexbox 之间的主要区别。CSS Grid 是一个多维布局模块,这意味着它有列和行。Flexbox 可以将其子项布局为列或行,但不能两者兼而有之。
React-use一个很好用的React Hooks库
react-router不同路由使用相同组件无法渲染问题,给组件加上key属性即可
TS是静态类型的语言,未定义的属性直接调用会报错。
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 表示绑定事件的元素。