如果想成为一名顶尖的前端,这份书单你一定要收藏!

2023-10-29

欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~

本文由腾讯IVWEB团队 发表于云+社区专栏

作者:link

2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍。

JavaScript

入门

《JavaScript权威指南(第六版)》 ★★★★★

img

淘宝前端团队翻译的,看译者列表都是一堆大神。这本书又叫犀牛书,号称javascript开发者的圣经,网上对此书评价很多,大概意思都是说这本书是一本JavaScript文档手册,没有完整看过一遍此书的都不能算是一名合格的前端工程师。

我也是从这本书开始接触前端开发的,当时还是华章出版社的校园大使,免费申请到了这本书,可惜的是两年来我一直把它作为一本cookbook来查阅,一直没有好好通读一遍。个人感觉这本书还是写得枯燥了些,不过内容绝对是五颗星,无可挑剔!

《JavaScript高级程序设计》 ★★★★★

img

又称红宝书,雅虎首席前端架构师,YUI的作者Zakas出品。虽然书名带了“高级”二字,但是讲得也很基础,而且行文风格很流畅,每一小节就像是一篇博客,读起来并不枯燥,个人感觉比上面那本犀牛书可读性更强。说到这里,也推荐大家多多关注作者的博客: http://www.nczonline.net/ ,上面也有许多高质量的博文。感觉这本书就像是作者平时的博文按照前端知识体系组织成了一本技术书。

《JavaScript DOM编程艺术》

img

作为初学者如果觉得上面两本书作为入门书来说太厚了,也可以看看这本,不厚,评价也很高,但是由于本人没看过,就不作过多评价了。

《JavaScript编程精解》 ★★★★

img

用上下班时间看完的第三本书。看起来比较吃力,第五章函数式编程和第六章的面向对象编程很多都没看懂。全书游戏式的编程教程还是很有意思的。译者tom大叔名头很大,翻译的质量也只是中规中矩吧。不过,还是get到很多技巧!这本书的推荐语说这本书用来入门很好,但是个人认为初学者并不合适看这本书入门,作者在代码示例中不自觉得使用了一些高级用法,初学者看容易晕菜。听说最近出了第二版,加入了NodeJS的内容,这本书是开源的:http://eloquentjavascript.net/

《JQuery权威指南》 ★★★

img

当时在北京实习时,在每天下班回家的地铁上把这本书看完了。错误很多啊,不过其中的语法+示例的形式,确实很适合初学者。但是错误实在太多了,而且有些语句还不通顺,看着很累啊,只能说写得好代码的人,书不一定写得好。

《ECMAScript6入门》 ★★★★

img

前端工程师当然要关注ECMAScript的发展。阮老师的这本科普小书!短小精悍,通俗易懂。这本书也是开源的:http://es6.ruanyifeng.com/

进阶

《编写可维护的JavaScript》 ★★★★

img

又一本Zakas的书,还没读完,基本上是zakas那本红宝书的子集,重点是javascript代码风格、规范以及最佳实践。

《JavaScript异步编程》 ★★★★

img

掌握异步编程,显然是一位JS开发者必备的技能,用多看的畅读优惠看完了这本介绍js异步编程的科普小书,书中介绍了js异步编程的概念、场景和工具,不过更重要的是把这些工具给用起来。

《JavaScript设计模式》 ★★★

img

作者似乎很偏爱JQuery的源码,不过这本书tom大叔翻译的很烂,代码也很多没有缩进。。。 不推荐。

《Effective JavaScript》 ★★★★

img

这本书我当时看到最后一章“并发”的部分就很吃力了,显然这是一本进阶的js书籍,还是先把那本权威指南啃完吧!听说这本书上的技巧对于IE6有很好的优化效果,不过显然书上提到的这些技巧肯定已经大量的运用到JQuery、Underscore这样流行的JS库中,这些第三方库已经帮我们把这些优化细节封装得很好了。

《JAVASCRIPT语言精髓与编程实践》

img

一本讲JavaScript的硬书,以JavaScript这门语言为栗子,讲述编程语言的特性(动态语言、函数式编程、面向对象编程等等)。作者周爱民老师是前支付宝架构师,现豌豆荚架构师。

《高性能JavaScript》

img

Zakas大神的又一本神书,高工推荐的。

最近开始看《You dont know JS》了,看了个开头,感觉也很不错!

CSS

入门

《Head First HTML与CSS、XHTML(中文版)》

img

进阶

《CSS权威指南(第三版)》

img

虽然是一本老书,但是CSS 2.1是基础

《精通CSS(第2版)》

img

好吧!以上三本书,我都没看过。。。

网络协议 & 架构

《HTTP权威指南》 ★★★★★

img

涉及web开发的前端、后台、运维的同学都可以看看。web应用架构师必看。其中对其中“缓存”、“负载均衡“等章节印象很深,标准的教科书啊,肯定比看枯燥的HTTP规范好多了。

《Web性能权威指南》

img

Google工程师教你优化web性能,刚看了个开头,高工推荐,听说讲得比较深。

《大型网站技术架构》 ★★★★

img

网站架构入门科普。刚刚看完,写得挺好的,通俗易懂。开篇明义:“大型网站是演化出来的,而不是设计出来的。”,书中阐述了缓存为王,分层,解耦,模块化等网站架构中应该遵循的原则。其中负载均衡那一节,基本上是参考的《HTTP权威指南》负载均衡的内容。总结来说,纵向和横向分层以及可线性伸缩的能力是大型网站面对复杂业务和海量访问的制胜法宝!

NodeJS

入门

《了不起的Node.js》 ★★★

img

作为NodeJS入门挺好的一本书,可惜讲得太浅了,基本上就是介绍开发一个简单的NodeJS应用所要用到的一些技术和工具,对里面的原理以及NodeJS本身没有做太多的介绍,停留在介绍第三方库及其API的阶段。

《Node.js开发指南》

img

读了一半,就是看这本书理解了NodeJS的事件循环。作者是大神啊。

进阶

《深入浅出Node.js》

img

很出名的一本书,对NodeJS的一些原理做了深入介绍,挺不错的,还没看完。

用户体验 & 产品

《点石成金》 ★★★★

img

恰好读过第二版和第三版,第三版中添加了mobile web的内容,并且更新和添加了一些新例子,总得来说,我更喜欢第二版的精简。ponyma曾经推荐过的好书。

《结网@改变世界的互联网产品经理》 ★★★★

img

这本书读了挺久。用产品开发过程中的实际案例介绍了产品经理的工作内容以及如何开展工作。并从创建产品和个人修炼两个方面描述了需求分析,产品设计,项目管理,产品运营,产品经理的沟通能力以及个人和团队的创新能力等等,附录的推荐书目和工具质量也很高!作者是前腾讯产品经理,糗事百科的创始人,不过好像在知乎上因为创始人股权纠纷的问题,被黑臭了。。。

《参与感》 ★★

img

很出名的一本书,但其实营销部分讲得一般,老生常谈,不如我的朋友何老湿讲的好啊,不过可能对传统企业转型互联网有一定参考价值。设计那一块说的还挺有意思的,不过肯定还是不如我的另外两位设计师朋友开花和佐叔咯。哈哈!

《创京东》 ★★★

img

一本骗钱的书。看完之后的感受是,京东的核心部门是采销,仓储和物流,排名分先后。

问答
BDD框架的前端如何搭建?
相关阅读
全面进阶 H5 直播(上)
NodeJs内存管理
WebGL 纹理颜色原理
【每日课程推荐】机器学习实战!快速入门在线广告业务及CTR相应知识

此文已由作者授权腾讯云+社区发布,更多原文请点击

搜索关注公众号「云加社区」,第一时间获取技术干货,关注后回复1024 送你一份技术课程大礼包!

海量技术实践经验,尽在云加社区

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果想成为一名顶尖的前端,这份书单你一定要收藏! 的相关文章

  • 在 Foundation 中动态设置 Sass 变量

    如何在 Foundation 中动态设置 Sass 变量 根据他们的文档 http foundation zurb com docs components tables html 您可以借助一些 Sass 变量来自定义表格 settings
  • 使用 ruby​​ on Rails 向静态网站添加功能

    我是 ruby on Rails 的新手 我有一个包含很多静态页面的网站 我想向网站添加一些动态页面 我将在 ruby on Rails 中开发这些页面 当用户单击静态页面之一上的按钮之一时 将触发这些页面提供的功能 我想我将把动态页面放在
  • 如何通过 HTML 输入标签获取文件的引用? (角度2)

    我想在 Firebase 中上传图片 但要做到这一点 我必须先获取文件 例如 如何通过 HTML 获取我的计算机的图像 我正在尝试这样做 但我不知道这样做的回报是什么 帮帮我吧伙计们
  • 如何判断是哪个控件导致ViewState加载失败?

    我的页面面临 Viewstate 加载问题 页面有一个登录工具来登录管理员和非管理员用户 当非管理员用户登录页面并单击启用了自动回发的复选框时 会出现奇怪的行为 错误详情如下 后来我发现 在左侧的导航面板中 承载链接 侧边栏如下图所示 Se
  • 引导程序中导航和巨型屏幕之间的差距

    对于我的一生 我无法确定我的导航和大屏幕之间的空白来自哪里 我已经玩过很多变量 但无法让它消失 我在这里做了一个cssdeckhttp cssdeck com labs u6ws0ozl http cssdeck com labs u6ws
  • 没有样式表的 Z-Index

    您可以在不编写或嵌入样式表的情况下为 HTML 中的图像设置 Z Index 吗 我正在将一些内容上传到网络论坛 并且需要能够将一些文本放在图像顶部 并在表格内进行格式化 但图像只是被推到一边 没有办法 发送回 我一直在对 HTML 本身进
  • 构建网站翻译文件

    我在建立网站时多次遇到这个问题 我将以使用 PHP 和 Laravel 为例进行解释 但这个问题在多个平台中都很常见 这已经在几个问题中得到了解决 post1 https stackoverflow com questions 317854
  • 网页编码,设置矛盾[重复]

    这个问题在这里已经有答案了 如果一个网页有 但http标头有 Content Type text html charset UTF 8 那么假设什么编码呢 在 HTML5 中 优先级定义为 用户浏览器设置 字节顺序标记 HTTP 标头 or
  • 从网站获取数据的vba代码

    我是这个网站和 VBA 编程的新手 我遇到了一个问题 我必须从中获取数据这一页 http www kieskeurig nl zoeken index html q 4960999543345 我需要有超链接网址Check Rates 10
  • 最长和最短的 HTML 字符实体名称是什么? [关闭]

    这个问题不太可能对任何未来的访客有帮助 它只与一个较小的地理区域 一个特定的时间点或一个非常狭窄的情况相关 通常不适用于全世界的互联网受众 为了帮助使这个问题更广泛地适用 访问帮助中心 help reopen questions 管子周围有
  • URL中的gs_upl是什么意思?

    在任何谷歌搜索 URL 中 gs upl 是什么意思 例如 那么 gs upl 1045l1663l0l3648l4l4l0l0l0l0l258l682l0 3 1l4l0 在这里意味着什么 从构建的脚本gs upl j 我找到 funct
  • 如何将 html 输入到 Flask 中?

    我有这个 html 位
  • Electron 应用程序可以与 java 代码集成吗?

    由于node js仍然缺乏Java中存在的重要功能 因此我想使用Java而不是node js 并使用Web语言 html js css 创建客户端 Electron 是跨平台的 java 也是跨平台的 因此似乎有一个能够两全其美的解决方案
  • 电话链接在 iframe 中不起作用,但在 iOS 9 Web 中的 div 中起作用。如何使电话链接在 iOS 9 safari 中正常工作?

    您好 我正在尝试 iOS9 中 iframe 内的电话链接 iOS9 中的 safari 中无法打开手机应用程序 当我在里面尝试相同的链接时 它就在那里工作 我正在尝试下面的锚标记 将此代码放入 div 中时会打开手机应用程序 但同样的代码
  • 使用节点http代理转发http代理

    我正在使用 node http proxy 库来创建转发代理服务器 我最终计划使用一些中间件来动态修改 html 代码 这就是我的代理服务器代码的样子 var httpProxy require http proxy httpProxy c
  • Firebase Auth - 最近登录多长时间

    我有一个个人资料选项卡 用户可以在其中按编辑并编辑他们的个人资料 我只想在必要时才需要他们的密码 所以想知道用户登录的时间是多少毫秒 这使得它不是最近登录 其中firebase会抛出错误 auth requires recent login
  • 在 Blogger 中使用相对链接

    我正在使用博主 当我需要在我的博客文章中提到一个链接并且该链接实际上是我自己的博客文章的链接时 我在其旁边提到标签 www my blog name blogspot in 12 2013 how to do html if i chang
  • Safari 的“阅读器模式” - 开源解决方案? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 Safari 有一个 阅读器模式 可以删除网站上除文本之外的所有内容 有谁知道提供相同功能的开源库 或
  • 重新加载更新的 javascript> 代码而不完全重新加载 html 页面

    我正在开发一个单页 Web 应用程序 它具有许多不同的功能和形式 当开发一个深度 我的意思是主页上没有的 功能时 我会经历这个循环 开发代码 编辑类和函数 刷新整个页面 一路点击 直到到达我需要测试的部分 有时加起来大约一分钟 测试新代码
  • 您可以在不是在 Google 协作平台下创建的网站上使用 Google 脚本吗? [复制]

    这个问题在这里已经有答案了 Google 脚本有一种方法可以嵌入到 Google 网站中 但我想知道是否可以在非 Google 托管的网站上使用 Google 脚本 此 google 脚本的目的是作为 Javascript 的简单替代方案

随机推荐