簡單的一點總結：關於優惠券功能

寫在文前的一些話：理論性質的東西不會涉及，因為自己懂的不多，只是提供自己的一些思路，供大家參考，歡迎指正。

簡單的一點需求

在現有的專案投資頁面新增優惠券功能。點選優惠券區域進入優惠券頁面。

優惠券頁面中展示可用優惠券和不可用優惠券兩部分，以色彩區分。優惠券點選選定，選定即跳轉回之前頁面，同時相關的資訊也傳回之前的投資頁面並展示當前所選。 簡單畫個圖可能會更直觀點。

大致是這樣，點選左側優惠券頁面進入右側頁面，選中優惠券跳轉左側。 這應該是很常見的一些需求，但因為之前沒怎麼做過類似的，所以就趟過不少坑。（我天，剛才手殘 ctrl + w 給關了，嚇我一跳，幸虧掘金有草稿箱~~贊一個）

簡單的一點思路

直接放圖吧，怕嘴不利索說不明白

兩張圖分別對應兩個頁面的優惠券樣式展示。上面只是考慮了樣式，並沒考慮互動方面的細節，這個一會說。其實在一開始寫之前，我並沒有考慮到這麼多情況，也沒有用思維導圖羅列一下，上來就開始做，結果遇到了一堆Bug（說起來都是淚），好在這個功能昨天上線了。

想到哪寫到哪。我覺得以後開發專案或者功能之前一定要把細節在腦子裡走一遍，最後寫下來，這樣會少走很多彎路。

回來繼續寫一點其他方面的思路，主要是點選、排序和渲染方面的。

整個功能的開發中最坑的部分就是資料渲染和快取問題。

資料渲染部分主要是卡頓的問題，資料超過100條以後同時渲染會造成頁面渲染速度過慢，甚至卡死的問題，也怪自己當初太單純，考慮的太簡單，後來自己手動寫了個簡單的滾動載入解決了（解決的也不好，還是會有滑動太快略卡的問題，不過現在是記住分頁載入的好處了）

快取問題到現在瞭解的也不是很多。如果要深究，感覺裡面的彎彎繞也不少。此次功能裡面涉及到的主要是把握什麼時候將資料存到快取裡、什麼時候將資料從快取裡取出來以及什麼時候去除快取。把這3點理解明白感覺就問題不大了。

注：現在思路不是很清晰，總結什麼的以後再補充~~完