樓豬，從事WEB設(shè)計(jì)前端開發(fā)有那么點(diǎn)時(shí)間，今天特地來聊聊，關(guān)于WEB的前端那點(diǎn)事。(都是樓豬自己的拙見。)

     現(xiàn)在的射擊師是什么都要會(huì)啊，苦逼?。?/span>

     樓豬，在做前端代碼前，就是把設(shè)計(jì)好的頁面，帶成一個(gè)穿著很漂亮的衣服的妹子，然后樓豬就用自己那24K鈦合金的眼睛，仔細(xì)觀察這個(gè)漂亮妹子的結(jié)構(gòu)，元素，顏色，欄目類等等?？赐旰?，樓豬就要用到一個(gè)傳說中的工具FW，因?yàn)檫@個(gè)工具很適合切片用。把圖片放進(jìn)FW里后，樓豬，就開始給頁面寬衣解帶了，一點(diǎn)一點(diǎn)的脫掉他的衣服（就是需要的元素）。當(dāng)一個(gè)漢子脫掉一個(gè)妹子衣服的時(shí)候，是多么一件讓人心情愉悅的事啊。

    樓豬每次切一個(gè)頁面的時(shí)候，內(nèi)心都想著是在給一個(gè)妹子寬衣解帶。讓她能展示給內(nèi)在的東西給樓豬看。當(dāng)然不是所有妹子的衣服都是那么好脫的，有些時(shí)候，樓豬也要花點(diǎn)時(shí)間，去讀懂妹子的內(nèi)心世界，才能把握關(guān)鍵點(diǎn)，一刀切好。

   寬衣解帶，這個(gè)步驟屬于前端開發(fā)的前戲，就像我們約會(huì)，需要點(diǎn)前戲做鋪墊吧。不能以來就是，來吧，妹子 ，我們今天晚上就。。。。所以切片，在前端中是個(gè)很關(guān)鍵的步驟，如果這個(gè)前戲沒有做好，那么后面的劇情就是會(huì)發(fā)生根本的變化。比如，你在關(guān)鍵的時(shí)候，突然發(fā)現(xiàn)，怎么會(huì)忘記帶那個(gè)東西了，然后劇情就是那樣了。所以，切片的時(shí)候，樓豬一般要做到心中有數(shù)，眼中有碼。

   樓豬，說了那么多，感覺好像沒有說到什么重點(diǎn)。其實(shí)樓豬上面談的東西都是些大家要注意的事項(xiàng)養(yǎng)成好習(xí)慣。因?yàn)楹芏鄷r(shí)候，我們?cè)陂_發(fā)的時(shí)候，很少關(guān)注網(wǎng)站的內(nèi)容，就迅速的給人家切片，那種感覺太流水線作業(yè)。

   現(xiàn)在是21世紀(jì)，那么WEB也進(jìn)入了一個(gè)新的次元時(shí)代，從最早的瀏覽讀取界面到現(xiàn)在的交互應(yīng)用界面。其實(shí)在這點(diǎn)上，樓豬要很感謝下2個(gè)馬，如果不是淘寶的興盛，騰訊的創(chuàng)新（樓豬怎么理解的）。給中國的婦聯(lián)網(wǎng)開辟了新的天地。電商已經(jīng)是雨后春筍，茁壯成長(zhǎng)，他們也就帶來了一大堆的先進(jìn)思想，和革命性的技術(shù)創(chuàng)新。其實(shí)，很多婦聯(lián)網(wǎng)公司都做出了巨大的貢獻(xiàn)。因?yàn)榻衲晔邱R年所以我們就點(diǎn)下我們了解的這2家公司。

   現(xiàn)在的前端我們不僅要知道怎么用代碼，更要知道怎么實(shí)現(xiàn)好和設(shè)計(jì)上的交互效果。其實(shí)前端開發(fā)工程師，是很苦逼的。因?yàn)樗麄円?00%把效果圖的東西都通過頁面實(shí)現(xiàn)，如果沒有達(dá)到，一點(diǎn)要求，或者一個(gè)像素誤差，那么設(shè)計(jì)師都會(huì)找你麻煩的。代碼寫法上，如果，你寫的不夠規(guī)范，沒有很好的邏輯性，程序員，也會(huì)找你麻煩的，所以前端是個(gè)夾心餅干，他屬于承接和實(shí)現(xiàn)的一個(gè)位置。

   所以，前端開發(fā)的時(shí)候，我們要知道我們?cè)O(shè)計(jì)的東西，需要跟設(shè)計(jì)師多討論下，在設(shè)計(jì)初稿的時(shí)候能有個(gè)溝通階段。其實(shí)很多設(shè)計(jì)師，覺得這樣不錯(cuò)那樣很炫，其實(shí)很多技術(shù)上的特效會(huì)把前端腦袋炸掉。所以前端開發(fā)的時(shí)候，遇到這種問題，我們要盡可能的告訴他們，溝通，達(dá)成一個(gè)很友好的三方協(xié)議！

   未完待續(xù)。。。。。。。。。