學習前端我推薦這5本書

zorpan 發布于2019-08-20 12:20 / 1246人閱讀

摘要：不管你是想涉獵前端抑或進行系統性的學習，我都推薦大家閱讀前端的相關書籍。那么對于想入門或者扎實前端基礎的童鞋來說我們應該挑選哪幾把適合我們的書籍呢下面我就推薦本帶我踏入前端并產生較大幫助的圖書供大家參考。

前言

作為一名前端開發人員，如果你告訴我你沒有看過任何關于前端的書籍，那么我完全可以認為你不是一名合格的前端開發工程師。為什么我要以“看書”來衡量合格前端的標準？因為前端作為一個特殊的極具變化與開拓性的工種，沒有較強的自我學習與思考能力，很難在這激烈又紛雜的環境里存活而不被淘汰，而“看書”則是最基本的自我提升與補充知識的途徑。

書中自有黃金屋。不管你是想涉獵前端抑或進行系統性的學習，我都推薦大家閱讀前端的相關書籍。那么對于想入門或者扎實前端基礎的童鞋來說我們應該挑選哪幾把適合我們的書籍呢？下面我就推薦5本帶我踏入前端并產生較大幫助的圖書供大家參考。

書單 1. Web前端開發最佳實踐

這本書是前端開發領域的經典之作，是一本扎實前端基本功，規范我們前端代碼的實踐性書籍。本書主要講解了HTML、CSS、Javascript以及移動端開發的最佳實踐方案，能夠對缺乏良好指導的開發者產生很大的幫助。通過閱讀本書我們可以掌握如何編寫高可讀性、高維護性、高性能的HTML、CSS以及Javascript。比如：



    Web前端開發最佳實踐
    編寫可維護的Javascript
    鋒利的jQuery
    圖解HTTP
    Javascript設計模式與開發實踐

2. 編寫可維護的Javascript

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

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

// 不好的寫法，丟失了空格
for (i=0; i
// 函數的第一個單詞名稱應該是動詞（而不是名詞），以避免與變量混淆。
// 好的寫法，第一個單詞是動詞
function doSomething() {
    // 代碼
}

// 不好的寫法，第一個單詞是名詞
function car() {
    // 代碼
}
3. 鋒利的jQuery

這本書應該算是學習jQuery必讀的一本書，也是講解jQuery的經典之作。在正式學習這本書之前，你有必要先了解下原生Javascript，才能領悟jQuery其“write less， do more”的理念。本書深入淺出的介紹了jQuery的代碼風格、選擇器、事件及動畫等，結合豐富的實例讓讀者能夠快速理解與應用。比如：
var $ul = $("ul").prev(); // 獲取緊鄰元素前的同輩元素
var $p = $("p").siblings(); // 獲取元素的同輩元素
$("input").trigger("focus"); // 觸發輸入框focus事件并獲取焦點
$("input").triggerHandler("focus"); // 觸發輸入框focus事件但不會獲取焦點
4. 圖解HTTP

作為和瀏覽器打交道的前端開發者，我們理應學習關于頁面從請求開始到呈現的過程和實現方式，而這本書便是快速了解HTTP請求背后原理的不二之選。本書結合漫畫圖片的形式講解HTTP協議、工作機制、報文及狀態碼等，圖文并茂，通俗易懂。示例：
// 請求首部字段
Host: www.hackr.jp  // Host會告知服務器，請求資源所處的互聯網主機名與端口號
Range: bytes=5001-10000 // 告知服務器資源的指定范圍
// 響應首部字段
Age: 600 // 告知客戶端，源服務器在多久前創建了響應
Retry-After: 120 // 告知客戶端應該在多久之后再次發送請求
5. Javascript設計模式與開發實踐

之所以把這本書放在最后是因為閱讀這本書需要一定的Javascript基礎與功底，當我們掌握了JS的語法與編碼規范后再來翻閱此書，你會獲得別樣的收獲。那么為什么我們要研究設計模式？使用設計模式能夠給我們解決怎樣的問題？
我想答案和小說家為什么很少從開始設計劇情，足球教練為什么也很少從頭開始發明戰術一樣，他們總是沿襲了一些已經存在的模式來解決問題。下面是書中的兩種模式：
// 單例模式: 保證一個類僅有一個實例，并提供一個全局的訪問點
var getSingle = function(fn) {
    var result;
    return function() {
        return result || (result = fn.apply(this, arguments));
    }
};
// 策略模式：定義一系列算法，把它們一個個封裝起來，并且使它們可以相互替換
var strategies = {
    "S": function(salary) {
        return salary * 4;
    },
    "A": function(salary) {
        return salary * 3;
    }
};

var calculateBonus = function(level, salary) {
    return strategies[level](salary);
};
結語
為什么那些工作沒幾年的人很快就遇到了自己的技術瓶頸？ 為什么那些工作了5年以上的人還寫著一手難以維護的代碼？我想在以上5本書中便可找到答案。
當然除了文本中推薦的5本前端入門書籍，還有很多優秀的書籍沒能在此一一推薦，請見諒。
正所謂紙上得來終覺淺，絕知此事要躬行。除了從書中汲取我們所需的知識外，我們還需要將理論化為實踐，親自動手敲擊鍵盤，從而加深并鞏固書中的知識點，才能羽化而登仙。
本文為勞卜原創文章，首發于微信公眾號：前端呼啦圈（Love-FED）
轉載請注明來自——微信公眾號：前端呼啦圈（Love-FED）

云服務器 GPU云服務器 html5推薦哪本書前端推薦 html 5是前端嗎前端前端學習

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80923.html

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

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

happen 2019-08-02 16:00 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

余學文 2019-08-22 11:14 評論0 收藏0
雙十二大前端工程師讀書清單

摘要：本文最早為雙十一而作，原標題雙大前端工程師讀書清單，以付費的形式發布在上。發布完本次預告后，捕捉到了一個友善的吐槽讀書清單也要收費。這本書便從的異步編程講起，幫助我們設計快速響應的網絡應用，而非簡單的頁面。本文最早為雙十一而作，原標題雙 11 大前端工程師讀書清單，以付費的形式發布在 GitChat 上。發布之后在讀者圈群聊中和讀者進行了深入的交流，現免費分享到這里，不足之處歡迎指教...

Jochen 2019-08-29 14:01 評論0 收藏0
初學者福音！可能是最適合你的Java學習路線和方法推薦。

摘要：學習完多線程之后可以通過下面這些問題檢測自己是否掌握，下面這些問題的答案以及常見多線程知識點的總結在這里。可選數據結構與算法如果你想進入大廠的話，我推薦你在學習完基礎或者多線程之后，就開始每天抽出一點時間來學習算法和數據結構。我自己總結的Java學習的系統知識點以及面試問題，已經開源，目前已經 35k+ Star。會一直完善下去，歡迎建議和指導，同時也歡迎Star： https://...

yanest 2019-08-16 17:28 評論0 收藏0