2021 整理的最全学习资源，送给每一个努力着的人

墨蓝 2023-01-08 08:14 136阅读 0赞

时间来到了 2021 年，新的一年有新的期待，而我亦有新的祝福

如果说在过去的一年，经历太多，心酸、迷茫、焦虑、幸福、喜悦

那么在 2021 的伊始，希望你可以去过一种遇见自己的生活，恬淡、热情，喜欢自己  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
而我也给大家送上了暖暖的福利——最适合前端人进阶的超全资料

充实自己，用实力证明“我值得”；面对这个严苛的社会，用能力证实“我可以”

对于技术人来说不断地学习，不停地前行，可能才会抵达我们向往的远方

一、Vue 核心学习视频+笔记+源码

1、核心：Vue.js 框架中的 Virtual DOM 剖析

什么是Virtual DOM 和 Snabbdom？

如何深度掌握 Virtual DOM 源码结构以及核心函数实现？

patch 函数以及 Diff 算法的整个实现过程是怎样的？

彻底搞定 Virtual DOM 中的模块机制。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
2、实战：手写一个属于自己的 Vue.js 数据响应式框架

响应式数据的优势是什么？是如何实现的？

如何使用 Observer 将数据转换成响应式数据？

如何使用 Dep 收集依赖、发送通知？

如何掌握用 Watcher 监听数据，自动更新视图？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]  
3、进阶：Vue.js 框架如何实践服务端渲染方案？

掌握服务端渲染（SSR）核心解决的问题

掌握使用 Nuxt.js 框架开发的最佳实践

掌握 Nuxt.js 框架使用中的 SEO 优化处理

掌握同构开发模式以及同构应用中的状态激活

了解同构类型应用的发布与自动化部署

> 在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]  
4、优化：Vue 的长列表虚拟滚动  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]  
5、Vue 热点面试题  
![在这里插入图片描述][20210119152628730.png]  
二、Web前端资料，涵盖技能图谱+源码+面试题+学习资料  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 5]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 6]  
最后，再从过来人的角度唠叨几句，一些小建议：

1、如果你坚持自学，一定要自律！规划好固定的学习时间，微信、抖音什么的先放弃吧。想学好入门不是一件轻松的事情。分享一个同行的学习作息：5:30起，6点看书，晚上10:30睡觉，长期如此。所以在开始之前，这种决心是必需的。

担心坚持不下去的话，可以先制定一个计划目标，不至于学到一半觉得太难、太乱放弃了。或者，可以加入一些社群，有同行的人也不会学的太孤单。

2、如果你想报班，记得一点，尽量找有实战的，并且内容尽可能广泛，这里的广泛的意思是，不只教你怎么用，还要让你明白为什么。

学习这条路不是一时的，我现在也依然坚持每天抽时间学习，一起共勉吧！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221119/d9741b057fe14e99842e335eee4bd0a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: /images/20221119/f71b889299f64e928b43b484b4d72b47.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]: /images/20221119/64f4d5c0b7314a278f0781848e2a9639.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]: /images/20221119/6996315cd5124ceab121fc6f9a4bc39a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]: /images/20221119/febbafdf53c844d3b8c7f6ced2e94238.png
[20210119152628730.png]: /images/20221119/af1488587ccd48f9b55ad11e436298df.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 5]: /images/20221119/90ca97b3247c4b698550581ddec603fa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 6]: /images/20221119/b98a79fc6a894ffc8e67e49d4f348787.png