本文觀點為個人之拙見,如有雷同純屬知己,如有相勃,請輕輕的拍磚。
自述
我來自一個南方的二線城市,現在從事IT行業,職位名稱為web前端,實際應該只能算頁面仔水平!2014年9月,我放棄了本職的礦產勘查工作,回到老家,那時候又一個同學說你現在可以去學習安卓開發,將來我需要你幫忙。我在網上搜尋了一番,也問了幾個從事IT的同學,后面選擇了星城的*大*鳥(自主打碼,不做免費的廣告)。當時,招生導師承諾的是,你來我們學校先學習java web 然后到培訓后期會有機會接觸安卓開發的。
學習到臨近畢業之時依然沒有開安卓課程的計劃,但是在課程學習之中,漸漸的對簡單編碼技能在瀏覽器產生各種效果的前端感興趣了。自此便從慕課網上開始自學web前端的生涯。
我心中的前端
-
初期形態
html、css、javascript,剛開始學習的時候,我的映像中前端只需要還原UI的設計稿,并介紹交互動畫,交互效果。
-
進階形態
第一個項目,一個****電商網站的制作:PC、Mobile兩個端的頁面制作,我自己完成所有頁面制作的時候,降幅給了后端。然后我以為就沒有事情了,真正激發我對前端開發業務范圍改變是在后端數據展示完成之后 測試階段,出現了各種界面亂,效果失效等問題的出現,讓我意識到,其實在現行的mvc開發框架中 整個V都應該由前端來完成,如果甘于做一個切圖仔永遠不會得到團隊的重視,不會讓老板看到你直接的勞動成功,也不能保證你的效果不被后端玩壞。就像前段時間在某群眾 @蘭悅兒 前輩所說的一樣,不掌握業務,前端開發就沒有話語權。
畢竟現在的網站數據大多是動態的,切圖仔的靜態頁面是永遠不可能在用戶面前呈現的(靜態內容,也是由模板拼接的,畢竟網站的用戶信息模塊都是需要的)。
于是那時候我就開始咨詢身邊的朋友,他們告訴我的方法是,學習JSP、ASP、php等后端模板語言,自己來負責數據的展示,在完成后能夠及時的更改樣式,并且保證頁面效果與設計稿效果一致。
-
現存形態
經歷一年多的工作,以及業余時間和互聯網上認識到的朋友、現實中認識到的同事(前同事)交流,現在我心目中的前端是:
- 能夠根據設計稿編寫頁面,并且符合W3C規范,兼顧SEO優化
- 能完成頁面中動態效果的實現,并且熟練的使用常用的類庫(JQ),UI框架(bootsharp)來簡化開發過程
- 能夠根據原型、需求文檔,考慮頁面中應該存在的數據,并且能夠優化其數據結構,以數據來維護頁面
- 能夠將數據渲染成動態網頁,使用包括但不局限于 前端MVVM框架,后端JSP、ASP、PHP、nodeJS模板,前端模板引擎,來渲染從后端獲得的數據,
- 能夠維護客戶端數據與DOM之間的關系
- 能夠用模塊化的思想來編寫html、css、javascript代碼,并且熟練使用模塊加載器(例如requireJS、seaJS),或將commonJS模塊打包,能使用sass、less等預編譯語言,提高css的可讀性、可維護性。
- 能夠使用自動化工具(例如gulp、webpack),來完成前端代碼打包、壓縮、路徑修改、雪碧圖合成等。
我心中的代碼
-
為業務服務,但不被業務所束縛
單例模式、解耦合、模塊化,不管是哪種方式或者說法,都是我作為一個新人所應該學習的
可復用、可維護的代碼,由如鐵桿成針,須我們自己在編程的道路上多積累,多磨練。在產品各種想法中,痛并快樂的啪啪啪。Think more , Write less。在折磨鍵盤之前,用我們萬能的腦子(這是個好東西,我想每個人都有,或者說都應該有),經過周全的思考,再來完成代碼的雛形。并且可以多參照別人的想法,取其精華,去其糟粕。完善自己的代碼。并在以后的開發、使用中不斷的完善自己的代碼。
-
為他人所用,為后人所能修改
駝峰命名、構造函數首字母大寫、適當的注釋、清晰有條理的文檔。這些條條框框,約束并且應該約束著我們的代碼,提高我們代碼的可讀性。
代碼可讀性關乎著代碼的可讀性。一份條理清晰,表達明了的文檔,規范的命名。對于后期的維護,將會更加的輕松。也利于別人的使用和修改。命名規范的代碼,能夠讓碼農們看到你的代碼就像看到母語般親切。如達此程度,可能注釋和文檔都顯得是為門外漢所準備的了。
我對前端的追求之路
-
以文檔為基石
平常學習前端,除了imooc,等視頻網站,最多的 就是翻看W3C 的文檔,了解新標準,理解已有的標準,查詢新標準的兼容性等問題(不過對于IE系列瀏覽器天生不感冒,所以目前自己得知識棧中,并無太多IE hack的知識),此類基礎文檔,不斷的翻看,總能達到溫故而知新的效果。 -
勤學多練,百煉成鋼
我恩師,在和我們的日常的交流中,總是習慣用一個詞“厚積而薄發”,誠如,我們師兄弟姐妹中,很多都是前端新人。我想恩師此語之意應該是勉勵我們勤學多練。實踐出真知這詞,鄧爺爺用中國經濟的騰飛,給我們生動的演繹出來。對于技術行業,光說不練肯定不能進步,久而久之,只能為行業所淘汰,要么永久的呆在切圖仔的崗位,要么轉行。技術行業本如逆水行舟,不進步,終將被淘汰
結語
至此,本輪扯淡完畢,如有不足,歡迎補充。如有建議歡迎下拉評論,必將改進!以造福眾WEBer