? ? ? ? 從事前端方面的工作已經有一段時間了蕊唐,有一點心得寫下來分享一下浸须。
一、基礎
? ? ? ? 想要從事前端工作最基本的HTML,CSS香璃,JavaScript是必須要掌握的,這是前端的根本舟误。相對其他的計算機語言這幾門語言還是比較容易接受的葡秒,很多人可以通過自學,來了解。這里推薦幾個幫助學習的網站眯牧。
? ? ? ? 在把以上基礎語言掌握的基礎上可以進行嘗試學習了解一下其他的前端框架蹋岩,jQuery,bootstrap学少,layUI等等剪个,而后再去學習了解vue、angular旱易、react等等禁偎。慢慢建立起來自己的前端知識體系。
二阀坏、工具
? ? ? ? 工欲善其事必先利其器如暖,同樣作為一名前端程序員必須找到適合自己的編輯器開發(fā)工具,這樣往往會使我們的開發(fā)事半功倍忌堂。
編輯器我用過Webstorm盒至、HBuilder、Sublime 士修、Brackets等枷遂,個人比較常用的是sublime和HBuilder。
Sublime雖然是收費軟件棋嘲,但可以無限期試用酒唉。而且它有非常強大豐富的擴展功能,可以完成我們各種的開發(fā)需要沸移。并且它還具有具有漂亮的用戶界面痪伦,例如代碼縮略圖,Python的插件雹锣,代碼段等网沾。還可自定義鍵綁定,菜單和工具欄蕊爵。Sublime Text 的主要功能包括:拼寫檢查辉哥,書簽,完整的 Python API 攒射, Goto 功能醋旦,即時項目切換,多選擇会放,多窗口等等浑度。Sublime Text 是一個跨平臺的編輯器,同時支持Windows鸦概、Linux箩张、Mac OS X等操作系統(tǒng)甩骏。下載地址
HBuilder的編寫用到了Java、C先慷、Web和Ruby饮笛。HBuilder本身主體是由Java編寫,它基于Eclipse论熙,所以順其自然地兼容了Eclipse的插件福青。快脓诡,是HBuilder的最大優(yōu)勢无午,通過完整的語法提示和代碼輸入法、代碼塊等祝谚,大幅提升HTML宪迟、js、css的開發(fā)效率交惯。下載地址
? ? ? ? 后期我會給大家分享一些Sublime次泽、HBuilder詳細的使用小技巧等等。
三席爽、學習
? ? ? ? 我一直在思考這個部分應該怎么定義意荤,就暫且定義為學習吧,因為我們的后期發(fā)展其實都可以定義為是一個學習的過程只锻。前端學要了解的其實挺多的玖像,完整的知識體系也比較復雜。在我的理解里其實總體上分為三部分:表現層齐饮、數據層御铃、驅動層。
? ? ? ? 很顯而易見的表現層指的是用戶能看的界面等沈矿,這個層面要求我們要熟悉HTML、CSS咬腋、JavaScript(用于部分的特效羹膳、更新部分元素)等,在這個基礎上去了解less根竿、sass等陵像。要考慮到瀏覽器兼容、分辨率布局等等方面寇壳,把控頁面的整體展示效果醒颖。前期可以去把拔一些大網站的頁面,參考學習別人的頁面結構壳炎、布局等方面的優(yōu)勢泞歉。
? ? ? ? 數據層,所有的web項目都要考慮的重點,數據是支撐起整個頁面的基礎腰耙。所有的框架都會涉及的數據交互其基礎也就是ajax榛丢,所以這也就要求我們必須熟悉ajax的整體流程,知道數據交互的整體流程挺庞,建議從原生的JavaScript里的ajax部分學習起晰赞,讓后去學習了解跟版本的jQuery的ajax是有方法,及執(zhí)行流程选侨。而后再去學習自己需要的各個框架封裝完成的ajax掖鱼。這一部分同時也是前后端協(xié)同完成項目的重點,要一起規(guī)劃接口獲取援制、提交數據的方式戏挡,以及提交、返回的字段隘谣,數據類型等等增拥。在后期要去熟悉一些跨域等較復雜的數據交互的開發(fā)流程。
? ? ? ? 驅動層寻歧,簡單理解就是執(zhí)行腳本去實現一些頁面特效掌栅、交互效果等,是頁面看起來更加豐富码泛,通過一些腳本是頁面更加靈活猾封。驅動層其實才真正的涉及到邏輯程序的編寫,要考慮數據類型噪珊、面向對象晌缘、數組、DOM痢站、BOM磷箕、Function、繼承阵难、閉包岳枷、內置對象、作用域呜叫、跨域空繁、原型鏈、朱庆、JSON盛泡、XMLHttpRequest、 RegExp娱颊、模塊化傲诵、內存泄漏凯砍、事件機制、異步裝載回調掰吕、果覆、框架、算法等等殖熟。當然這些指示需要一個長時間的學習和積累局待。
? ? ? ? 而后還要去學習node.js等。Node.js是一套用來編寫高性能網絡服務器的JavaScript工具包菱属。在Node中钳榨,Http是首要的。Node為創(chuàng)建http服務器作了優(yōu)化纽门,所以網上的大部分示例和庫都是集中在web上(http框架薛耻、模板庫等)。
? ? ? ? 這些僅是我對子自己的一個階段性總結赏陵,和大家一起分享一下饼齿,也算是對自己前段時間的一個回顧。
? ? ? ? 加油蝙搔!愿所有為自己的夢想努力奮斗的人缕溉,都會因自己的努力一步一步邁向自己的目標。