一名小白程序員的實(shí)習(xí)生生活

walterrwu 發(fā)布于2019-08-01 16:27 / 1664人閱讀

摘要：就在我看著書學(xué)習(xí)操作的第二個(gè)星期，當(dāng)時(shí)面試我過(guò)來(lái)的蔡總給了我第一個(gè)練手項(xiàng)目。當(dāng)晚發(fā)布了之后，蔡總便兩周沒(méi)有再問(wèn)過(guò)我情況，嗯，我想，大概是我的界面太驚艷了吧。

多到懵逼的軟件

剛剛到公司的時(shí)候最大的不適應(yīng)就是公司的軟件多到爆炸，當(dāng)時(shí)以為自己要全部玩的666的，整個(gè)人都快嚇懵逼.

剛剛從學(xué)校出來(lái)的我什么都不太懂？畢竟公司用的都是沒(méi)用過(guò)的東西。新式開(kāi)發(fā)語(yǔ)言，新式數(shù)據(jù)庫(kù)（那個(gè)時(shí)候的我一直以為只有mySQL,oracle，MySQLserver這三種數(shù)據(jù)庫(kù)）。雖然已經(jīng)做好了開(kāi)天辟地的準(zhǔn)備，但內(nèi)心委實(shí)還是被自己捏了一把汗。

那個(gè)時(shí)候的我，連蘋果筆記本都還是第一次用。（大寫的懵）

套路總是相似，現(xiàn)實(shí)總是悲喜交加的來(lái)來(lái)回回

那個(gè)時(shí)候公司忙的全副武裝。雖然是小公司，但是項(xiàng)目卻一點(diǎn)都不讓人放松，我就在半學(xué)習(xí)半成長(zhǎng)的過(guò)程中,開(kāi)始了我第一個(gè)項(xiàng)目的前端編輯。由于我們公司那段時(shí)間忙到666，一邊害怕出錯(cuò)問(wèn)問(wèn)題，一邊患得患失地繼續(xù)研究。

從頭開(kāi)始學(xué)起。好在都有說(shuō)明文檔。也好在師傅細(xì)心解答。

那個(gè)時(shí)候的我，就像有全世界等著我去拯救的使命感去學(xué)習(xí)。

就在我看著書學(xué)習(xí)操作的第二個(gè)星期，當(dāng)時(shí)面試我過(guò)來(lái)的蔡總給了我第一個(gè)練手項(xiàng)目。用戶要的效果很簡(jiǎn)單，對(duì)于當(dāng)時(shí)的我來(lái)說(shuō)卻如臨大敵。原因很簡(jiǎn)單，我比較認(rèn)慫。怕暴露了自己什么都不會(huì)的現(xiàn)實(shí)。但是當(dāng)時(shí)實(shí)在沒(méi)什么人能抽出時(shí)間來(lái)做這個(gè)項(xiàng)目，我就只好硬著頭皮上了。

開(kāi)始學(xué)習(xí)MUI。

那個(gè)時(shí)候最開(kāi)始為了先把功能實(shí)現(xiàn)，每次都是直接co的源碼，應(yīng)用了最簡(jiǎn)單的MUI的功能，包括一整套的css和js。界面看起來(lái)就是一整套的灰色屏。我就簡(jiǎn)簡(jiǎn)單單把界面上的文字做了編輯，簡(jiǎn)單了調(diào)整了padding或者margin。讓界面每部分的內(nèi)容都清晰。

于是，第一次蔡總問(wèn)我情況的時(shí)候我拿出來(lái)我功能基本實(shí)現(xiàn)的微信公眾號(hào)界面時(shí)，蔡總就說(shuō)了一句話：“好像還什么都沒(méi)做嘛。”。其實(shí)功能大部分都完善了。

那個(gè)時(shí)候，內(nèi)心一片寒風(fēng)吹過(guò)，大腦一片空白。相當(dāng)于就是我什么都還沒(méi)做的感覺(jué)。

那個(gè)時(shí)候特別想找?guī)煾到韪鶡煹綐翘菘诙字橐桓倩貋?lái)。無(wú)奈，有什么話說(shuō)呢。。

客戶走了之后我問(wèn)了一下師傅做前端的心得，師傅把我拎出去開(kāi)了個(gè)小會(huì)。提出了主色輔色的概念，再提出來(lái)主題和風(fēng)格一致的概念。那個(gè)時(shí)候我腦子靈光一閃，回來(lái)加了四個(gè)主色紅黃綠紫，用這四個(gè)顏色來(lái)做。

把所以標(biāo)題和子目錄用這四個(gè)主題色交換使用，復(fù)制黏貼就弄了很久。我記得當(dāng)晚把效果做出來(lái)之后引來(lái)各種吐槽，之后老大就開(kāi)著玩笑和我說(shuō)了一句話：“你這個(gè)顏色用的很讓人出其不意，說(shuō)不定客戶就喜歡這一款。”

當(dāng)晚發(fā)布了之后，蔡總便兩周沒(méi)有再問(wèn)過(guò)我情況，嗯，我想，大概是我的界面太‘驚艷’了吧。

兩周的時(shí)間里，師傅讓我看了一些做設(shè)計(jì)的書，也在網(wǎng)上讓我研究了一些好看的網(wǎng)頁(yè)。當(dāng)時(shí)就是不停的畫圖紙，畫了一堆的圖紙之后才開(kāi)始做第三版的設(shè)計(jì)。這一次來(lái)做的時(shí)候就開(kāi)始漸漸拋開(kāi)MUI的原有框架，開(kāi)始自己做原生的css和js。

第三版的主題色換成了藍(lán)色，白底。藍(lán)色又分成了deepskyblue,skyblue,lightblue,lightskyblue。在界面上的層次感就漸漸體現(xiàn)了出來(lái)。因?yàn)樽龅膿Q成了原生效果，MUI原有的樣式拋開(kāi)，對(duì)很多局限性都放開(kāi)了，去掉了多余的border,shadow。界面顯得難得的清爽干凈。總算是回到了原點(diǎn)。

真機(jī)調(diào)試效果意外

如果說(shuō)，在chrome調(diào)試出來(lái)的效果是打了被國(guó)內(nèi)和諧了的愛(ài)情動(dòng)作片，真機(jī)調(diào)試的結(jié)果就像是現(xiàn)場(chǎng)直播。（大概是筆記本像素趕不上手機(jī)像素，一臉無(wú)奈。。）差異也基本都跑出來(lái)了。特別有一點(diǎn)就是，在chrome中有點(diǎn)別的地方在手機(jī)上看特別和諧，在chrome上看的特別和諧的地方在手機(jī)上看的特別別。

大概因?yàn)楹芏鄸|西是原生的關(guān)系，圖片插入比較少，實(shí)際效果出來(lái)顯得格外清晰。而且因?yàn)橥怄湵容^少，引入的類庫(kù)也偏少，頁(yè)面流暢度很高（畢竟只是一個(gè)小項(xiàng)目）。

唯獨(dú)有一點(diǎn)就是在蘋果的測(cè)試機(jī)上出現(xiàn)了margin溢出的情況？？？之后我在外層加了一層封裝，把margin全部換成了padding。問(wèn)題就解決了。

總的來(lái)說(shuō)，我還是一名小白，還沒(méi)接觸到高深的前端核心內(nèi)容。不過(guò)，第一次接觸項(xiàng)目的經(jīng)驗(yàn)還是委實(shí)讓我成長(zhǎng)了不少（像js這種需要技術(shù)性的內(nèi)容還是等我學(xué)得差不多了再繼續(xù)往深了寫，畢竟還是小白怕寫的有問(wèn)題誤導(dǎo)其他人）。

今天三八節(jié)，老大說(shuō)我可以放半天假，我抬起頭掃了一眼全公司一色清的男同胞，“算了吧還是”。

前端之路道阻且長(zhǎng)，好好學(xué)習(xí)天天向上。