1、Github，Github，Github

重要的事情所以說三遍。如今前端圈大熱，除了前端項(xiàng)目天生開源的優(yōu)勢之外，Github這個(gè)網(wǎng)站功不可沒?？梢哉f這是一個(gè)特別適合前端新手們練習(xí)和進(jìn)步的地方。

我們打開瀏覽器的調(diào)試模式就能看到對應(yīng)頁面的結(jié)構(gòu)，以及對應(yīng)的樣式實(shí)現(xiàn)，我們也可以通過恰當(dāng)?shù)姆绞将@取到頁面的js代碼。

如果說前端天生的開源知識是“發(fā)散”的，那我覺得github就是這類知識的一種“聚合”。

如今幾乎所有的前端技術(shù)都是開源的，前端開發(fā)人員可以很方便地在上面找到一些高效的插件庫。這不但可以提高我們的開發(fā)效率，還可以借此學(xué)習(xí)一些前端知識。

如果你想搞前端，那我覺得咱們面試之前起碼得有個(gè)Github的賬號，畢竟這個(gè)全球最大的同性交友網(wǎng)站對于前端工作者來說太重要了。

但有一點(diǎn)要注意的Github跟百度云盤是不一樣的。他是程序員交流的地方我們只需要上傳代碼就可以了，我們不需要通過視頻來交流（曾經(jīng)有同學(xué)說想往Github上傳視頻）。

2、挑選一個(gè)合適的編輯器

一個(gè)好的編輯器能夠提高你的編碼效率，一個(gè)賞心悅目的編輯器能夠讓你開發(fā)的過程更加愉悅。

現(xiàn)在出現(xiàn)了許許多多優(yōu)秀的編輯器：Vim、Emacs、Sublime Text、Atom、 VSCode 等等。編輯器之間該如何選擇？本來就是個(gè)人喜好問題。

據(jù)我個(gè)人的使用體會，Vim跟Emacs兩個(gè)編輯器比較輕量級一些，但是他們的界面我只能說一般，而且學(xué)習(xí)曲線比較陡峭。如果你喜歡折騰，倒是可以嘗試一下。

Sublime Text是我目前發(fā)現(xiàn)周圍用的人比較多的編輯器，而我個(gè)人也比較推薦，他不但有豐富的插件，還有比較美觀的界面。更重要的是操作簡單，能夠滿足大部分開發(fā)需求。

雖說我推薦Sublime Text，但其實(shí)我是一個(gè)Atom用戶，兩者用起來感覺差不多。

Atom比較Cool的地方是，它是通過Web技術(shù)搭建起來的桌面端軟件。這也有個(gè)問題，畢竟它是通過Web技術(shù)搭建的（可以看成是運(yùn)行在chrome內(nèi)核的瀏覽器上網(wǎng)站），這就導(dǎo)致了這款編輯器相當(dāng)耗電。

總之選擇一個(gè)自己喜歡的編輯器，寫代碼去吧?。?！

3、獨(dú)立解決問題的能力

“這種能力是個(gè)人都有?。。　?/p>

是嗎？

如果一個(gè)程序員在一些沒有耐心的老鳥面前問這種問題的話，我相信老鳥們不只是內(nèi)心有千萬只***在蹦騰，而是***早已脫口而出了。

“當(dāng)然如果對象是妹子的話，我們倒是很樂意著手幫她解決這些問題?！?/p>

以上哥們明顯就還不具有這種獨(dú)立解決問題的意識，并不是說不能拿問題去請教別人。而是，您需要請教別人的問題，必須是自己已經(jīng)動手嘗試解決，而且解決不了的問題。

畢竟程序員最怕打擾，咱們能不打擾就不打擾。

我們生活在如此幸福的時(shí)代，其實(shí)很多問題已經(jīng)有大牛解決了，并且他們會把經(jīng)驗(yàn)分享到網(wǎng)上，我們需要做的只是組織好自己的問題簡單地Google，或者百度一下。這樣很難嗎？

如果連這點(diǎn)都做不到，那我覺得要進(jìn)入一家公司或者是在一家公司里生存都是很艱難的事情。畢竟大部分公司需要的是能夠解決問題的程序員，而不是只會寫代碼的打字員。

4、閱讀英文文檔

這讓我之前想起知乎上Vue.js 作者尤雨溪說過的一句話，其大意是：

我為什么要浪費(fèi)跟家人相處的時(shí)間來教你學(xué)英文？

如今大部分優(yōu)秀開發(fā)的資源都是以英文的形式展現(xiàn)到網(wǎng)絡(luò)上的。

當(dāng)然不排除有些國內(nèi)的熱心人會把他們翻譯成中文，再托管到相關(guān)網(wǎng)站上，但是，這畢竟是少數(shù)。而且中文文檔往往會跟不上國外官網(wǎng)的腳步。

還記得我當(dāng)初用Python的時(shí)候，框架Django的中文版本是1.6.x而官方的最新版本已經(jīng)到1.8.x了。這也導(dǎo)致了，如果你用著新版本的框架，而看著舊版本文檔寫代碼的話可能會引入一些新版本里面已經(jīng)拋棄了的寫法，進(jìn)而你的項(xiàng)目可能會出現(xiàn)一些詭異的行為。而且這類bug往往最難發(fā)現(xiàn)。

當(dāng)然，并不是說你一定要英文很流利才行，但是最起碼要看得懂英文文檔。（實(shí)話說現(xiàn)在我工作快兩年了，看英文文檔還是有些吃力。）

5、操作系統(tǒng)

好吧，允許我再啰嗦一下。

這里我們談?wù)劜僮飨到y(tǒng)，畢竟有些朋友還是會糾結(jié)選擇什么操作系統(tǒng)。

Windows

優(yōu)點(diǎn)：用戶頁面可用性較好，豐富的桌面端軟件，玩游戲一級棒。缺點(diǎn)：軟件廣告比較多，病毒相對多些，命令行不夠友好。

Linux

優(yōu)點(diǎn)：命令行非常好用，開源社區(qū)活躍，發(fā)行版本比較多。缺點(diǎn)：常用桌面軟件開發(fā)商比較少，QQ這些都沒有。有些發(fā)行版不怎么穩(wěn)定，經(jīng)常卡死。

MacOS

優(yōu)點(diǎn)：命令行非常好用，界面優(yōu)雅，可用性高。蘋果商店有許多windows平臺所沒有的優(yōu)質(zhì)軟件。缺點(diǎn)：設(shè)備昂貴，普遍配置不高，不太適合打游戲。

以上是我使用操作系統(tǒng)的一些小體會吧。至于具體使用什么系統(tǒng)各位可以自行掂量，但是個(gè)人覺得結(jié)合命令行開發(fā)會更爽一些，因此我曾經(jīng)選擇過Linux。后來，機(jī)緣巧合之下買了臺Macbook之后就再也回不了頭了。

正如業(yè)界的人所贊賞的

“MacOS就像是Liunx跟Windows的結(jié)合體。它既有Windows的用戶友好的界面，也有Linux優(yōu)雅的命令行?！?/p>

不過這玩意兒

用了之后就很難回頭了。

我有個(gè)同學(xué)買了它之后，干脆把LOL（英雄聯(lián)盟）都戒了。

6、HTML + CSS + JavaScript

現(xiàn)在才談這些技術(shù)點(diǎn)并不是說這東西不重要。只是我覺得這三樣?xùn)|西就算我不說，只要你有心搞前端肯定會去學(xué)，那還有說的必要嗎？（此處省略百萬字）