專案主要模組分為：登入註冊模組，個人中心模組，首頁、投資頁模組，積分**模組。然後根據業務邏輯，個人中心和積分**又分出一些子模組。
開發階段前端和後端按模組任務同時進行開發
專案由vue-cli一鍵生成，選擇的ui框架是vux，使用postcss和sass，除錯工具選擇vconsole，視覺化外掛程式使用highcharts，上拉下拉使用外掛程式mescroll
開發 過程中遇到很多問題，現將一些比較複雜， 解決起來比較麻煩，或者實現起來不太完美的問題做乙個總結：
因為header和footer是使用浮動定位做的，ios又自帶乙個上拉下拉橡皮筋回彈效果，每次回彈頁面的main會跟著有回彈效果，但是header和footer則固定在可視區域首尾，不參與回彈，這樣一來，瀏覽器的回彈部分會遮蓋header和footer，使頁面看起來極為怪異。
嘗試多種解決方案，要不根本無法解決，要不有各種瑕疵。最後使用的是乙個css屬性-webkit-overflow-scrolling: touch;（可參考這篇文章）。首先要設定頁面高度為100%，將頁面分為三部分，在main部分設定此屬性。
這種實現方式我認為不是完美的解決方案，但是在各種條件下，我認為是最合適的一種方案，這種方案帶來的問題有，會關閉ios上瀏覽器自動隱藏頂部位址列和底部標籤欄的功能，而且在頁面觸底後不能上拉，但是觸頂後可以下拉，所以會給使用者造成卡頓的感覺，體驗不好。
這個其實主要是對vux布局不熟悉造成的問題，要實現背景鎖定，必須實現頁面高度100%布局才可以。而且，vux呼叫彈框元件時，是將彈框插入到body下的，所以會和問題1中的布局產生遮罩，以及部分樣式上的問題。其本質是元素定位造成的相容性問題，需要視具體情況做出相應的解決辦法。
由於採用的上拉下拉外掛程式必須給div乙個固定值的高度，所以造成了stickey效果的無法實現，這個問題在和產品經理溝通後，定為暫不解決。
重新整理頁面vuex資料丟失問題，iphone6s對sessionstorage的相容問題，header中返回按鈕邏輯問題，全域性導航守衛問題，頁面，介面統一報錯處理等等，這些問題比較容易搜到，不作單獨說明。
此次專案重構歷時2個月，初期是我本人和公司前端經理共同開發，後經理另謀高就，剩我一人直面所有問題，進入測試階段後，天天看著幾百個bug真真的體會到了無力的感覺，每天精神緊繃，一度還有失眠，索性扛了過來，在此要特別感謝我的小夥伴們對我的鼎力相助，祝願他們早日找到女朋友，哈哈！
H5問題總結
很多時候設計稿中的icon很小，但是實際製作頁面時，如果這個icon可操作，icon的可操作域應該做大一些，不然在裝置中會經常發生操作之後沒反應 其實是沒有觸發在操作域上 少掉坑，h5建議 0.很多時候設計稿中的icon很小，但是實際製作頁面時，如果這個icon可操作，icon的可操作域應該做大一些...
h5拖動總結
1.拖動神器sortablejs sortablejs 有vue，angular，react 版的實現 vue版 通過options 可以完全使用 sortable的配置 2.vue grid layout 拖動事件使用 interactjs 來實現的。可以實現在容器內拖動 自由碰撞，碰撞原理是 使...
H公司工作總結（1）
總結 離開上一家公司的時候還只有28歲，個人覺得那個年齡是能做出最佳選擇的最好時候，已經有了一定的經驗，而衝勁兒未泯 而公司也最願意接受這樣的員工。當時我的技術上的領導出去創業，而自己在他離開後的半年基本算是撐起了半個部門，理所應當的以為最終自己會得到提公升和補償，但是最終還是被空降的奇兵驚了一跳。...