优化 Context 封装,写了个图片拖拽排序组件

2022-05-17 · 周二烦躁未设定

今天的工作任务,默认优先就是继续完善 SA 项目的发布页面了,参考了之前的“全局”Context 写法,我重新调整了它们的文件存储约定,将原有的两个 Hooks(useGlobalData / useGlobalContext)和一个 Context(GlobalContext) 合并在一个文件里面进行导出,更好地进行状态调整了。

为发布页面准备的新 Context 整了起来,文件导出 usePublishData(封装 useReducer),usePublishContext(封装 useContext)和 PublishContext 三个对象,并对昨天现有的组件进行修改,实现数据判断和修改。

除此之外,还封装了一个小小的图片拖拽排序组件,使用 onDragStart / onDragOver / onDrop 三个事件,再结合一句话的核心代码,获取第一次鼠标选中图片的索引值,以及鼠标放开时图片的索引值,就可以简单搞定。

const _data = [...data];
_data.splice(placedIndex, 0, _data.splice(currentDragIndex, 1)[0]);

除了 SA 项目,CL 项目也在继续铲屎,需要调整一个页面的数据筛选条件。后端那边的态度也极其不好,有一条接口的参数等他了 20 分钟才得到回复,“反馈意见”里面提到的参数他那边都没有加上,最后我还是以他那边已提供的给整在了页面上。

自从上午起来之后,天气有些变凉,身体马上就开始感到不适了,从轻微感冒到流鼻水,只用了半天时间。下班之后一直感到不爽,还是吃了点药。饭后和老妈去了趟公园走走(我妈骑车,我则是小跑过去),回来就没有写代码了,整理下笔记,明天继续吧。

发布产品界面
Paul

Paul

特立独行的一只前端菜狗。这篇日记编写大概耗时了 0 分钟,内容均为个人原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!如本站内容对你有所帮助的话,不妨 捐助支持 一下?

近期评论

鲍小螺: 前辈多多指教!ahu: 后生可畏寻梦xunm: 真不错,板子很好看。timochan: 太惨了( ,更新暴毙,如果恢复没成功,数据也 dump 不出来鲍小螺: 在这部分对话中,广树和保罗继续讨论生活的不同方面。保罗提到了技术更新和国内的优秀 IT 技术。广树解释了在国内积累的经验如何在日本产生穿越的感觉,并表达了对于日本生活节奏的喜爱。他还提到了医疗水平的差异和对于生活方式的感受。保罗表示,通过动漫和现实的对比,艺术来源于现实,日本生活的确有着独特之处。他们讨论了国内的生活节奏和就医等方面的压力,以及个人选择的自由。最后,他们也谈到了不结婚不买房的选择和对于房价的困扰。鲍小螺: 该对话进一步讨论了房地产和税收的问题。保罗提到了国内的房地产税和增值税以及日本的固定资产税。广树解释了日本房地产税的收取方式,以及房产税对于国内房产的影响。他认为,与国内相比,日本的房子质量和服务更好。保罗提出疑问,为什么自己拥有的地也要交税。广树解释了类似增值税的原理,并指出在日本拥有房产是稳定安全的。最后,保罗表示从广树的角度来看,情况确实是如此。鲍小螺: 这篇文章的聊天记录也尝试过用 GPT 总结,结果并不是太好,不知道是不是 Prompt 的问题,实际出来的内容过于简练了,于是又耗费了半小时写完,呼~
奇趣音乐盒技术源于 Kico Player
Emmm,这里是歌词君