前兩天，我的朋友@戡玉 寫了一篇文章前端心得體會淮野，應他的邀請捧书，也讓我表述下自己得想法吹泡，讓我們可以相互參考，共同進步
本文觀點為個人之拙見经瓷，如有雷同純屬知己爆哑，如有相勃，請輕輕的拍磚了嚎。
自述
我來自一個南方的二線城市泪漂，現(xiàn)在從事IT行業(yè)，職位名稱為web前端歪泳，實際應該只能算頁面仔水平萝勤！2014年9月，我放棄了本職的礦產(chǎn)勘查工作呐伞，回到老家敌卓，那時候又一個同學說你現(xiàn)在可以去學習安卓開發(fā)，將來我需要你幫忙伶氢。我在網(wǎng)上搜尋了一番趟径，也問了幾個從事IT的同學，后面選擇了星城的*大*鳥（自主打碼癣防，不做免費的廣告）蜗巧。當時，招生導師承諾的是蕾盯，你來我們學校先學習java web 然后到培訓后期會有機會接觸安卓開發(fā)的幕屹。
學習到臨近畢業(yè)之時依然沒有開安卓課程的計劃，但是在課程學習之中级遭，漸漸的對簡單編碼技能在瀏覽器產(chǎn)生各種效果的前端感興趣了望拖。自此便從慕課網(wǎng)上開始自學web前端的生涯。
我心中的前端
-
初期形態(tài)
html挫鸽、css说敏、javascript辕狰，剛開始學習的時候乘盖，我的映像中前端只需要還原UI的設計稿竞川，并介紹交互動畫概耻，交互效果母剥。
-
進階形態(tài)
第一個項目十嘿，一個****電商網(wǎng)站的制作：PC箭养、Mobile兩個端的頁面制作旁壮，我自己完成所有頁面制作的時候婿牍，降幅給了后端侈贷。然后我以為就沒有事情了，真正激發(fā)我對前端開發(fā)業(yè)務范圍改變是在后端數(shù)據(jù)展示完成之后 測試階段，出現(xiàn)了各種界面亂俏蛮，效果失效等問題的出現(xiàn)撑蚌，讓我意識到，其實在現(xiàn)行的mvc開發(fā)框架中 整個V都應該由前端來完成搏屑，如果甘于做一個切圖仔永遠不會得到團隊的重視争涌，不會讓老板看到你直接的勞動成功，也不能保證你的效果不被后端玩壞辣恋。就像前段時間在某群眾 @蘭悅兒 前輩所說的一樣亮垫，不掌握業(yè)務，前端開發(fā)就沒有話語權伟骨。
畢竟現(xiàn)在的網(wǎng)站數(shù)據(jù)大多是動態(tài)的饮潦，切圖仔的靜態(tài)頁面是永遠不可能在用戶面前呈現(xiàn)的（靜態(tài)內(nèi)容，也是由模板拼接的携狭，畢竟網(wǎng)站的用戶信息模塊都是需要的）继蜡。
于是那時候我就開始咨詢身邊的朋友，他們告訴我的方法是逛腿，學習JSP稀并、ASP、php等后端模板語言单默，自己來負責數(shù)據(jù)的展示碘举，在完成后能夠及時的更改樣式，并且保證頁面效果與設計稿效果一致搁廓。
-
現(xiàn)存形態(tài)
經(jīng)歷一年多的工作引颈，以及業(yè)余時間和互聯(lián)網(wǎng)上認識到的朋友、現(xiàn)實中認識到的同事（前同事）交流枚抵，現(xiàn)在我心目中的前端是：
- 能夠根據(jù)設計稿編寫頁面，并且符合W3C規(guī)范明场，兼顧SEO優(yōu)化
- 能完成頁面中動態(tài)效果的實現(xiàn)汽摹，并且熟練的使用常用的類庫（JQ），UI框架（bootsharp）來簡化開發(fā)過程
- 能夠根據(jù)原型苦锨、需求文檔逼泣，考慮頁面中應該存在的數(shù)據(jù)，并且能夠優(yōu)化其數(shù)據(jù)結(jié)構(gòu)舟舒，以數(shù)據(jù)來維護頁面
- 能夠?qū)?shù)據(jù)渲染成動態(tài)網(wǎng)頁拉庶，使用包括但不局限于 前端MVVM框架，后端JSP秃励、ASP氏仗、PHP、nodeJS模板夺鲜，前端模板引擎皆尔，來渲染從后端獲得的數(shù)據(jù)呐舔，
- 能夠維護客戶端數(shù)據(jù)與DOM之間的關系
- 能夠用模塊化的思想來編寫html、css慷蠕、javascript代碼珊拼，并且熟練使用模塊加載器（例如requireJS、seaJS）流炕，或?qū)ommonJS模塊打包澎现，能使用sass、less等預編譯語言每辟，提高css的可讀性剑辫、可維護性。
- 能夠使用自動化工具（例如gulp影兽、webpack）揭斧，來完成前端代碼打包、壓縮峻堰、路徑修改讹开、雪碧圖合成等。
我心中的代碼
-
為業(yè)務服務捐名，但不被業(yè)務所束縛
單例模式旦万、解耦合、模塊化镶蹋，不管是哪種方式或者說法成艘，都是我作為一個新人所應該學習的
可復用、可維護的代碼拂酣，由如鐵桿成針秋冰，須我們自己在編程的道路上多積累，多磨練婶熬。在產(chǎn)品各種想法中剑勾，痛并快樂的啪啪啪。Think more 赵颅， Write less虽另。在折磨鍵盤之前，用我們?nèi)f能的腦子（這是個好東西饺谬，我想每個人都有捂刺，或者說都應該有），經(jīng)過周全的思考，再來完成代碼的雛形叠萍。并且可以多參照別人的想法芝发，取其精華，去其糟粕苛谷。完善自己的代碼辅鲸。并在以后的開發(fā)、使用中不斷的完善自己的代碼腹殿。
-
為他人所用独悴，為后人所能修改
駝峰命名、構(gòu)造函數(shù)首字母大寫锣尉、適當?shù)淖⑨尶坛础⑶逦袟l理的文檔。這些條條框框自沧，約束并且應該約束著我們的代碼坟奥，提高我們代碼的可讀性。
任何語言和技術知識都只是編程的工具拇厢，培養(yǎng)編碼的思想和設計更重要
基礎才是王道爱谁！以不變破萬變！
@戡玉——前端心得體會
代碼可讀性關乎著代碼的可讀性孝偎。一份條理清晰访敌，表達明了的文檔，規(guī)范的命名衣盾。對于后期的維護寺旺，將會更加的輕松。也利于別人的使用和修改势决。命名規(guī)范的代碼阻塑，能夠讓碼農(nóng)們看到你的代碼就像看到母語般親切。如達此程度果复，可能注釋和文檔都顯得是為門外漢所準備的了陈莽。
我對前端的追求之路
-
以文檔為基石
平常學習前端，除了imooc据悔，等視頻網(wǎng)站传透，最多的 就是翻看W3C 的文檔耘沼，了解新標準极颓，理解已有的標準，查詢新標準的兼容性等問題（不過對于IE系列瀏覽器天生不感冒群嗤，所以目前自己得知識棧中菠隆，并無太多IE hack的知識），此類基礎文檔，不斷的翻看骇径，總能達到溫故而知新的效果躯肌。 -
勤學多練，百煉成鋼
我恩師破衔，在和我們的日常的交流中清女，總是習慣用一個詞“厚積而薄發(fā)”，誠如晰筛，我們師兄弟姐妹中嫡丙，很多都是前端新人。我想恩師此語之意應該是勉勵我們勤學多練读第。實踐出真知這詞曙博，鄧爺爺用中國經(jīng)濟的騰飛，給我們生動的演繹出來怜瞒。對于技術行業(yè)父泳，光說不練肯定不能進步，久而久之吴汪，只能為行業(yè)所淘汰惠窄，要么永久的呆在切圖仔的崗位，要么轉(zhuǎn)行浇坐。技術行業(yè)本如逆水行舟睬捶，不進步，終將被淘汰
結(jié)語
至此近刘，本輪扯淡完畢擒贸，如有不足，歡迎補充觉渴。如有建議歡迎下拉評論介劫，必將改進！以造福眾WEBer
