前端coder們需要干的工作
通常一個(gè)大公司 接了一個(gè)網(wǎng)頁項(xiàng)目，經(jīng)常需要
需求分析 + 策劃架構(gòu) + 交互設(shè)計(jì)（UX）+ 界面設(shè)計(jì)（UI ) + 前端開發(fā) + 后端開發(fā) + 運(yùn)維測試
那么我們大前端coder需要干什么呢承冰？
總之子寓，就是需要根據(jù)UX弄的原型圖和UI整的設(shè)計(jì)圖
去開發(fā)出網(wǎng)頁，讓上面的兩張圖變活辜羊！
具體開發(fā)過程基本如下：
（這里就不考慮一些工具踏兜，比如gulp自動(dòng)化構(gòu)建工具，webpack打包八秃，vue開發(fā)框架碱妆，各種JS/CSS庫什么的，我自己都還不太會昔驱，失望臉疹尾，盡量講的通俗易懂一些,講基本的唄）
1.根據(jù)UI的界面圖進(jìn)行切圖（沒錯(cuò)，PSD切圖仔咯）骤肛，這里切圖其實(shí)也有自動(dòng)化的工具纳本，人類的懶惰真是好東西，嘿嘿嘿腋颠。
2.使用 html 對切出來的東西進(jìn)行映射開發(fā),做頁面結(jié)構(gòu)，看到幾個(gè)部分就對應(yīng)幾個(gè)模塊淑玫，從大到小巾腕，從外到內(nèi)，從公共到獨(dú)立混移。
3.使用 css 做樣式設(shè)計(jì)祠墅，具體分析模塊大小、位置歌径、顏色毁嗦，做盒模型等等。另外回铛，可以分成三個(gè)組狗准，一是重置樣式，用于修改一些不合適的默認(rèn)格式茵肃。二是公共樣式腔长，主要是頭尾以及LOGO等很多頁面都會用到的樣式；三是獨(dú)立樣式验残，用于只使用一次的樣式捞附。
4.使用 JS 做交互動(dòng)作，要不是有UX設(shè)計(jì)好的，我覺得每個(gè)前端coder都有一個(gè)大大的特效夢鸟召。當(dāng)然胆绊，還需要根據(jù)與后端之前的討論做數(shù)據(jù)傳輸接口。
5.自己debug一下啦欧募，如果有bug當(dāng)然要改咯压状。
