我来回答！
其实web前端还是比较好学的，最主要的是找到适合自己的学习方法并持之以恒的坚持下去。推荐给你一个视频，测试一下自己适不适合学web前端吧！
https://www.bilibili.com/video/BV1XJ411X7Ud?from=search&seid=1592804913669379785
如何学习web前端开发？
1.学前预习
学前预习是一个非常好的习惯。小伙伴可以分次来预习接下来需要学的知识，前提是需要该段内容的预习资料。首次预习，可以费时10分钟，快速预览，将自己能看懂的标记一下，做到心中有数；再次预习20分钟，将看不懂的标记一下，这就明确了下一步需要着重学习哪方面；最后一次预习30分钟，将前两次预习的看懂或看不懂的，在代码编辑器上操作一遍，加深一下进行，能够进一步确定自己接下来着重学的重点。这样细化的学习，不仅可以加深你对web前端培训课程内容的理解，还可以了解自己的不足，久而久之，你会养成个自学的好习惯，同时可以提高学习效率。
2.学习中
经过前期的学前预习，你已经知道了哪里不懂，有目标的学习才会提高你的学习效率。在学习中，要认真听讲，不要错过每一个细节，在听讲过程中，做好笔记，有不懂的地方及时提出来，切记不要闭门造车，要多交流，才能让自己进步。
3.课后整理
课后应该积极整理刚学到的知识点，你可以用思维导图进行整理对比，很容易看出哪些知识点是你会的，哪些是不会的。已经会了的知识需要进一步巩固，不熟悉的知识要在平时的项目实战中进行练习。但这并不是让你在平时作业当中学习，当然了，边学边做是学的快，但是你有没有想过，这样学习是很片面的，一个作业当中不可能涵盖所有的知识点，其他方面的知识点呢，是不是呢？所以需要小伙伴认真对待自己，认真复习和练习。
个人比较喜欢尚硅谷web前端视频，他的视频是比较全面的，比较适合零基础小白来学习的一套web前端视频教程，链接放在下面：
http://www.atguigu.com/html5_video.shtml
其实不只是web前端，针对于前端这个领域来讲我来谈一下就我工作中遇到及需要掌握的知识体系:
- Javascript 基础
- HTML 加 Css
- 框架类库
- 服务端环境( Node)
- 客户端环境(浏览器)
- 工程化
- 数据结构和算法加设计模式
- 网络协议
以上至少大而全得概念，下面我具体罗列一下各个模块需要掌握及学习的内容。
Javascript基础
类型和值
- 内置的语言类型有那些
- 值类型的转换
- 值和引用的区别
- 原生函数封箱和拆箱，内置函数
对象
- 属性描述符和访问描述符
- 对象复制(并实现一个深拷贝操作)
作用域及运行机制
- 编译原理(引擎，词法作用域，编译器)
- 函数作用域，块
- 词法作用域和闭包
- this
混合对象”类”
- 掌握类的继承，多态，混入
原型及原型链
- 理解原型继承
- 理解原型机制(委托)
HTML和Css
- HTML5相关(语义化标签，video，audio，canvas)
- css3(会处理相关适配问题，布局)
框架和类库
- vue
- react
- typescripts
- jQuery源码学习，lodash
- element ui( bootstrap，layui，yui，mui)
- ant design
- 可视化插件( echarts，drawio， D3，three)
- axios
服务端
- 原生node
- express，koa，egg
浏览器
浏览器api
- dom操作
- 事件流模型
- 原生ajax( fetch，Promise)
- bom(浏览器对象窗口交互)
- 获取地理位置，调用硬件相关api
- 强缓存，协商缓存
- 同源策略
- web存储
浏览器原理(渲染)
- 从地址栏输入链接到页面呈现经历的过程
- 解析html，解析css过程
- 回流和重绘
工程化
- 前端模块化( es6 module，cjs，amd，umd )
- 包管理器( npm，yarn)
- 会搭建webpack应用
- web服务器( nginx)，了解linux( docker)相关知识，会搭建web应用
- 版本控制工具( git，svn)
数据结构和算法加设计模式
- 了解相关数据结构
- 掌握前端的常用算法(递归，排序: 选择、快速、冒泡、归并、桶、希尔等算法)
- 面向对象类设计模式(单例、工厂、观察者、迭代器等)
网络协议
- 掌握四层、七层网络模型
- http协议(三次握手，四次挥手)，tcp协议
- web socket
以上这些是我以后学习的技术栈。针对每个人的学习及规划可能不尽相同; 但是，针对于前端web方向也好，移动端也罢，服务端甚至客户端这些方向来讲，我觉得以上这些知识是共通的。不必拘泥于某一方向，只要基础打扎实了，即便前端发展再怎么迅速，你依然可以很快掌握。
最后，希望一起加油＾０＾~
原创文章，作者：普尔小编，如若转载，请注明出处：http://www.puerpx.cn/pxwd/5552.html
