Skip to content

Latest commit

 

History

History
32 lines (25 loc) · 1.99 KB

note.md

File metadata and controls

32 lines (25 loc) · 1.99 KB

记录这个项目的一些细节 API

计算 元素的内部高度,包含边距;不包括边框、外边距和水平滚动条(如果存在)

计算元素高度,包括边框、内边距和元素的水平滚动条(如果存在)

scrollHeight 的值等于该元素在不使用滚动条的情况下,为了适应视口所需的最小高度。高度的测量方式与clientHeight相同。 如果元素的内容不需要垂直滚动条就可以容纳,那么 scrollHeightclientHeight是相同的。 可以认为这个高度是子元素再父元素内的活动范围。

  • 如果一个元素不能滚动 scrollTop 被设置为 0
  • scrollTop 值小于0, scrollTop被设置为 0
  • 如果超出了这个容器可滚动的值,scrollTop会被设置为最大值

pageY

场景如下:设置 body 溢出滚动;设置子元素高于body

这个时候 文档页发生滚动。pageY指的就是到文档顶部的距离。

事件时长的控制

  • allDay 属性的事件、事件时长大于24小时的事件,属于一类事件
  • 结束时间不能早于开始时间,如果结束时间早于开始时间,禁止创建该事件。

关于架构设计整改

  • 在组建设计初始,例如日历事件的传入,通过props 传入到对应的UI组件,然后进行渲染。 在后期整改时,使用context 结合在局部使用hooks来获取事件,从而进行渲染。
  • 以上两种方式的设计。第一种更适合在组件库使用;后者局部使用的方式,更适合在业务中使用,从而减少多余的逻辑和代码。

功能模块

-[ ] 导出过去一年的事件,进行工作总结,可视化总结。