總結下第三個專案

確切來說第三個專案說由三個小專案組成的：1、後臺管理頁面 2、清單detail頁面 3、活動頁面

1. 後臺管理頁面：也可稱為產品頁面，因為這是一個新的產品功能。使用者可以在頁面中新增刪除自己的清單，在這個開發的過程中，比較坑爹的就是需求一直在變化，由於是倒推的專案，所以時間很緊，需求還沒確定下來就開始開發了。跟以往碰到的不同之處以及遇到的問題：1、專案是在本地開發的，存放在gitlab上，所以需要自己搭建開發環境，同時需要修改host去滿足獲取資源路徑。2、由於是產品頁面，所以頁面生存時間很長，在開發的時候樣式、命名等要儘量滿足規範。在開發的過程中，需要注意給請求上鎖，不要出現響應前多次點選多次發請求的情況，可以對button進行disabled處理。3、本頁面主要是表單提交，所以需要做好表單驗證功能，對輸入框的字數監聽的時候可以使用input的事件，可以監聽複製黏貼和輸入的變化；如果某些驗證在失去焦點的時候才會驗證時，則在總的驗證之前對輸入框進行blur處理。4、本次開發中通過變數儲存需要變化的資料，然後對改變數進行操作，等最後提交的時候再把原資料進行替換。
2. 清單detail頁面：該頁面的主要功能就時將使用者在後臺新增的清單展示出來。1、通過2:1寬高的圖片進行縮放時候會有動態效果 。2、對div進行overflow：hidden之後，div中的內容的box－shadow如果超出div也會被隱藏。3、table－cell的新感悟，已經寫在簡書中。後來換成inline－block去實現了。4、在展示商品圖片的時候要注意商品圖片的尺寸是不是1:1，不要因為全圖顯示而把整個頁面的佈局破壞了。
3. 活動頁面：一個正常的專案沒什麼可說的1、減少突變帶來的視覺體驗。2、移動端的橫向滑動需要加overflow：auto和-webkit-overflow-scrolling : touch來提高滑屏體驗。 3、低端機還是多用float少用flex吧。