就這樣進入了前端開發

2021-06-14 09:35:05 字數 2552 閱讀 3908

立夏,廣州。今晚回來的路上,在學校的草坪上發現許多螢火蟲,眨著眨著,點綴這個初夏的靜夜。上次見到這番畫像的時候,已經是一年前的事了。時鐘轉得飛快,眨眼自己也到了畢業的季節,總想要裝一下文藝。無奈畢業設計甚是鬱悶,苦如雞肋。三心兩意之下,便關注起了微博上前端圈子裡的面試之爭。其實之前也有諸如價值之爭等話題,但這次的話題引起的漣漪更像是一石起十浪。大牛們的話語都很有意思,觀點也是百家爭鳴,看得我這個菜鳥也思考良多。

加之又到了實習校招的季節,看著那些熟悉的題目,想想自己這一年來在前端開發這條道路上,又收穫了些什麼?於是寫下這段文字,權當總結,亦作拋磚引玉,希望自己的經驗能幫到他人。

去年三四月份的那段時間,正是實習求職的時候。當時真真切切的就是一枚前端菜鳥,知道前端是啥,想往前端發展。於是拿著幾個css屬性就當令箭,一頭紮進面試堆中。甚至連如何清除浮動,為什麼要清除浮動都沒有弄清楚,又如css選擇器的權重,基本css hack也是雲裡霧裡。於是掛彩多次,回頭惡補了一番css基礎知識,首先從css最基礎的屬性開始,一步步來,記憶最深刻的還數選擇器權重,然後到定位,浮動布局的學習。這段時間特意去背了經典的三欄聖杯布局,**的雙飛翼布局,當然這都是臨急抱佛腳的節奏,就是知其然,不知其所以然。但也是邁出的第一步,起碼知其然了,在這個階段,就像winter大大說到的position屬性,我也了解到其中三大屬性的表現。於是我基本能混過筆試這一關了。

其實這個title想用知恥後勇的,但想想,僅是知恥,這個勇還真是談不上,於是還是用開始入門這個更樸實。過了實習校招高峰期,奮而開始惡補。其實當時自己犯了大躍進的錯誤,就是總想一口吃乙個大胖子,打算三兩天就能突飛猛進。很盲目地囤積了一堆js相關的書籍,從紅寶石書到犀牛書,從蝴蝶到貓頭鷹,加上圖靈那一堆藍皮書。反正是與js相關的都先搞回來再說。於是囫圇吞棗,效果適得其反。都是東扒一把,西倒一犁,形成不了自己的知識體系。很多不是那個階段自己能懂的東西都硬著頭皮搞,搞到很難堪。但這段日子,也讓我粗略了解到前端js的整體脈絡,為以後做下了準備。這裡記憶最深刻的是什麼是閉包?當時還特意去列印了湯姆大叔的一系列js教程,陳皓的那篇閉包文章,還有犀牛書裡的那段介紹。結果愣是搞了乙個星期還是似懂非懂的狀態,真是令人捉急啊。雖然現在也不敢肯定自己真的懂了閉包,但起碼我是明白了該如何去使用。

在經過一段時間的惡補之後,算是有點基礎知識了,於是各種自虐,就是去找各色各樣的筆試面試題來做,試試自己的斤兩。但結果總是不如人意,俗稱自己打臉!但也積累了不少知識。

在一次面試之後,我也開始接觸一些前端mvc相關的知識,諸如backbone和angular。也了解一下模組化的requrejs和seajs。這個階段的心態開始端正了,發現自己真心是乙個小菜鳥,太多東西需要學了。也明白自己的水平處於哪個階段,需要學習些什麼了。沒了以前那種狂買書狂看書的盲目,而是有選擇的細看每一本書,完整地讀了一遍第六版的犀牛書。深知自己的**功底實在是太弱了,直到現在也是,寫出來的**毫無美感可言。於是開始模仿一下github上別人的**,學習寫一下oo的js。說到這個oo,突然想起當時自己還浮躁地過了一遍資料結構,然後各種基本的排序演算法用於面試。發現其實那根本不是我的範疇,於是漸作罷,只理解一些簡單的思想。

原諒我抄了一絲那篇博文的詞語。層疊之美,正是css的奇幻之處。很慶幸現在的組長嘉瑋給了我乙個舞台,讓我可以發揮。十月底入職之後,發現自己的css功底其實還真是很薄弱的,以前掌握的純粹的是為了筆試面試,一到實戰就各種暴露了。之前一直在學js,忽視了css的深入。這個階段就更多的是頁面重構的工作。記得當時面試,背了png,jpg和gif的區別和用處,在實際切圖中才發現,自己之前多麼的二逼。所以說絕知此事要躬行,很多之前背下的前端優化理論,在工作中終於可以一一體會了。從入職時候ps都不懂幾個操作的菜鳥,到現在熟練的運用ps切圖輸出,自己也逐漸明白該如何對質量進行控制。組長的指導也讓我明白,很多理論看上去很美,其實歸根到底還是需要根據業務環境進行權衡。不是說那些大大們鼓吹什麼,就應該怎麼。然後經過ie6到ie9的洗禮,自己對相容性的處理水平也提高了不少。從一開始會犯下忘記css reset,到現在的可以比較淡定地處理ie6的奇葩臭蟲,感覺到css真是不可小覷。比較遺憾的是,自己遇到問題的時候,沒有很及時地總結出工作環境中遇到的ie8以下bug list,導致現在回頭看,總是覺得缺少些什麼的感覺。

在這期間,自己也嘗試了angularjs的實戰開發,後端搭配的是php。後端很瘦,就是一些db的crud,然後respone一段json,主要的邏輯操作都在angular的controller。這個嘗試讓我明白到自己對專案**的整體把握還是處於小白階段,那就是需求一多,整個**就像一坨屎。我該是時候在**耦合,**重構上下一些功夫了。 然後還大概學習了那本http權威指南,對http請求的有了所謂原理性上的認識。

作為一枚前端,我要學的東西實在是還有太多了,特別是v2ex裡潛水多了,容易自卑(笑~)。從html和css上,如何更好的語義化,如何寫出優秀的html結構,如何做到更好的響應式設計,如何做到更好的維護性和拓展性等等,真是十隻手指都數不完。在js方面,怎樣才能達到更優的頁面效能,怎樣才是更合理的dom操作是當下業務要面對的問題,而很火的諸如jshint,grunt,phantomjs等等都是需要保持與時俱進的了解。像公司後端主要使用的python也是自己很感興趣的方向,也需要慢慢學習。

總的來說,經過這一年的學習和工作,讓我變化最大的就是知道自己的水平處於前端開發裡的哪個層面,然後對於各種資訊流也懂得加上自己的思維判斷而非當初的盲目。前端這一行,水很深,要努力更要謙虛,要自我鼓舞不要妄自菲薄,加油!

There you go 就這樣了

有時候你提醒別人講話別講太久也是用 there you go.例如有一次班上同學交報告給教授,結果教授還跟他講東講西的,那老美也不客氣,就說,well,i just came by to give you my report,so,there you go 這時教授就知道他不想再講下去了,如果再講下...

2008就這樣過去

2008就這樣晃過去了,回憶這一年,沒有幹任何值得稱道的事。技術到了瓶頸,激情漸漸磨滅。日子似乎又回到了頹廢的大三大四,回到了頹廢的第一年工作時。上班 回家 遊戲 週末 遊戲 最近時不時開始發呆,懷疑是不是有點衰老的傾向。時不時想到現在的年齡,現在正是自己的 時間,按理不應該這樣頹廢,一再告訴自己,...

就這樣單身吧

春季上海的天氣就是這樣的變化無常,陰雨摻合著涼風,不免讓人多了幾分感慨!望著窗外陰沉的天空,我突然間有了一種單身一輩子的衝動。呵呵,那應該是貴族般的生活,用不著考慮生活中過多瑣屑的煩惱,是件很舒服的事情吧!儘管老爸 老媽已經放出話來 不帶女友不准回家,我卻一直頂著不孝的罪名,仍舊是乙個人來乙個人去。...