那天老板突然找我說，給公司整個網(wǎng)站出來，我當(dāng)時(shí)心里一虛，畢竟我就一新手，以前只在網(wǎng)上搗鼓過個人博客，啥正經(jīng)經(jīng)驗(yàn)都沒有。但機(jī)會難得嘛我就硬著頭皮上，直接開始動手干。

第一步：需求調(diào)研千萬別跳過

我一上來就栽了個大跟頭。心想網(wǎng)站嘛不就是放點(diǎn)公司介紹和產(chǎn)品圖？結(jié)果幾天后，老板看初稿時(shí)臉都綠了，問為啥連個聯(lián)系表單都沒有。我這才急急忙忙去問同事，銷售部說他們天天要靠網(wǎng)站接客戶咨詢，技術(shù)部又嚷嚷產(chǎn)品展示得做動態(tài)演示。只好從頭來，搬把椅子挨個部門問，搞了個需求問卷，填滿密密麻麻的頁面功能清單。以后記住，沒摸清大家要打死別開工。

第二步：設(shè)計(jì)別光圖好看

設(shè)計(jì)階段我又瞎整了。找了個花花綠綠的模板，放一堆閃亮按鈕，以為夠酷就成。結(jié)果測試時(shí)手機(jī)打開一看，圖片擠成一坨，表格全亂了。銷售抱怨這咋給客戶看？我趕緊切換思路，跑去網(wǎng)上翻響應(yīng)式設(shè)計(jì)的案例，重新調(diào)布局，大小屏都檢查一遍?，F(xiàn)在懂了，美觀是加分項(xiàng)，易用才是命根子。

第三步：技術(shù)選型別追時(shí)髦

搭架構(gòu)時(shí)我犯了蠢，聽說新框架火就一股腦用上了，結(jié)果插件一堆沖突，調(diào)試半天代碼卡殼。技術(shù)部老大路過一看直搖頭，說你這是瞎折騰新人通病。趕緊換成基礎(chǔ)的工具鏈，穩(wěn)當(dāng)點(diǎn)的現(xiàn)成方案上線快。教訓(xùn)是，別貪新潮的東西，簡單實(shí)用比啥都強(qiáng)。

第四步：測試和備份不能偷懶

關(guān)頭又掉坑了。網(wǎng)站快完工時(shí)，我嫌麻煩沒做全站測試，結(jié)果上線第一天表單提交失敗，客戶投訴雪片般飛來。老板急得跳腳，還好我強(qiáng)迫自己備份過舊版本，三下五除二還原問題。連夜拉同事一起蹲電腦前，一個按鈕一個鏈接點(diǎn)過去復(fù)查。這事讓我明白，省測試時(shí)間就是給自己挖坑。

整個折騰下來，網(wǎng)站總算順利跑起來，銷售說客戶訪問量翻倍了，老板拍拍我肩膀加了點(diǎn)獎金?；仡^想想，要沒避開那四個雷區(qū)，我估計(jì)早被炒了。新手干這活真不易，但一次教訓(xùn)，下次就省心多了。