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