关于web:前端知识体系思维导图

前言

hello 大家好，我是 ” 风不识途 ”，本文是想分享一下，笔者在自学前端时所学到的常识，总结的思维导图（并不蕴含前端所有知识点），很多都是联合本人的笔记来进行总结的思维导图哟；

本篇文章适宜人群：正在自学前端的小伙伴，能够参考前端大略都须要学习哪些技术，或者是曾经学习过的兄弟姐妹，能够联合思维导图对面试、温习串联知识点进行温习；

如需查看源文件👉：曾经上传的 Github 仓库中，对于拜访 Github 比较慢的小伙伴，我也贴心的上传到 Gitee 仓库了，如果对你有帮忙的话👏，那就给个 star ⭐ 激励一下吧~

前端三剑客🤺

HTML5&CSS3

HTML和 CSS 都对入门者比拟友善，学一些标签和 CSS 属性很快就能做出成果，有反馈之后比拟有能源往下持续学习，HTML5和 CSS3 新增了许多有用的个性，学习起来绝对轻松的；

挪动 Web

学习挪动端的很多适配布局还是很有必要的，你会发现比浮动 + 定位布局不要太爽，挪动端除了适配计划多比拟麻烦，除此之外，布局比 PC 端轻松了许多；

JavaScript 根底

JavaScript语法不算难，如果学习过其余语言再上手 js 也很容易，但 js 的诡异的特点都是须要靠日常我的项目填坑逐步积攒的，js库也是形形色色，没有所谓的学会，换成其余语言也是一样，要害是思维，函数编程思维、面向过程、面向对象、设计模式，浩如烟海，深不可测；

WebAPIS

大抵的学习一遍，记住一些罕用的 API，最初再手写一个轮播图哈哈，根本都能理解到很多操作DOM 的API了；

JavaScript 高级 &ES6

ES6 新增的许多个性，在理论开发中简直每天都在应用，十分有必要把握；

挪动 WEB 知识点补充

jQuery

jQuery尽管曾经过期了，外面封装代码的思维还是能够借鉴下的 (能够选择性跳过)

jQuery 知识点散布

版本控制

Git

前端进阶

前端性能优化

Node.js

Node.js 根底

Node 罕用的第三方模块

网络申请

AJAX

前端框架

Vue

React