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

vboy1010 發(fā)布于2019-08-21 11:32 / 1051人閱讀

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

多到懵逼的軟件

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

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

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

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

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

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

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

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

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

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

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

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

那個時候特別想找?guī)煾到韪鶡煹綐翘菘诙字橐桓倩貋怼o奈，有什么話說呢。。

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

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

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

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

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

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

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

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

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

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

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

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