資訊專欄INFORMATION COLUMN
摘要：就在我看著書學習操作的第二個星期，當時面試我過來的蔡總給了我第一個練手項目。當晚發(fā)布了之后，蔡總便兩周沒有再問過我情況，嗯，我想，大概是我的界面太驚艷了吧。
多到懵逼的軟件
剛剛到公司的時候最大的不適應就是公司的軟件多到爆炸，當時以為自己要全部玩的666的，整個人都快嚇懵逼.
剛剛從學校出來的我什么都不太懂？畢竟公司用的都是沒用過的東西。新式開發(fā)語言，新式數(shù)據(jù)庫（那個時候的我一直以為只有mySQL,oracle，MySQLserver這三種數(shù)據(jù)庫）。雖然已經(jīng)做好了開天辟地的準備，但內心委實還是被自己捏了一把汗。
那個時候的我，連蘋果筆記本都還是第一次用。（大寫的懵）
套路總是相似，現(xiàn)實總是悲喜交加的來來回回
那個時候公司忙的全副武裝。雖然是小公司，但是項目卻一點都不讓人放松，我就在半學習半成長的過程中,開始了我第一個項目的前端編輯。由于我們公司那段時間忙到666，一邊害怕出錯問問題，一邊患得患失地繼續(xù)研究。
從頭開始學起。好在都有說明文檔。也好在師傅細心解答。
那個時候的我，就像有全世界等著我去拯救的使命感去學習。
就在我看著書學習操作的第二個星期，當時面試我過來的蔡總給了我第一個練手項目。用戶要的效果很簡單，對于當時的我來說卻如臨大敵。原因很簡單，我比較認慫。怕暴露了自己什么都不會的現(xiàn)實。但是當時實在沒什么人能抽出時間來做這個項目，我就只好硬著頭皮上了。
開始學習MUI。
那個時候最開始為了先把功能實現(xiàn)，每次都是直接co的源碼，應用了最簡單的MUI的功能，包括一整套的css和js。界面看起來就是一整套的灰色屏。我就簡簡單單把界面上的文字做了編輯，簡單了調整了padding或者margin。讓界面每部分的內容都清晰。
于是，第一次蔡總問我情況的時候我拿出來我功能基本實現(xiàn)的微信公眾號界面時，蔡總就說了一句話：“好像還什么都沒做嘛?！?。其實功能大部分都完善了。
那個時候，內心一片寒風吹過，大腦一片空白。相當于就是我什么都還沒做的感覺。
那個時候特別想找?guī)煾到韪鶡煹綐翘菘诙字橐桓倩貋?。無奈，有什么話說呢。。
客戶走了之后我問了一下師傅做前端的心得，師傅把我拎出去開了個小會。提出了主色輔色的概念，再提出來主題和風格一致的概念。那個時候我腦子靈光一閃，回來加了四個主色紅黃綠紫，用這四個顏色來做。
把所以標題和子目錄用這四個主題色交換使用，復制黏貼就弄了很久。我記得當晚把效果做出來之后引來各種吐槽，之后老大就開著玩笑和我說了一句話：“你這個顏色用的很讓人出其不意，說不定客戶就喜歡這一款?！?/p>
當晚發(fā)布了之后，蔡總便兩周沒有再問過我情況，嗯，我想，大概是我的界面太‘驚艷’了吧。
兩周的時間里，師傅讓我看了一些做設計的書，也在網(wǎng)上讓我研究了一些好看的網(wǎng)頁。當時就是不停的畫圖紙，畫了一堆的圖紙之后才開始做第三版的設計。這一次來做的時候就開始漸漸拋開MUI的原有框架，開始自己做原生的css和js。
第三版的主題色換成了藍色，白底。藍色又分成了deepskyblue,skyblue,lightblue,lightskyblue。在界面上的層次感就漸漸體現(xiàn)了出來。因為做的換成了原生效果，MUI原有的樣式拋開，對很多局限性都放開了，去掉了多余的border,shadow。界面顯得難得的清爽干凈?？偹闶腔氐搅嗽c。
真機調試效果意外
如果說，在chrome調試出來的效果是打了被國內和諧了的愛情動作片，真機調試的結果就像是現(xiàn)場直播。（大概是筆記本像素趕不上手機像素，一臉無奈。。）差異也基本都跑出來了。特別有一點就是，在chrome中有點別的地方在手機上看特別和諧，在chrome上看的特別和諧的地方在手機上看的特別別。
大概因為很多東西是原生的關系，圖片插入比較少，實際效果出來顯得格外清晰。而且因為外鏈比較少，引入的類庫也偏少，頁面流暢度很高（畢竟只是一個小項目）。
唯獨有一點就是在蘋果的測試機上出現(xiàn)了margin溢出的情況？？？之后我在外層加了一層封裝，把margin全部換成了padding。問題就解決了。
總的來說，我還是一名小白，還沒接觸到高深的前端核心內容。不過，第一次接觸項目的經(jīng)驗還是委實讓我成長了不少（像js這種需要技術性的內容還是等我學得差不多了再繼續(xù)往深了寫，畢竟還是小白怕寫的有問題誤導其他人）。
今天三八節(jié)，老大說我可以放半天假，我抬起頭掃了一眼全公司一色清的男同胞，“算了吧還是”。
前端之路道阻且長，好好學習天天向上。
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86820.html
摘要：就在我看著書學習操作的第二個星期，當時面試我過來的蔡總給了我第一個練手項目。當晚發(fā)布了之后，蔡總便兩周沒有再問過我情況，嗯，我想，大概是我的界面太驚艷了吧。 多到懵逼的軟件 剛剛到公司的時候最大的不適應就是公司的軟件多到爆炸，當時以為自己要全部玩的666的，整個人都快嚇懵逼. 剛剛從學校出來的我什么都不太懂？畢竟公司用的都是沒用過的東西。新式開發(fā)語言，新式數(shù)據(jù)庫（那個時候的我一直以為只...
摘要：就在我看著書學習操作的第二個星期，當時面試我過來的蔡總給了我第一個練手項目。當晚發(fā)布了之后，蔡總便兩周沒有再問過我情況，嗯，我想，大概是我的界面太驚艷了吧。 多到懵逼的軟件 剛剛到公司的時候最大的不適應就是公司的軟件多到爆炸，當時以為自己要全部玩的666的，整個人都快嚇懵逼. 剛剛從學校出來的我什么都不太懂？畢竟公司用的都是沒用過的東西。新式開發(fā)語言，新式數(shù)據(jù)庫（那個時候的我一直以為只...
摘要：年畢業(yè)到現(xiàn)在已經(jīng)兩年多了，期間換過兩家公司。雖然現(xiàn)在我過得還算愜意，但就覺得自己現(xiàn)在的生活就像是在溫水煮青蛙，煮我這只懶青蛙。第一家實習的外包公司規(guī)模不大，也就二十多個人。好在后來都堅持了下來，其實現(xiàn)在想想也就是一個道理熟能生巧。 ...
閱讀須知 本文不談及老技術（畢竟沒有經(jīng)歷那個年代，emmm），只談一些個人體會，如果會有部分內容與你想法不同，以你為準。 大學期間對于前端的學習 對于我雙非本科小菜雞來說，最開始入門的語言是 C 語言，之后大二大三就以 Java 語言為主。后面了解了一下其它學校同學學習的課程，好像大部分也是以 Java 為主，不過有的學校會教學一些 Web 前端的課程，這個是挺好的。 我是僅僅大二學了一本 《We...
閱讀 2457·2021-09-27 13:36
閱讀 2162·2019-08-29 18:47
閱讀 2129·2019-08-29 15:21
閱讀 1393·2019-08-29 11:14
閱讀 1978·2019-08-28 18:29
閱讀 1622·2019-08-28 18:04
閱讀 568·2019-08-26 13:58
閱讀 3206·2019-08-26 12:12
