本文已使用维权骑士进行维权，转载请私，维权必究！
- 最近有收到很多私信，希望分享一些前端学习经验。个人虽然在秋招时收割了一大批大厂offer，但是技术路慢慢，吾将上下而求索，这里给大家分享一些个人前端学习用到的一些资源，看者取其精华去其糟粕即可。本文会一直持续更新。
- 本文蓝色字体是对应软件或知识链接，链接都指向相应的官网或一些很精华的知识分享网址，尽可能链接到大家可访问的国内镜像或中文版，绝对无广告链接。
- 更多资源建议在欢迎评论区讨论
我是目录
- 编辑器与浏览器
1.1 编辑器
1.2 浏览器- 高能链接
2.1 学习网址
2.2 三大前端框架
2.3 常用JS与Node库
2.4 UI库
2.5 潮流前端
2.6 工具
2.7 社区
2.8 学习网站
2.9 博客 and 文章- 学习书籍
1. 编辑器与浏览器
1.1 编辑器
VSCode（也可以用Sublime或Webstore) - 个人使用的VC，因为开源的VC有很多开源的插件，这款插件丰富的编辑器简直就是为前端工程师们量身定制，据说它本身就是一款借助前端库electronjs构建的桌面应用。
1.2 浏览器
Chrome浏览器 - 调试前端代码的神器，Chrome的开发人员控制台(按F12召唤)，可以调试布局，可以console查看bug和打断点，可以查看网络资源和网络加载，可以查看渲染机制，还可以查看缓存等，非常之强大。对于它的变态V8引擎感兴趣的同学可以了解下。
2. 高能链接
前方一大波高能到来！！！
2.1 学习网址
W3School - 一个H5+CSS3基础入门非常好的网站，网站里还有很好的JS基础教程、PHP教程、网络教程，公认的入门必备网站。
MDN - 火狐打造的最全的前端百科词典，所有前端最新规范都收录在其中，而且还支持中文版哟，就这一个网站可以助你从入门到精通啦~
阮一峰老师的ES6入门 - 阮老师的开源入门ES6的文档可以说是非常良心的巨作，整本书对于入门ES6非常友好，所有ES6要点知识都囊括其中。
廖雪峰老师的JS入门 - 雪峰老师的JS入门教程写的很用心，虽然更深的知识还需要自己去MDN或买一本《JS高程》，但是快速入门JS是非常高效的。
nodeJs - 所有NodeJs的API都在这里啦，看完它，你的NodeJs进军中级甚至高级都没问题啦。
2.2 三大前端框架
Angular - 三大主流前端框架之一，国外很火的一个老大哥前端框架。
react全家桶 - 这款站在前端食物链顶端的框架，拥有庞大的生态圈，无论是PC端、移动端还是native开发，全盘通吃，各大大厂也都在使用这个框架。
react，react-router，redux，react-native
vue全家桶 - 由国内尤大神主力打造的MVVM前端框架，简单易上手，大厂很多PC业务都基于此框架。
vue，vuex，vue-router
2.3 常用JS与Node库
JQ - 不多说，JS的简化版与速成版，但是建议不要以为会用JQ就会前端了，还有很长很长的路要走，要想成为一个前端大佬还需要对JS有较深的涉猎才行。
Zepto - 移动端版的JQ。
Babel - 一个 JavaScript 编译器，一般用于转码编译ES6、JSX较多。
Underscore - 轻量精干的JS库，它提供了几十种函数式编程的方法，弥补了JQ库的不足。
Backbone - 一个轻量级MVC框架，重度依赖Underscore.js，依托它我们可以像高级语言一样定义类、类属性及方法，更好的组织代码并按框架提供的数据逻辑分离方法减少代码混乱。
Handbar - 可以说它是一种很好的前后端分离的方案， 是 JavaScript的一个语义模板库，通过对view和data的分离来快速构建Web模板。
Express - NodeJs的老将军框架了，简化封装了NodeJs的API，提供了很多常用的Node服务。
Koa2 - NodeJs的小生将军，由 Express 幕后的原班人马打造，一个超轻量级的NodeJs框架。
2.4 UI库
bootstrap - 用于开发响应式布局、移动设备优先的前端UI库。
elementUI - 饿了么开发的一款前端UI库，简单易上手，搭配vue使用更好。
antDesign - 蚂蚁金服开发的一款前端UI库，成熟的UI体系和高性能，搭配React使用更好。
2.5 潮流前端
less - 赋予CSS动态语言的特性。
sass - 成熟、稳定、强大的 CSS 扩展语言解析器。
PWA - （若此链接打不开，请挂代理或打开下面这个）
PWA实战 - 作为一个前端开发者，如果你还不知道PWA是什么那么你就真的是OUT了。PWA，面向下一代的Progressive Web APP。
Weex - 一个使用 Web 开发体验来开发高性能原生应用的移动端框架，非常适合搭配Vue使用。
Rax - 我厂构建的一个跨容器的渲染引擎，底层依旧是Native，非常适合搭配React使用。
TypeScript - TS可以说是这两年非常火热的脚本语言了，可以把它当作JavaScript的超集。它支持任意浏览器，任意环境，任意系统并且也是开源的。
2.6 工具
Git - github，最大的开源平台，程序员的天堂世界，学会掌控它吧。
Webpack - 当前最火的前端打包工具。
Gulp - 最轻量级别的前端构建工具。
Grunt - 自动化的强生态前端构建工具。
hexo - 听说你们搭建博客都用它。
IconFont - 我厂的一个开源Icon库，听说你们的Icon都来自于它。
cocos2d-x - 一个做游戏的引擎。
2.7 社区
CSDN - 国内最大的IT技术交流论坛，有很多厉害的技术博客都出自于此。
思否 - 前端学习论坛。
掘金 - 前端学习论坛。
伯乐在线 - 前端学习论坛。
W3cplus - W3C的前端技术交流论坛。
gitter - 前端技术交流gitter，有点类似QQ群，大家都在其中交流前端技术。
知乎 - 知乎上的前端交流有很多非常精细、独到的前端技术见解，很是值得学习。
大前端 - 一个纯前端技术交流社区。
2.8 学习网站
慕课网 - 课程学习网站。
网易云课堂 - 课程学习网站。
FreeCodeCamp - 从0基础一步一步成长的编码学习网站，非常建议用它学习前端。
PS：不想提菜鸟，你们都知道，老，旧，知识不全。
2.9 博客 and 文章
以下链接均来自于个人收藏，若觉得有广告嫌疑请略过
阮一峰 - 阮大神的官方博客，有很多精彩的个人文章和技术文章，值得一去。
廖雪峰 - 雪峰老师的博客是一个纯技术博客，其中Js，Git，Python都是免费而又适用的好东西呀。
技术胖 - 胜洪宇老师博客很多视频都是免费的，每节课都很短暂而又精妙，很适合入门和初级前端同学学习。
Jake - 一个个人认为有很多精彩的前端好文的技术博客。
3. 学习书籍
《JavaScript高级程序设计》 作者：Nicholas- 书不在多，在于精。没错，这就是我们前端工程师常说的“红宝石”书籍。这一本书是我个人唯一推荐最好买一本的，因为它的JS讲得实在是太好了，每一遍都会有不同的收获。
《ES6标准入门》作者：阮一峰 - 阮老师的这本ES6宝典可以说是对于入门ES6非常平滑而又舒畅，当然，上面也有开源的电子书官网。
《锋利的Jquery》作者：单东林 - 一本三天就入门JQ的书籍，虽然个人并不推荐大家现在去学习JQ了，毕竟现在前端更多的是模块化和组件化开发，但是对于快速开发批量网页，使用JQ还是很快的，只是后期维护比较麻烦，尤其是大型项目。
《JavaScript权威指南》作者：费拉纳提 - 一本JS字典，讲完了所有JS知识。
《HTTP权威指南》作者：David Gourley - 非前端书籍！作为前端工程师，我们做的很多工作除了页面渲染就是性能加载，所以网络相关的知识，包括代理、网关、隧道，尤其是缓存，都至少要懂一些。
《大型网站技术架构》作者：李智慧 - 非前端书籍！为什么会推荐一本架构书籍呢，因为读完这本书，只会前端的你就可以站在整个技术设计角度去构思，为什么当下会把程序员区分为前端、后端、安卓、IOS、数据、算法、网络、测试等不同职位了。
《算法导论》作者：Thomas H.Cormen - 非前端书籍！程序员两大圣经之一，算法祖师级别的书籍，其中讲到的数据结构和算法逻辑对于前端编程都很有用处，当然对于将来入门后台也很有用的啦。
《深入理解计算机系统》作者：兰德尔 - 非前端书籍！程序员两大圣经之一，系统祖师级别的书籍，这本书跟前端的关系不那么紧密，对于系统知识，前端只需要了解下浏览器进程线程包括GPU、CPU就OK啦，但是作为程序员，尤其是作为大前端一员将来进军后端，那么阅读这本书就非常有必要啦。
还是那句话，书不在多，在精。
以上，欢迎大家在评论区进行补充，如果觉得对你有用，顺手点个赞收个藏加个关注呗，谢谢啦~
点赞
网友评论