網(wǎng)友解答: 新的一年新的開(kāi)始，我會(huì)繼續(xù)在悟空問(wèn)答分享自己的學(xué)習(xí)工作經(jīng)驗(yàn)。我不是前端大牛，但是也看過(guò)很多技術(shù)文章，有自己的看法。我不會(huì)站在一個(gè)“土豪”的角度說(shuō)東西，我會(huì)站在一個(gè)普通人的角度

新的一年新的開(kāi)始，我會(huì)繼續(xù)在悟空問(wèn)答分享自己的學(xué)習(xí)工作經(jīng)驗(yàn)。我不是前端大牛，但是也看過(guò)很多技術(shù)文章，有自己的看法。我不會(huì)站在一個(gè)“土豪”的角度說(shuō)東西，我會(huì)站在一個(gè)普通人的角度，通俗易懂的和你分享。

我也做了一年的前端，本科學(xué)的機(jī)械，但是感覺(jué)互聯(lián)網(wǎng)編程是更好的未來(lái)，才轉(zhuǎn)行到這里。開(kāi)始學(xué)習(xí)的時(shí)候也是摸爬滾打，工作之后公司就自己一個(gè)前端開(kāi)發(fā)，老大也真敢賭，在這里我也大大小小做了六七個(gè)項(xiàng)目。pc端移動(dòng)端都有，所以我跟你分享的東西會(huì)很真，不會(huì)站在一個(gè)很高的角度，但是也會(huì)讓你容易理解，通俗易懂，入門(mén)學(xué)習(xí)。

這位朋友問(wèn)的初學(xué)者怎么熟練用好html+css。確實(shí)今天的前端開(kāi)發(fā)不像很早之前部署完頁(yè)面就可以了，后臺(tái)寫(xiě)邏輯?，F(xiàn)在都提倡前后端分離。而html，css算是最基礎(chǔ)最基礎(chǔ)的東西了，還不算是html5和css3的新特性。

很多頁(yè)面實(shí)現(xiàn)都可以使用html和某些css實(shí)現(xiàn)，不使用某些特別的標(biāo)簽（說(shuō)實(shí)話(huà)我也沒(méi)有完全掌握html標(biāo)簽，但基礎(chǔ)布局都可以實(shí)現(xiàn)）。估計(jì)現(xiàn)在很多人不會(huì)做下來(lái)安靜地看書(shū)的，但是會(huì)使用百度，看點(diǎn)菜鳥(niǎo)教程這些文檔還是很好的。不用想太多上來(lái)就做一個(gè)京東首頁(yè)布局，淘寶首頁(yè)布局。這里面其實(shí)有很多交互的，可能還涉及js的知識(shí)。建議可以找一個(gè)靜態(tài)頁(yè)面，實(shí)現(xiàn)簡(jiǎn)單的布局，在實(shí)踐中才能更好學(xué)習(xí)到東西。像悟空問(wèn)答的回答區(qū)，任務(wù)這里怎么布局，頭像為什么是圓的？頭像右側(cè)怎么才能兩行，左右側(cè)有個(gè)關(guān)注按鈕怎么實(shí)現(xiàn)長(zhǎng)寬色彩這些，一點(diǎn)一點(diǎn)實(shí)現(xiàn)，不要好高騖遠(yuǎn)。

要有個(gè)好態(tài)度，主動(dòng)去學(xué)習(xí)。如果小編想仿照某一個(gè)頁(yè)面，看到好看的效果，可以使用F12，看看人家的dom布局，和樣式書(shū)寫(xiě)。其中可以最直接在瀏覽器內(nèi)修改看效果，保持一顆好奇心。多查資料，現(xiàn)在很多效果都可以百度出來(lái)，遇到問(wèn)題不要先想-這咋整啊，不可能啊。這會(huì)讓別人很厭煩。最開(kāi)始做app時(shí)候，也沒(méi)人帶我，我一想到圖片拍照上傳，二維碼掃描，地圖什么的我也害怕了。所以在項(xiàng)目開(kāi)始之前我就查閱資料，問(wèn)一些前輩。其實(shí)很多技術(shù)都很成熟了，不用擔(dān)心，重要的是有一顆學(xué)習(xí)的心。

既然是熟練的使用，一定要多做，多寫(xiě)。像很多人剛開(kāi)始的時(shí)候連標(biāo)簽都記不住，英文單詞都不行，也談不上熟練。打字的時(shí)候還單手指按，也不可能效率高，這些東應(yīng)該是編寫(xiě)好代碼的前提。

現(xiàn)在技術(shù)更迭很快，有些人了解了html，css，js，其實(shí)可以先上手框架了。我也不是html，js這些玩得很溜了，才學(xué)習(xí)的框架。而是在些項(xiàng)目的時(shí)候一點(diǎn)一點(diǎn)的深入的。畢竟沒(méi)有到那個(gè)程度，看幾個(gè)例子就知道了原理，遇到某些效果就可以靈活的運(yùn)用。我也是看了很多文檔，有自己的思考，有自己的演示，像js同步異步，宏任務(wù)微任務(wù)，剛開(kāi)始接觸前端的時(shí)候根本沒(méi)有接觸過(guò)這些概念。

希望看到這里的朋友，我感覺(jué)知識(shí)道理是實(shí)踐出來(lái)的，不是看到個(gè)東西想就能想明白，看著都很正確，到自己書(shū)寫(xiě)的時(shí)候未必是那樣的。所以就是多練習(xí)，多寫(xiě)，多問(wèn)。只要肯付出，在電腦前減少玩游戲的時(shí)間，減少看直播的時(shí)間，減少追劇的時(shí)間，減少扯淡的時(shí)間，能力慢慢就提升了。

我是測(cè)不準(zhǔn)，希望在新的一年里通過(guò)自己的努力面試進(jìn)酷米公司。只是發(fā)表一些自己的愚見(jiàn)，不喜勿噴，如果你現(xiàn)在在學(xué)習(xí)前端，有問(wèn)題可以給我留言，大家一起學(xué)習(xí)進(jìn)步！

*百度網(wǎng)盤(pán)也有些學(xué)習(xí)資料，感興趣的小伙伴可以留言。不需關(guān)注。

1. 基礎(chǔ)：HTML教程 CSS教程

2. 進(jìn)階：Javascript教程 JQuery教程

3. 高級(jí)：AJAX教程 JSON教程 XML教程

4. 框架擴(kuò)展學(xué)習(xí)：Bootstrap教程 jQuery UI教程 jQuery EasyUI教程 jQuery Mobile教程

5. 調(diào)試工具：Firebug教程

6. 開(kāi)發(fā)工具：HBuilder Sublime Text Dreamweaver Notepad++ Photoshop