首页 » 技术分享 » 简单的一点总结:关于优惠券功能

简单的一点总结:关于优惠券功能

 

写在文前的一些话:理论性质的东西不会涉及,因为自己懂的不多,只是提供自己的一些思路,供大家参考,欢迎指正。

简单的一点需求

在现有的项目投资页面添加优惠券功能。点击优惠券区域进入优惠券页面。

优惠券页面中展示可用优惠券和不可用优惠券两部分,以色彩区分。优惠券点击选定,选定即跳转回之前页面,同时相关的信息也传回之前的投资页面并展示当前所选。 简单画个图可能会更直观点。

大致是这样,点击左侧优惠券页面进入右侧页面,选中优惠券跳转左侧。 这应该是很常见的一些需求,但因为之前没怎么做过类似的,所以就趟过不少坑。(我天,刚才手残
ctrl +
w 给关了,吓我一跳,幸亏掘金有草稿箱~~赞一个)

简单的一点思路

直接放图吧,怕嘴不利索说不明白

两张图分别对应两个页面的优惠券样式展示。上面只是考虑了样式,并没考虑交互方面的细节,这个一会说。其实在一开始写之前,我并没有考虑到这么多情况,也没有用思维导图罗列一下,上来就开始做,结果遇到了一堆Bug(说起来都是泪),好在这个功能昨天上线了。

想到哪写到哪。我觉得以后开发项目或者功能之前一定要把细节在脑子里走一遍,最后写下来,这样会少走很多弯路。

回来继续写一点其他方面的思路,主要是点击、排序和渲染方面的。

整个功能的开发中最坑的部分就是数据渲染和缓存问题。

数据渲染部分主要是卡顿的问题,数据超过100条以后同时渲染会造成页面渲染速度过慢,甚至卡死的问题,也怪自己当初太单纯,考虑的太简单,后来自己手动写了个简单的滚动加载解决了(解决的也不好,还是会有滑动太快略卡的问题,不过现在是记住分页加载的好处了)

缓存问题到现在了解的也不是很多。如果要深究,感觉里面的弯弯绕也不少。此次功能里面涉及到的主要是把握什么时候将数据存到缓存里、什么时候将数据从缓存里取出来以及什么时候去除缓存。把这3点理解明白感觉就问题不大了。

注:现在思路不是很清晰,总结什么的以后再补充~~完

转载自原文链接, 如需删除请联系管理员。

原文链接:简单的一点总结:关于优惠券功能,转载请注明来源!

0