xun-zi / demo

我自己写的练习项目

我以尽可能简单的设计demo保证我可以快速完成它，不至于被拖得太深导致不想做，学到的也不见得多。

实现的的小demo

登录界面和抖音我的界面模仿 2022.11.1前

拖拽 2022.11.2

图片拖拽

实现上拉加载功能 m-wxSingleChat 2022.11.3

存在一个问题,就是srollHeight变化时无法及时捕捉到最新数据来更新它。导致每次上拉更新会出现不是更新原来的位置

实现视频播放条遇到的问题 2022.11.4

查阅

使用setState更新, 不会更新setInterval中state

react每次更新时都会重新运行一次组件，但是setInterval是闭包导致无法更新。

解决

使用useRef

useRef相当于存在于函数之上的外环境，函数每次创建的时候访问的都是一个对象,所以只要不断更新这个对象的函数，同时在setInteval调用这个全局函数就可以解决此问题。

实现画板 2022.11.6 draw/DrawBoard

1. 实现画笔
2. 可修改笔粗细
3. 可换颜色
4. 可画圆,可画正方形