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