2024前端学习路径书单—自我成长之路

《你不知道的JavaScript(上卷)》

豆瓣评分 9.3

这本书,真的是神书,我先看的高级程序设计,但是看完我对一些作用域啊,闭包,原型链还是懵懵懂懂,看完这本书瞬间打通了任督二脉,豁然开朗。

《ECMAScript 6 入门电子版》

《ECMAScript 6 入门》

豆瓣评分 8.8

这本书属于工具书,建议电子版,翻翻常用的一些 ES6 语法就好了,当年我准备实习的时候就看了常用的一些语法例如(Map、Set、Proxy、Promise、Generator、async、Module等)。(当然如果对你有帮助还是可以买一下实体书,支持一下作者,毕竟电子版可以免费看,写书需要花很多精力。)

《JavaScript忍者秘籍(第2版)》

豆瓣评分 8.5

这本书是我工作上的导师推荐,我暂时还没看,据说帮助他解了很多疑惑。

CSS

《CSS世界》

作者是张鑫旭,可以说是 CSS领域的鼻祖了。我买了这本书,但是还没有看,不看的原因不是他不好,是最近不常写CSS了,哈哈哈。当初买它的时候,我是看它的目录,可以说它把CSS中一些比较重要的场景都包含到了。目录名字也取得非常有吸引力。块级元素、盒子模型、浮动、层叠规则等等基础的用法都讲到了。

《CSS揭秘》

豆瓣评分 9.4

作者是Lea Verou,W3C CSS工作组特邀专家,设计CSS语言的委员之一,此前曾在W3C担任开发者代言人。目前,她在麻省理工学院从事人机交互领域的研究。

作者来头真的太大了…又是W3C CSS专家又是MIT的…看过这本书的人都会惊叹,原来 CSS 还能这么玩?如果你想精进 CSS,这本书不能错过。这本书刚出的时候就买了,后来毕业送给了实验室的小伙伴。

框架

Vue

vue2文档

vue3文档

如果出个豆瓣评分估计是9.9分,那0.1分怕它骄傲。

vue的学习建议直接看官网吧,写的太详细了,像一本书一样。

React

React官网

官网教程真的很贴心,会一步一步教你如果构建一个 React 应用,并且还会说有些哲学思想。

《React小书》

这本书是一本开源的书籍,面向的对象是有一点前端基础的并且是 React.js 零基础的同学而作。

《深入React技术栈》

豆瓣评分 8.1

大概是 17 年的时候买的,算是买的第一本 React 书籍也是唯一一本 React 书籍,

Node

《七天学会NodeJS》

开源书,书只有大概只有200页左右,一下子就能看完,通过例子能够快速熟悉一些 Node 的 API,也许现在来说很多 API 已经过时了(毕竟Node版本迭代太快了,现在都15x了),但是安装旧版本的 Node来入门,仍然是一本和不错的书。

《深入浅出Node.js》

豆瓣评分 8.6

清晰地讲解了Node.js 底层原理,以及如何使用 Node.js 进行工程项目开发,是进阶的首选。

《Node.js设计模式》

原书英文版豆瓣评分9.5,买了中文版…看的云里雾里,可以试试英文版。

《Node.js:来一打 C++ 扩展》

刚出的时候就买了这本书… 但是功力不够啊,看这本书需要一些 C++ 的底蕴,还特地买了 C++ Primer 准备好好学习,但是发现…周期太长了没有坚持下来,又因为公司也没有这方便的场景应用,所以自己草草写了一个 C++ 插件(github.com/hua1995116/…%E4%B9%8B%E5%90%8E%EF%BC%8C%E8%BF%99%E6%9C%AC%E4%B9%A6%E5%B0%B1%E6%90%81%E7%BD%AE%E4%BA%86%E3%80%82)

工程化

Webpack

《深入浅出Webpack》

《深入浅出 Webpack电子版》

这本书很多人吐槽,说写的很基础,深度不够,也比较落后了。确实是这样,但是我觉得webpack官方文档虽然很全很前沿,但是还没有那种一下子就能让人整明白的。跟着这本书 + 配套github示例,写完全部示例(花不了很多时间),可以说对 webpack 会有一个大概的了解。

学习webpack难点在于什么?

各种周边插件版本不配套啊!

想加个loader/plugin,各种版本不兼容,各种报错!因为新手安装 webpack 的插件大多数人都是会安装到最新版本,但是最新版本大多数会有各种问题,真的是劝退…

webpack经过几个飞速的迭代,webpack3x和4x的插件机制就不一样,现在又是5x了。

所以能有一个固定的版本,跟着走完全流程对它有一个整体的认识,看完一本书能了解这些也算是值了。有了这些整体的认知,相信你不管是学 4x还是5x都能行云流水了。

TypeScript

深入理解 TypeScript》

开源电子书,是一个学习 TypeScript 不错的开始吧,我快速过了一下这本书和官网示例,有了大概的了解,想要深入学习 TS 可能还是需要实践吧~

《重学TS》

阿宝哥写的重写 TS 也很不错,其实我TS用的并不多,偶然在写一些高级泛型的时候查到了阿宝哥写的文章,感觉受益良多。

计算机基础

设计模式

JavaScript设计模式》

以故事线的模式来风趣地讲解JS的设计模式。

算法基础

《图解算法》

豆瓣评分 8.4

小白也能看懂的算法,对于初学者可以说非常有帮助,我看完了电子版,但是对于想真正在算法领域有所精进那就看下面这本书吧。

最后

你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我特地针对初学者整理一套前端学习资料

前端路线图

+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

我特地针对初学者整理一套前端学习资料

[外链图片转存中…(img-hkAv3FKH-1714236507295)]

vue.js的36个技巧

  • 30
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值