這篇文章是為了總結(jié)了一下這個寒假的寒假作業(yè)——極客網(wǎng)工作室官網(wǎng)制作

前期準(zhǔn)備

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

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

大致討論內(nèi)容

• 網(wǎng)頁模式：長網(wǎng)

• 本機服務(wù)器：MySQL

• 工具：coding、、RAP

• 規(guī)范：《百度前端代碼規(guī)范》

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

  長網(wǎng)頁每個人負責(zé)的版塊用一個整的<div>括起來

• 實現(xiàn)技術(shù)：HTML、CSS、JavaScript/JQuery、Java、Spring MVC、Ajax

• 前后端版塊實現(xiàn)

  • 前端展示頁
  • 后臺數(shù)據(jù)庫
  • 后臺管理界面

• 功能：

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

前期準(zhǔn)備的問題

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

正式制作

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

主要技術(shù)使用

這次我只是單獨說一下我負責(zé)的那塊的技術(shù)使用。

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

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

制作中的問題

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

總結(jié)

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