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