多到懵逼的軟體
剛剛到公司的時候最大的不適應就是公司的軟體多到爆炸,當時以為自己要全部玩的666的,整個人都快嚇懵逼.
剛剛從學校出來的我什麼都不太懂?畢竟公司用的都是沒用過的東西。新式開發語言,新式資料庫(那個時候的我一直以為只有mySQL,oracle,MySQLserver這三種資料庫)。雖然已經做好了開天闢地的準備,但內心委實還是被自己捏了一把汗。
那個時候的我,連蘋果筆記本都還是第一次用。(大寫的懵)
套路總是相似,現實總是悲喜交加的來來回回
那個時候公司忙的全副武裝。雖然是小公司,但是專案卻一點都不讓人放鬆,我就在半學習半成長的過程中,開始了我第一個專案的前端編輯。由於我們公司那段時間忙到666,一邊害怕出錯問問題,一邊患得患失地繼續研究。
從頭開始學起。好在都有說明文件。也好在師傅細心解答。
那個時候的我,就像有全世界等著我去拯救的使命感去學習。
就在我看著書學習操作的第二個星期,當時面試我過來的蔡總給了我第一個練手專案。使用者要的效果很簡單,對於當時的我來說卻如臨大敵。原因很簡單,我比較認慫。怕暴露了自己什麼都不會的現實。但是當時實在沒什麼人能抽出時間來做這個專案,我就只好硬著頭皮上了。
開始學習MUI。
那個時候最開始為了先把功能實現,每次都是直接co的原始碼,應用了最簡單的MUI的功能,包括一整套的css和js。介面看起來就是一整套的灰色屏。我就簡簡單單把介面上的文字做了編輯,簡單了調整了padding或者margin。讓介面每部分的內容都清晰。
於是,第一次蔡總問我情況的時候我拿出來我功能基本實現的微信公眾號介面時,蔡總就說了一句話:“好像還什麼都沒做嘛。”。其實功能大部分都完善了。
那個時候,內心一片寒風吹過,大腦一片空白。相當於就是我什麼都還沒做的感覺。
那個時候特別想找師傅借根菸到樓梯口蹲著抽一根再回來。無奈,有什麼話說呢。。
客戶走了之後我問了一下師傅做前端的心得,師傅把我拎出去開了個小會。提出了主色輔色的概念,再提出來主題和風格一致的概念。那個時候我腦子靈光一閃,回來加了四個主色紅黃綠紫,用這四個顏色來做。
把所以標題和子目錄用這四個主題色交換使用,複製黏貼就弄了很久。我記得當晚把效果做出來之後引來各種吐槽,之後老大就開著玩笑和我說了一句話:“你這個顏色用的很讓人出其不意,說不定客戶就喜歡這一款。”
當晚釋出了之後,蔡總便兩週沒有再問過我情況,嗯,我想,大概是我的介面太‘驚豔’了吧。
兩週的時間裡,師傅讓我看了一些做設計的書,也在網上讓我研究了一些好看的網頁。當時就是不停的畫圖紙,畫了一堆的圖紙之後才開始做第三版的設計。這一次來做的時候就開始漸漸拋開MUI的原有框架,開始自己做原生的css和js。
第三版的主題色換成了藍色,白底。藍色又分成了deepskyblue,skyblue,lightblue,lightskyblue。在介面上的層次感就漸漸體現了出來。因為做的換成了原生效果,MUI原有的樣式拋開,對很多侷限性都放開了,去掉了多餘的border,shadow。介面顯得難得的清爽乾淨。總算是回到了原點。
真機除錯效果意外
如果說,在chrome除錯出來的效果是打了被國內和諧了的愛情動作片,真機除錯的結果就像是現場直播。(大概是筆記本畫素趕不上手機畫素,一臉無奈。。)差異也基本都跑出來了。特別有一點就是,在chrome中有點別的地方在手機上看特別和諧,在chrome上看的特別和諧的地方在手機上看的特別別。
大概因為很多東西是原生的關係,圖片插入比較少,實際效果出來顯得格外清晰。而且因為外鏈比較少,引入的類庫也偏少,頁面流暢度很高(畢竟只是一個小專案)。
唯獨有一點就是在蘋果的測試機上出現了margin溢位的情況???之後我在外層加了一層封裝,把margin全部換成了padding。問題就解決了。
總的來說,我還是一名小白,還沒接觸到高深的前端核心內容。不過,第一次接觸專案的經驗還是委實讓我成長了不少(像js這種需要技術性的內容還是等我學得差不多了再繼續往深了寫,畢竟還是小白怕寫的有問題誤導其他人)。
今天三八節,老大說我可以放半天假,我抬起頭掃了一眼全公司一色清的男同胞,“算了吧還是”。
前端之路道阻且長,好好學習天天向上。