1、Github，Github，Github

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

是嗎？

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

“當(dāng)然如果對(duì)象是妹子的話，我們倒是很樂(lè)意著手幫她解決這些問(wèn)題。”

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

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

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

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

4、閱讀英文文檔

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

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

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

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

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

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

5、操作系統(tǒng)

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

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

Windows

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

Linux

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

MacOS

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

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

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

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

不過(guò)這玩意兒

用了之后就很難回頭了。

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

6、HTML + CSS + JavaScript

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