初涉web前端開發

 

 2013-04-23 8:56:24

寫在前面

上次「第一次面試」的時候，個人面試官告訴我：「你東西是有了，可是不夠專」，其實以前我還在猶豫是走前端仍是服務器道路，如今狠下心來，專一於前端開發，埋頭理解前端原理，性能優化，高質量代碼編寫等。故而我找來了幾本書——web前端修煉之道/HTML5/性能優化最佳實踐。還好，我懂得怎麼去找比較好的博客和書籍來看，去成爲一個卓越的前端工程師。我想如今還來得及，至少肯定了本身努力的方向，接下來的事情就好辦了。以前在寫ugeek GTD的時候，因爲缺少經驗，一開始缺少設計，寫的代碼亂七八糟，真的能夠用慘不忍睹來形容，後來重寫了一次，就好多了，看起來API頗有規律，對我後來的開發頗有好處。如今看來，大學期間須要折騰一些東西，折騰也要有方法，給本身一個期限，儘可能在這個期限內弄懂一個知識點，找最好的博客，最好的書籍，吃透它。且不要太着急地寫應用，作項目，作的再多，是錯的，也沒啥意義，固然在學習的過程當中仍是要動手作練習的。

 

深刻前端

須要準備哪些知識：看圖

百度百科-前端知識結構：

再看一個更加全面的：

 

adang哥的《web前端開發修煉之道》裏面說：「精一行，通十行」，幹前端的要懂不少東西，例如服務器編程，svn，算法數據結構，css/html/js更加是不用說了。我本身是在大學裏正兒八經學習C/C++成長起來的程序員，是由於搞過一兩個web應用，什麼都要本身動手，接觸了python，php等服務器端腳本語言，django，thinkphp等服務器端框架。固然，又要本身設計頁面，P圖，寫html/CSS，固然還有js。一會兒幹這麼多，確定會有不少東西不精，因此也抗不起面試官幾回問。若是要去大公司，是要作「最好的螺絲釘」，因此最好專一特定的一個領域。很顯然，學校的教育和企業的需求仍是相差很大的。攢的一些項目經驗都是課餘時間寫的，正經以爲比較有用的都是那些基礎原理課（數據結構/算法），真心以爲，能達到tencent要求的都是神人。如今也沒什麼好說的，老老實實啃書，下面是小倪哥的推薦書單：

看到這個的時候，我想起了陳近南的一句話「這只是武林祕籍的目錄，那堆纔是絕世武功的書」，老實說，尚未正式學過js的我，知道有的學了。我想十年才能說是小有所成吧。最重要的你們都很急躁，想要一步登天，誰知道徒添焦慮，要明白，最重要的是修煉功夫。

 

推薦閱讀

瀏覽器渲染過程

特別針對瀏覽器的原理，與服務器的交互，怎樣寫出高效的css和js代碼。例如，瀏覽器是怎樣處理文檔的，其大概過程以下：

1. 解析文檔

2. 根據文檔構建DOM樹

3. 根據CSS構建渲染樹

4. 繪製圖像

  能夠參考：瀏覽器渲染過程

 

瀏覽器重排與重繪

而對於瀏覽器的重繪和重排問題，又有許多值得研究的東西，寫的js，若是作少傳送數據，還要作到少改動DOM樹，避免頻繁的重繪和重排。重繪多是一些css屬性的改變，重排則是文檔結構的改變，有時候DOM改變或者元素大小改變了，會影響到佈局，因此要重排，並且確定要重繪。具體可能夠參考：瀏覽器重繪與重排

 

原生ajax

還有一個我注意到的問題是ajax的實現，我記得面試官叫我寫一個ajax，我覺得是用jquery寫，因此就寫了個$.ajax（url, arg, callback_function(){}）之類的東西，如今想起來，面試官應該是在考我原生的ajax是怎樣的，後來我google一番，才知道是一個xmlHttpRequest，而後發送請求到url中，設置回調函數，發送請求，最後獲得響應，參考ajax實現步驟。

 

看了一些這樣的博文，我才知道要深刻web前端，還要學習不少的東西，可是如今看來還不晚，還有一年的時間，紮實這些基礎。

友情連接

湯姆大叔 http://www.cnblogs.com/TomXu/archive/2012/07/26/2581268.html 

葉小杈 http://www.cnblogs.com/yexiaochai/

騰訊小倪 http://www.smallni.com/

web前端網址導航 http://www.ux265.net/

李忠談web從小工到你們 http://blog.leezhong.com/tech/2010/12/18/web-development-journeyman-master.html

 

END

找本《javascript 高級程序設計》邊兒開看吧。

by bibodeng 2013-04-24 20:23:49