• 获取元素相对于屏幕的位置

let x = div.getBoundingClientRect().left;
let y = div.getBoundingClientRect().top;

• 父级元素设置了overflow: scroll时，在子元素里使用window.addEventListener监听不到时

  window.addEventListener(‘scroll’, onScrollFn, true) //添加第三个参数为 true

• typescript定义一个任意类型的对象

let obj: Record<string | number | symbol, any> = {};  //使用 Record

• 设置父元素flex-direction为column后，子元素如果没有设置宽度会自动变成100%：

align-self: baseline;  //给子元素设置 align-self: baseline;

• 父元素flex:1,子元素 height:100% 无效问题

  父元素添加 height:0; 即可