第四十七章 一入前端深似海
技術(shù)一詞，一說(shuō)是學(xué)，二說(shuō)是盜。我則把它看作是采用而已。
在書(shū)棚的上午我通常都是用電腦擺弄網(wǎng)店，查看下訂單，優(yōu)化一些書(shū)籍的信息。下午容易打瞌睡，晚上人多眼雜的也就不合適。無(wú)聊時(shí)翻翻朋友圈，刷刷微博，大部分人的生活方式就是容易形成慣性，每天的基本行為就是在重復(fù)，稍微不同的也只是處理細(xì)節(jié)而已。
從朋友圈看到小毛球的主人婷婷發(fā)的求助信息：項(xiàng)目經(jīng)理讓實(shí)現(xiàn)一個(gè)炫酷的banner切換特效，不會(huì)寫這種程序該咋辦？
我看后隨即在下面評(píng)論：一切偉大的創(chuàng)意皆來(lái)自于抄襲。
大約過(guò)了五分鐘后，收到婷婷發(fā)來(lái)的一條微信：大哥，你不是也做過(guò)幾年前端么，今天經(jīng)理突然讓更改一個(gè)特效，下班前就得提交上去，能給點(diǎn)意見(jiàn)么？
我旋即回復(fù)道：關(guān)于特效你算是問(wèn)對(duì)人了，我以前工作時(shí)也被設(shè)計(jì)同事稱作“特效小王子”，只要他腦洞大開(kāi)想到的，就沒(méi)有我實(shí)現(xiàn)不了的。
婷婷：大神，求救啊。我挺急的。
我：你經(jīng)理提出的特效是他自己策劃的？還是他看過(guò)實(shí)例讓你照做的？
婷婷給我發(fā)來(lái)一張圖片：他自己來(lái)跟我說(shuō)的，對(duì)比著這個(gè)圖片樣子，要實(shí)現(xiàn)成怎樣，，，怎樣的效果。
我：有實(shí)例了那就更好辦了，你把這個(gè)地址發(fā)我，分分鐘給你整一套出來(lái)。
婷婷：他當(dāng)時(shí)就是給我發(fā)這個(gè)圖片，然后就語(yǔ)言跟我表達(dá)效果，我也不敢問(wèn)從哪里看到的效果。
我：好的，稍等片刻，我去搞定。
婷婷：大神，你要手寫這個(gè)程序嗎？會(huì)不會(huì)要好久??？
我：兩天我也寫出來(lái)那么完美的，我去拷貝。哈哈哈。
分析完婷婷仔細(xì)地跟我描述的效果后，我便精煉出幾個(gè)關(guān)鍵詞，從收藏的特效代碼網(wǎng)站上搜索著。
自從踏入碼農(nóng)這一行，我就一直銘記著老宋給我說(shuō)過(guò)的一句話：網(wǎng)絡(luò)是你最好的工具，凡是你遇到的困難，基本上都是網(wǎng)絡(luò)上已經(jīng)出現(xiàn)過(guò)的，你只要學(xué)會(huì)查找和利用了，那工作就一帆風(fēng)順多了。
在浩如煙海的網(wǎng)絡(luò)信息中，想找到某一個(gè)你想要的信息，就要看你選取的關(guān)鍵詞是否精準(zhǔn)。如果國(guó)內(nèi)百度找不到，那就用谷歌翻墻到國(guó)外，總有一條消息是能幫到你的。
我不費(fèi)吹灰之力地就找到了相似的特效，下載后直接用微信傳遞給了婷婷。本以為萬(wàn)事大吉，可是婷婷打開(kāi)后應(yīng)該是一臉懵。
婷婷：我要怎么放入這個(gè)項(xiàng)目里呀？還有我要修改哪些東西才合適??？
我看到她發(fā)來(lái)的消息，也是一臉的懵逼，心想著：感情她曾跟我說(shuō)過(guò)剛?cè)肭岸诉@一行，是剛?cè)腴T級(jí)的選手啊，這也太賊入門了吧，想想好像和我當(dāng)年剛從學(xué)校走出去實(shí)習(xí)的水平差不多。
我：那個(gè)，你們的項(xiàng)目是不是都在服務(wù)器上，修改完直接上傳更新效果呀？
婷婷：是啊，我們都是直接在測(cè)試服務(wù)器上修改，不在服務(wù)器上看不到效果。
我：那這樣吧，你加我QQ，我遠(yuǎn)程在你電腦上修改，你微信跟我說(shuō)哪些是你們前端的根目錄。
加了QQ后，我直接遠(yuǎn)程連接了她的電腦，找到我發(fā)給她的文件夾后又精簡(jiǎn)剔除一些沒(méi)用的代碼，直接插到她項(xiàng)目特效的地方，又將JavaScript代碼和CSS屬性代碼拷貝到她已引用的相關(guān)文件內(nèi)，并給她注釋好。然后開(kāi)始在線調(diào)試修改程序效果，直到符合她的滿意為止。
本來(lái)可能要困擾她一天的麻煩，被我?guī)资昼娋透愣?，婷婷也是欣喜不已?p> 婷婷：膜拜大神，這周請(qǐng)你吃飯以表感謝。
周五晚上的時(shí)候，婷婷牽著小毛球來(lái)找我，一見(jiàn)面就感激道謝。并饒有興趣地問(wèn)我一堆前端話題，她表示剛剛培訓(xùn)完接觸前端，只會(huì)一些簡(jiǎn)單的靜態(tài)頁(yè)面編寫，對(duì)于復(fù)雜一點(diǎn)的就不知所措。
我告訴她前端之旅如何一步步地進(jìn)階：先是小白階段，掌握基礎(chǔ)頁(yè)面編寫，會(huì)使用簡(jiǎn)單的JQuery框架運(yùn)用一般的特效，這些她應(yīng)該已經(jīng)達(dá)到。進(jìn)入新手階段，掌握一般的JavaScript，并熟練的運(yùn)用一些可視化UI組件。然后是提升階段，能熟練的運(yùn)用一款或幾款高效框架進(jìn)行全端開(kāi)發(fā)或數(shù)據(jù)化交互，我最喜歡用的是Vue.js做移動(dòng)端布局和交互體驗(yàn)，AngularJS適合一些大的項(xiàng)目底層布局。進(jìn)入成型階段，掌握sass和node.js核心API，具備后端開(kāi)發(fā)能力，不至于老是被后端卡脖子，，，，，我了解的也就僅此而已，畢竟我又半路出家了，哈哈哈。
我們沿著宏福小區(qū)邊走邊聊著。她跟我交代當(dāng)初選前端實(shí)乃男朋友是程序員，而前端又是最快且最容易上手的入門技術(shù)。我聽(tīng)后心想著：看似簡(jiǎn)單易學(xué)，可是一旦踏了進(jìn)來(lái)才知當(dāng)初看到的只是冰山一角。前端技術(shù)也幾乎是更新最快的，新的出來(lái)舊的就會(huì)被淘汰。想當(dāng)初我剛搞懂運(yùn)用JQuery特效，便又開(kāi)始接觸Vue，好不容易做了幾個(gè)項(xiàng)目算是喜歡上這個(gè)框架了，又要學(xué)習(xí)AngularJS，這個(gè)還沒(méi)搞明白就又得為全棧而完善學(xué)習(xí)了。真的是一入前端深似海，從此再無(wú)安寧日。
聊著工作時(shí)又將話題引到了她項(xiàng)目經(jīng)理身上，經(jīng)理對(duì)于老板是如何的阿諛?lè)畛校习逄幨朗侨绾蔚钠孑鉄o(wú)理，變態(tài)性的團(tuán)建和無(wú)休止的加班。論起加班還是她男朋友最瘋狂，以至于她時(shí)常都忘記自己還有個(gè)男朋友，大多時(shí)候覺(jué)得身邊只有一只狗（陪伴她的小毛球）。
繞著這宏福小區(qū)不走不知道，一走差點(diǎn)走迷路了。這個(gè)小區(qū)相當(dāng)?shù)拇?，以至于我們都在河邊的亭子里歇腳了三次。婷婷這個(gè)女孩子長(zhǎng)得活潑開(kāi)朗，也很愛(ài)與人探討，只要打開(kāi)了一個(gè)話題，她便會(huì)滔滔不絕地與你述說(shuō)。看著她那認(rèn)真可愛(ài)的樣子，著實(shí)讓人有種親近之感。
那晚我們走的很遠(yuǎn)，聊得很晚。以至于把她送回家都已經(jīng)凌晨了。把懷中的小毛球遞給她，這小家伙還知道汪汪地與我打著招呼，仿佛在說(shuō)：“好期待下次能更快地見(jiàn)到你。”