学习前端我推荐这5本书

zorpan 发布于2019-08-20 12:20 / 1158人阅读

摘要：不管你是想涉猎前端抑或进行系统性的学习，我都推荐大家阅读前端的相关书籍。那么对于想入门或者扎实前端基础的童鞋来说我们应该挑选哪几把适合我们的书籍呢下面我就推荐本带我踏入前端并产生较大帮助的图书供大家参考。

前言

作为一名前端开发人员，如果你告诉我你没有看过任何关于前端的书籍，那么我完全可以认为你不是一名合格的前端开发工程师。为什么我要以“看书”来衡量合格前端的标准？因为前端作为一个特殊的极具变化与开拓性的工种，没有较强的自我学习与思考能力，很难在这激烈又纷杂的环境里存活而不被淘汰，而“看书”则是最基本的自我提升与补充知识的途径。

书中自有黄金屋。不管你是想涉猎前端抑或进行系统性的学习，我都推荐大家阅读前端的相关书籍。那么对于想入门或者扎实前端基础的童鞋来说我们应该挑选哪几把适合我们的书籍呢？下面我就推荐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）

私有云专线服务 html5推荐哪本书前端推荐 html 5是前端吗前端前端学习

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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