成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

學(xué)習(xí)前端我推薦這5本書

zorpan / 1267人閱讀

摘要：不管你是想涉獵前端抑或進(jìn)行系統(tǒng)性的學(xué)習(xí)，我都推薦大家閱讀前端的相關(guān)書籍。那么對(duì)于想入門或者扎實(shí)前端基礎(chǔ)的童鞋來說我們應(yīng)該挑選哪幾把適合我們的書籍呢下面我就推薦本帶我踏入前端并產(chǎn)生較大幫助的圖書供大家參考。

前言

作為一名前端開發(fā)人員，如果你告訴我你沒有看過任何關(guān)于前端的書籍，那么我完全可以認(rèn)為你不是一名合格的前端開發(fā)工程師。為什么我要以“看書”來衡量合格前端的標(biāo)準(zhǔn)？因?yàn)榍岸俗鳛橐粋€(gè)特殊的極具變化與開拓性的工種，沒有較強(qiáng)的自我學(xué)習(xí)與思考能力，很難在這激烈又紛雜的環(huán)境里存活而不被淘汰，而“看書”則是最基本的自我提升與補(bǔ)充知識(shí)的途徑。

書中自有黃金屋。不管你是想涉獵前端抑或進(jìn)行系統(tǒng)性的學(xué)習(xí)，我都推薦大家閱讀前端的相關(guān)書籍。那么對(duì)于想入門或者扎實(shí)前端基礎(chǔ)的童鞋來說我們應(yīng)該挑選哪幾把適合我們的書籍呢？下面我就推薦5本帶我踏入前端并產(chǎn)生較大幫助的圖書供大家參考。

書單 1. Web前端開發(fā)最佳實(shí)踐

這本書是前端開發(fā)領(lǐng)域的經(jīng)典之作，是一本扎實(shí)前端基本功，規(guī)范我們前端代碼的實(shí)踐性書籍。本書主要講解了HTML、CSS、Javascript以及移動(dòng)端開發(fā)的最佳實(shí)踐方案，能夠?qū)θ狈α己弥笇?dǎo)的開發(fā)者產(chǎn)生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護(hù)性、高性能的HTML、CSS以及Javascript。比如：
2. 編寫可維護(hù)的Javascript

本書是我極力推薦的一本幫助大家改善Javascript編程風(fēng)格與編碼規(guī)范的書籍。那么為什么我們要如此注重JS的編碼規(guī)范？引用高德納的一句話就是：程序是寫給人讀的，只是偶爾讓計(jì)算機(jī)執(zhí)行一下。在我們的日常開發(fā)中，往往維護(hù)代碼的時(shí)間占據(jù)著很大比重， 既然這樣那么為什么我們不在編寫代碼的時(shí)候就重視它呢？以下是書中的兩個(gè)例子：

// 二元運(yùn)算符前后必須使用一個(gè)空格來保持表達(dá)式的整潔
// 好的寫法，使用空格
for (i = 0; i < count; i++) {
    process(i);
}

// 不好的寫法，丟失了空格
for (i=0; i

// 函數(shù)的第一個(gè)單詞名稱應(yīng)該是動(dòng)詞（而不是名詞），以避免與變量混淆。
// 好的寫法，第一個(gè)單詞是動(dòng)詞
function doSomething() {
    // 代碼
}

// 不好的寫法，第一個(gè)單詞是名詞
function car() {
    // 代碼
}

3. 鋒利的jQuery



這本書應(yīng)該算是學(xué)習(xí)jQuery必讀的一本書，也是講解jQuery的經(jīng)典之作。在正式學(xué)習(xí)這本書之前，你有必要先了解下原生Javascript，才能領(lǐng)悟jQuery其“write less， do more”的理念。本書深入淺出的介紹了jQuery的代碼風(fēng)格、選擇器、事件及動(dòng)畫等，結(jié)合豐富的實(shí)例讓讀者能夠快速理解與應(yīng)用。比如：


var $ul = $("ul").prev(); // 獲取緊鄰
    元素前的同輩元素
var $p = $("p").siblings(); // 獲取
    元素的同輩元素


$("input").trigger("focus"); // 觸發(fā)輸入框focus事件并獲取焦點(diǎn)
$("input").triggerHandler("focus"); // 觸發(fā)輸入框focus事件但不會(huì)獲取焦點(diǎn)

4. 圖解HTTP



作為和瀏覽器打交道的前端開發(fā)者，我們理應(yīng)學(xué)習(xí)關(guān)于頁面從請(qǐng)求開始到呈現(xiàn)的過程和實(shí)現(xiàn)方式，而這本書便是快速了解HTTP請(qǐng)求背后原理的不二之選。本書結(jié)合漫畫圖片的形式講解HTTP協(xié)議、工作機(jī)制、報(bào)文及狀態(tài)碼等，圖文并茂，通俗易懂。示例：


// 請(qǐng)求首部字段
Host: www.hackr.jp  // Host會(huì)告知服務(wù)器，請(qǐng)求資源所處的互聯(lián)網(wǎng)主機(jī)名與端口號(hào)
Range: bytes=5001-10000 // 告知服務(wù)器資源的指定范圍


// 響應(yīng)首部字段
Age: 600 // 告知客戶端，源服務(wù)器在多久前創(chuàng)建了響應(yīng)
Retry-After: 120 // 告知客戶端應(yīng)該在多久之后再次發(fā)送請(qǐng)求

5. Javascript設(shè)計(jì)模式與開發(fā)實(shí)踐



之所以把這本書放在最后是因?yàn)殚喿x這本書需要一定的Javascript基礎(chǔ)與功底，當(dāng)我們掌握了JS的語法與編碼規(guī)范后再來翻閱此書，你會(huì)獲得別樣的收獲。那么為什么我們要研究設(shè)計(jì)模式？使用設(shè)計(jì)模式能夠給我們解決怎樣的問題？


我想答案和小說家為什么很少從開始設(shè)計(jì)劇情，足球教練為什么也很少從頭開始發(fā)明戰(zhàn)術(shù)一樣，他們總是沿襲了一些已經(jīng)存在的模式來解決問題。下面是書中的兩種模式：


// 單例模式: 保證一個(gè)類僅有一個(gè)實(shí)例，并提供一個(gè)全局的訪問點(diǎn)
var getSingle = function(fn) {
    var result;
    return function() {
        return result || (result = fn.apply(this, arguments));
    }
};


// 策略模式：定義一系列算法，把它們一個(gè)個(gè)封裝起來，并且使它們可以相互替換
var strategies = {
    "S": function(salary) {
        return salary * 4;
    },
    "A": function(salary) {
        return salary * 3;
    }
};

var calculateBonus = function(level, salary) {
    return strategies[level](salary);
};

結(jié)語

為什么那些工作沒幾年的人很快就遇到了自己的技術(shù)瓶頸？ 為什么那些工作了5年以上的人還寫著一手難以維護(hù)的代碼？我想在以上5本書中便可找到答案。


當(dāng)然除了文本中推薦的5本前端入門書籍，還有很多優(yōu)秀的書籍沒能在此一一推薦，請(qǐng)見諒。


正所謂紙上得來終覺淺，絕知此事要躬行。除了從書中汲取我們所需的知識(shí)外，我們還需要將理論化為實(shí)踐，親自動(dòng)手敲擊鍵盤，從而加深并鞏固書中的知識(shí)點(diǎn)，才能羽化而登仙。


本文為勞卜原創(chuàng)文章，首發(fā)于微信公眾號(hào)：前端呼啦圈（Love-FED）
轉(zhuǎn)載請(qǐng)注明來自——微信公眾號(hào)：前端呼啦圈（Love-FED）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80923.html

相關(guān)文章

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    happen 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    余學(xué)文 評(píng)論0 收藏0

  • 雙十二大前端工程師讀書清單

    摘要：本文最早為雙十一而作，原標(biāo)題雙大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在上。發(fā)布完本次預(yù)告后，捕捉到了一個(gè)友善的吐槽讀書清單也要收費(fèi)。這本書便從的異步編程講起，幫助我們?cè)O(shè)計(jì)快速響應(yīng)的網(wǎng)絡(luò)應(yīng)用，而非簡單的頁面。 本文最早為雙十一而作，原標(biāo)題雙 11 大前端工程師讀書清單，以付費(fèi)的形式發(fā)布在 GitChat 上。發(fā)布之后在讀者圈群聊中和讀者進(jìn)行了深入的交流，現(xiàn)免費(fèi)分享到這里，不足之處歡迎指教...

    Jochen 評(píng)論0 收藏0

  • 初學(xué)者福音！可能是最適合你的Java學(xué)習(xí)路線和方法推薦。

    摘要：學(xué)習(xí)完多線程之后可以通過下面這些問題檢測自己是否掌握，下面這些問題的答案以及常見多線程知識(shí)點(diǎn)的總結(jié)在這里?？蛇x數(shù)據(jù)結(jié)構(gòu)與算法如果你想進(jìn)入大廠的話，我推薦你在學(xué)習(xí)完基礎(chǔ)或者多線程之后，就開始每天抽出一點(diǎn)時(shí)間來學(xué)習(xí)算法和數(shù)據(jù)結(jié)構(gòu)。 我自己總結(jié)的Java學(xué)習(xí)的系統(tǒng)知識(shí)點(diǎn)以及面試問題，已經(jīng)開源，目前已經(jīng) 35k+ Star。會(huì)一直完善下去，歡迎建議和指導(dǎo)，同時(shí)也歡迎Star： https://...

    yanest 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<