一、不错的学习文章和网站:
- 濒临灭绝动物
- 我的世界官网设计思路
- 艺术喵个人博客,艺术喵掘金文章
- 一个程序员的成长之路 - 剖析别人,总结自己
- 谷歌的DevTools文档:(需要翻墙),它囊括了很多前端基础知识,通过学习开发者工具,同时触达前端基础知识,浏览器运行原理,以及提升开发、调试效率,是一个比较好的入门捷径,有可以夯实基础。
二、要看的书和课程
1、算法
课程
文章
- labuladong的算法小抄:动态规划解题套路框架,很不错
- 大家都是如何刷 LeetCode 的?
书
- 《学习JavaScript数据结构与算法 第3版》(√)
刷题
刷题攻略参考
2、网络工程
书
- 入门:《网络是如何链接的》、《图解http》
- 系统:《计算机网络》 -谢希仁
课程
极客时间
- 趣谈网络协议(√):作者十分生动从底层讲起,迅速帮你搭建计算机网络架构
- 透视HTTP协议:看完这个缓存策略就迎刃而解
- Web协议详解与抓包实战:作者是从顶往下给了梳理网络,并且通过抓包实操来讲解知识点,十分详细
- 浏览器工作原理与实践(√)
3、html
文档
4、css
文档
书
- 《CSS权威指南》
- 《CSS揭秘》:里面有丰富的案例和技巧
- 《css世界》:这个需要基础扎实并有一定经验看,此书会让你大呼过瘾
(除了有点唠叨,但是是好书)
5、JavaScript
课程
- 慕课网-JavaScript入门篇
- 慕课网-JavaScript进阶篇
- 慕课网-前端JavaScript面试技巧:很好,豁然开朗
- 升级版本:快速搞定前端技术一面 匹配大厂面试要求
- 再学JavaScript ES(6-11)全版本语法大全
文档
书
- 《JavaScript高级程序(第三版)》
- 《你不知道的JavaScript(上)》:这书对于作用域,闭包讲解非常棒
- 《JavaScript 忍者秘籍》
- 《重构JavaScript》:有一定经验可以看看,可以学到如何评判代码好坏的行业主流观点
6、Vue
课程Vue2
- Vue Element+Node.js开发企业通用管理后台系统(√)(文档)
- 慕课网-vue-去哪儿(√)
- 慕课网-vue-饿了么
- 慕课网-vue-京东(前端成长必经之路 组件化思维与技巧):这门课程最大特点是让你有模块化和工程思想
- Vue全家桶实战 从零独立开发企业级电商系统
- Vue 实战商业级读书Web APP 全面提升技能
课程Vue3
- Vue3 系统入门与项目实战
- Vue3.0高阶实战:开发高质量音乐Web app
- Vue3.0+TS打造企业级组件库 前端中高级开发者必修课(√)
- Vue3+ElementPlus+Koa2 全栈开发后台系统
课程深入
书
- 《深入浅出Vue.js》(√):这本书真的好,作者每单介绍一个部分的时候,都会由最简单抽象的一个demo,一步一步变成框架实际的样子,最后拿你写的demo和框架实际的对比,分析双方优缺点。
- 《Vue.js 源码揭秘》
源码
- 剖析 Vue.js 内部运行机制:原理抽象为小 Demo,真的对新手十分友好。看完这个后再去作者的GitHub里面看补充的染陌同学
- 逐行级别的源码分析
- Vue.js 组件精讲
源码-课程
- Vue.js 源码全方位深入解析
- Mint UI
- 模仿的UI框架:iview、vant、vux
7、React
文章
推荐按以下顺序阅读文章
- 这可能是最通俗的 React Fiber(时间分片) 打开方式
- Deep In React之浅谈 React Fiber 架构
- Fiber 内部: 深入理解 React 的新 reconciliation 算法
- 如何以及为什么 React Fiber 使用链表遍历组件树
文档
课程
书
8、ES6
文档
9、webpack
文档
书
- 深入浅出webpack:这书最好有把上面推荐的给看了和敲了。这书比较系统,能完善知识盲点
- 技术胖:webpack
10、推荐以下查漏补缺
文档
- 前端进阶之道
- JavaScript开发者应懂的33个概念
- 冴羽的博客
- 汤姆大叔的博客
- 神三元:
原生JS灵魂之问, 请问你能接得住几个?(上)
(建议精读)原生JS灵魂之问(中),检验自己是否真的熟悉JavaScript?
原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享)
11、追溯本源
书
- 《JavaScript设计模式》-张容铭
- 《JavaScript设计模式与开发实践》-曾探
- 《JavaScript设计模式》- Addy Osmani !!这个好
12、源码入门
文档
- undersercore-源码分析-吴晓军:这个就够,先把本看一下,然后再去他的GitHub看中文备注的源码,自己再敲一下。
- Lodash:看完undersercore可以试试看Lodash,这两个都是一脉相承
- 读 Zepto 源码系列
13、拓展技术
TypeScript
14、其他书推荐
- 《刻意练习》
15、IDE小技巧
- vscode小技巧:打断点,点击F5就能运行js文件
- vscode插件:Markdown Preview Enhanced,预览md文件
16、同学的建议
- 基础:JS(闭包/手写代码/事件循环/this/继承/模块化)、CSS、网络
- 框架的原理(webpack、vue)
- 浏览器渲染原理/性能检测/如何优化(首屏/白屏)
多阅读源码,比如React(dom树的操作)、Loadsh(扩展JS数据结构算法,集合的交集……)、V8(JS原生实现的算法)
17、规划
- redux:
- react组件:
- 项目准备:
- ES6:
- webpack:
- react源码实现:
- TypeScript:
- Flutter:
- 算法:
- 视音频:
- 前端性能优化:
- 前端测试:
- 面试:
- 工具:
18、移动端
三、知识大全
四、专项突破
五、面试
5.1 面试大全
- 【1 月最新】前端 100 问:能搞懂 80% 的请把简历给我
- 一名【合格】前端工程师的自检清单
- 2021年前端面试必读文章【超三百篇文章/赠复习导图】
- 2020年前端面试复习必读精选文章【赠复习导图】
- 大前端面试宝典 - 图解前端
- 前端面试汇总
- 前端基础知识大汇总(欢迎收藏)前端基础知识大汇总(欢迎收藏)
- 【面试】送你 React 和 Vuejs 各 300+ 题面试题
- 前端面试宝典(39.9)
- 某同学看云面试题
- ES6面试、复习干货知识点汇总(全)
- 「吐血整理」再来一打Webpack面试题
5.2 面经
- 这是我面试42场拿下微软、蚂蚁、头条offer的方法论
- 一年半经验如何准备阿里巴巴前端面试
- 2020疫情期间前端妹子面试小记(附答案)
- 七厂同约,终入字节-应届小前端的破局之路
- 前端面试题汇总大全(含答案)– 持续更新
- 前端面试题汇总
- 2021 前端面试 | “HTML + CSS + JS”专题
- 大厂面试复盘(微信/阿里/头条,均拿offer)
- 一年半前端跳槽面试经验(头条、微信、shopee)
- 一年半经验,百度、有赞、阿里前端面试总结
- 16年毕业的前端er在杭州求职ing
- 面试分享:专科半年经验面试阿里前端P6+总结(附面试真题及答案)
- 二月前端实战面试
- 阿里p6前端面试经历,顺利拿到offer
- 阿里社招面试经历(持续更新)
- React Redux面试题
- 金③银④ 分享一道曾让我栽在二面的面试题|项目复盘