写在文前的一些话：理论性质的东西不会涉及，因为自己懂的不多，只是提供自己的一些思路，供大家参考，欢迎指正。
简单的一点需求
在现有的项目投资页面添加优惠券功能。点击优惠券区域进入优惠券页面。
优惠券页面中展示可用优惠券和不可用优惠券两部分，以色彩区分。优惠券点击选定，选定即跳转回之前页面，同时相关的信息也传回之前的投资页面并展示当前所选。 简单画个图可能会更直观点。
大致是这样，点击左侧优惠券页面进入右侧页面，选中优惠券跳转左侧。 这应该是很常见的一些需求，但因为之前没怎么做过类似的，所以就趟过不少坑。（我天，刚才手残
ctrl +
w 给关了，吓我一跳，幸亏掘金有草稿箱~~赞一个）
简单的一点思路
直接放图吧，怕嘴不利索说不明白
两张图分别对应两个页面的优惠券样式展示。上面只是考虑了样式，并没考虑交互方面的细节，这个一会说。其实在一开始写之前，我并没有考虑到这么多情况，也没有用思维导图罗列一下，上来就开始做，结果遇到了一堆Bug（说起来都是泪），好在这个功能昨天上线了。
想到哪写到哪。我觉得以后开发项目或者功能之前一定要把细节在脑子里走一遍，最后写下来，这样会少走很多弯路。
回来继续写一点其他方面的思路，主要是点击、排序和渲染方面的。
整个功能的开发中最坑的部分就是数据渲染和缓存问题。
数据渲染部分主要是卡顿的问题，数据超过100条以后同时渲染会造成页面渲染速度过慢，甚至卡死的问题，也怪自己当初太单纯，考虑的太简单，后来自己手动写了个简单的滚动加载解决了（解决的也不好，还是会有滑动太快略卡的问题，不过现在是记住分页加载的好处了）
缓存问题到现在了解的也不是很多。如果要深究，感觉里面的弯弯绕也不少。此次功能里面涉及到的主要是把握什么时候将数据存到缓存里、什么时候将数据从缓存里取出来以及什么时候去除缓存。把这3点理解明白感觉就问题不大了。
注：现在思路不是很清晰，总结什么的以后再补充~~完
转载自原文链接, 如需删除请联系管理员。
原文链接：简单的一点总结：关于优惠券功能，转载请注明来源！