我對前端的了解

前兩天,我的朋友@戡玉 寫了一篇文章前端心得體會,應他的邀請,也讓我表述下自己得想法,讓我們可以相互參考,共同進步

本文觀點為個人之拙見,如有雷同純屬知己,如有相勃,請輕輕的拍磚。

自述

我來自一個南方的二線城市,現在從事IT行業,職位名稱為web前端,實際應該只能算頁面仔水平!2014年9月,我放棄了本職的礦產勘查工作,回到老家,那時候又一個同學說你現在可以去學習安卓開發,將來我需要你幫忙。我在網上搜尋了一番,也問了幾個從事IT的同學,后面選擇了星城的*大*鳥(自主打碼,不做免費的廣告)。當時,招生導師承諾的是,你來我們學校先學習java web 然后到培訓后期會有機會接觸安卓開發的。
學習到臨近畢業之時依然沒有開安卓課程的計劃,但是在課程學習之中,漸漸的對簡單編碼技能在瀏覽器產生各種效果的前端感興趣了。自此便從慕課網上開始自學web前端的生涯。

我心中的前端

  1. 初期形態

html、css、javascript,剛開始學習的時候,我的映像中前端只需要還原UI的設計稿,并介紹交互動畫,交互效果。

  1. 進階形態

第一個項目,一個****電商網站的制作:PC、Mobile兩個端的頁面制作,我自己完成所有頁面制作的時候,降幅給了后端。然后我以為就沒有事情了,真正激發我對前端開發業務范圍改變是在后端數據展示完成之后 測試階段,出現了各種界面亂,效果失效等問題的出現,讓我意識到,其實在現行的mvc開發框架中 整個V都應該由前端來完成,如果甘于做一個切圖仔永遠不會得到團隊的重視,不會讓老板看到你直接的勞動成功,也不能保證你的效果不被后端玩壞。就像前段時間在某群眾 @蘭悅兒 前輩所說的一樣,不掌握業務,前端開發就沒有話語權。
畢竟現在的網站數據大多是動態的,切圖仔的靜態頁面是永遠不可能在用戶面前呈現的(靜態內容,也是由模板拼接的,畢竟網站的用戶信息模塊都是需要的)。
于是那時候我就開始咨詢身邊的朋友,他們告訴我的方法是,學習JSP、ASP、php等后端模板語言,自己來負責數據的展示,在完成后能夠及時的更改樣式,并且保證頁面效果與設計稿效果一致。

  1. 現存形態

經歷一年多的工作,以及業余時間和互聯網上認識到的朋友、現實中認識到的同事(前同事)交流,現在我心目中的前端是:

  • 能夠根據設計稿編寫頁面,并且符合W3C規范,兼顧SEO優化
  • 能完成頁面中動態效果的實現,并且熟練的使用常用的類庫(JQ),UI框架(bootsharp)來簡化開發過程
  • 能夠根據原型、需求文檔,考慮頁面中應該存在的數據,并且能夠優化其數據結構,以數據來維護頁面
  • 能夠將數據渲染成動態網頁,使用包括但不局限于 前端MVVM框架,后端JSP、ASP、PHP、nodeJS模板,前端模板引擎,來渲染從后端獲得的數據,
  • 能夠維護客戶端數據與DOM之間的關系
  • 能夠用模塊化的思想來編寫html、css、javascript代碼,并且熟練使用模塊加載器(例如requireJS、seaJS),或將commonJS模塊打包,能使用sass、less等預編譯語言,提高css的可讀性、可維護性。
  • 能夠使用自動化工具(例如gulp、webpack),來完成前端代碼打包、壓縮、路徑修改、雪碧圖合成等。

我心中的代碼

  1. 為業務服務,但不被業務所束縛

單例模式、解耦合、模塊化,不管是哪種方式或者說法,都是我作為一個新人所應該學習的

代碼要往可維護,可拓展和可共用上考慮,復雜業務要學會建模,分解和細化 @戡玉——前端心得體會

可復用、可維護的代碼,由如鐵桿成針,須我們自己在編程的道路上多積累,多磨練。在產品各種想法中,痛并快樂的啪啪啪。Think more , Write less。在折磨鍵盤之前,用我們萬能的腦子(這是個好東西,我想每個人都有,或者說都應該有),經過周全的思考,再來完成代碼的雛形。并且可以多參照別人的想法,取其精華,去其糟粕。完善自己的代碼。并在以后的開發、使用中不斷的完善自己的代碼。

  1. 為他人所用,為后人所能修改

駝峰命名、構造函數首字母大寫、適當的注釋、清晰有條理的文檔。這些條條框框,約束并且應該約束著我們的代碼,提高我們代碼的可讀性。

任何語言和技術知識都只是編程的工具,培養編碼的思想和設計更重要
基礎才是王道!以不變破萬變!
@戡玉——前端心得體會

代碼可讀性關乎著代碼的可讀性。一份條理清晰,表達明了的文檔,規范的命名。對于后期的維護,將會更加的輕松。也利于別人的使用和修改。命名規范的代碼,能夠讓碼農們看到你的代碼就像看到母語般親切。如達此程度,可能注釋和文檔都顯得是為門外漢所準備的了。

我對前端的追求之路

  1. 以文檔為基石
    平常學習前端,除了imooc,等視頻網站,最多的 就是翻看W3C 的文檔,了解新標準,理解已有的標準,查詢新標準的兼容性等問題(不過對于IE系列瀏覽器天生不感冒,所以目前自己得知識棧中,并無太多IE hack的知識),此類基礎文檔,不斷的翻看,總能達到溫故而知新的效果。
  2. 勤學多練,百煉成鋼

我恩師,在和我們的日常的交流中,總是習慣用一個詞“厚積而薄發”,誠如,我們師兄弟姐妹中,很多都是前端新人。我想恩師此語之意應該是勉勵我們勤學多練。實踐出真知這詞,鄧爺爺用中國經濟的騰飛,給我們生動的演繹出來。對于技術行業,光說不練肯定不能進步,久而久之,只能為行業所淘汰,要么永久的呆在切圖仔的崗位,要么轉行。技術行業本如逆水行舟,不進步,終將被淘汰

結語

至此,本輪扯淡完畢,如有不足,歡迎補充。如有建議歡迎下拉評論,必將改進!以造福眾WEBer

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,963評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,348評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,083評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,706評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,442評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,802評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,795評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,983評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,542評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,287評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,486評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,030評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,710評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,116評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,412評論 1 294
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,224評論 3 398
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,462評論 2 378

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,721評論 25 708
  • 本文首發于 GitChat,現免費放出~感謝大家的支持。 我們都知道,大學幾乎是沒有 Web 前端課的。以我所在的...
    hylerrix閱讀 4,899評論 6 60
  • 一直想記錄一下生活中的點滴,特別是那些令人開心的場景,趁著結婚十年的“大日子”,開啟吧! 每一次的記錄可能略顯瑣碎...
    清靈_簡書閱讀 500評論 0 51
  • 當我終于從沙丁魚群般的人潮中擠出來找到自己的座位,坐下來后長舒了一口氣。裹挾著大大小小行李包的人流仍然在狹窄的走道...
    58d79cb0719e閱讀 183評論 0 1
  • 選擇創業這條路其實就是我一顆不安分的心一直蠢蠢欲動,希望有折騰的色彩人生。創業給我帶來的感受就如一直茍且生活中不時...
    王都不做閱讀 398評論 2 8