這篇文章是為了總結了一下這個寒假的寒假作業——極客網工作室官網制作

前期準備

這個官網是主要制作我們工作室一個展示的官網。其中分為三個小組，有前端、后臺。而我，也恰巧使我們小組的組長。這也是我在這個寒假做的唯一的一件大事情。

首先，是小組進行了討論，主要是針對需求文檔，包括一些基本信息，基本功能實現、網頁設計制作、人員分配等問題（因為我們只是寒假放假之后短暫的停留幾天，都會各自回家，所以詳細的討論更分工就顯得尤為重要）。

大致討論內容

• 網頁模式：長網

• 本機服務器：MySQL

• 工具：coding、、RAP

• 規范：《百度前端代碼規范》

  寫代碼命名加上自己的首字母+下劃線，如稅小豪（S_）

  長網頁每個人負責的版塊用一個整的<div>括起來

• 實現技術：HTML、CSS、JavaScript/JQuery、Java、Spring MVC、Ajax

• 前后端版塊實現

  • 前端展示頁
  • 后臺數據庫
  • 后臺管理界面

• 功能：

  • 導航欄：首頁、工作室簡介、成員介紹、畢業去向、加入我們
  • 主頁：背景大圖+logo+輪播
  • 工作室簡介
  • 成員介紹(交互)
    • 交互數據：name(成員姓名)、 img(照片地址) 、grade(年級) 、direction(技術方向 )、motto(格言)
  • 畢業去向(交互)
    • company(公司)
  • 加入我們(交互)
    • 傳給后臺：name(姓名) 、shoolName(學院) 、major(專業) 、studentId(學號) 、direction(技術方向)

前期準備的問題

• 因為我們是在學校進行討論，準備回家后做，可是這樣就出現了嚴重的時間效率拖延問題，以至于是最后大家提前回學校進行制作的。
• 作為組長，我沒有做好詳細的分配，是我的失責
• 還有就是網頁樣式制作的準備不夠，造成了我們后期對樣式修改的程度比較大
• 工具的使用沒有正確。雖然用的是coding，可是前期框架沒有搭好，在后期也造成了一定問題

正式制作

正式制作，我主要負責了后臺管理界面和前端界面的畢業去向這一塊。

主要技術使用

這次我只是單獨說一下我負責的那塊的技術使用。

• HTML、css 兩樣進行了基本樣式的制作
• 用簡單的css3 進行了一些動畫效果的制作
• 用jQuery寫的ajax進行交互
• 用ajax進行動態請求分頁

這次我用的最多的就是ajax的交互使用，所以說，我更多的是增加了對ajax的一些熟悉度和他的基本原理。

制作中的問題

• 因為之前我幾乎沒有接觸過css3，所以并未處理好css3動畫效果的兼容性
• ajax的代碼量太大，沒有做到很好的優化代碼量，不過在后期的制作中，我注意到了這一點
• ajax的異步請求問題。前期通過了一個ES6中的promise使其縱向加載。后期也可以通過寫在ajax里面進行ajax來解決問題
• 代碼比較亂，因為我們的代碼展示都在同一個頁面，雖然前期說了代碼規范，不過后來還是出現了一些問題，而且也忘了JavaScript中將代碼封裝在立即執行函數中

總結

這次項目是一個不大不小的項目。作為組長的我在分配以及調節方面都有不可推卸的責任，這也是我之后制作項目的一個警戒。不過看到項目完工，其實也有一種莫名的自豪感，哈哈哈，還是覺得實實在在敲代碼比較好。。
一個寒假，原本的學習計劃都沒有好好執行。QAQ，新學期，我要進行新學習咯，加油，好好學習！