对于前端这个工作，我们到底要具备哪些知识点呢？需要怎么样的知识体系呢？我会在下面罗列一下几点，希望对你有所帮助。
基础的必备知识点：html + css + js
- 如果对于没有接触过html的小伙伴来说，不用担心，我会以最简单的方式去介绍html，我们经常在笔记本上看到的一些网站，其实网站就是用html这种标记所构成的，html你可以简单的理解为是人的身体结构。html全称是（ Hyper Text Markup Language ）， 超文本标记语言 。
- 网站虽然有了结构，但是呢还是需要有外表的东西进行修饰，起修饰作用的那就是css，它称之为样式，你也同样可以简单的理解为是人的衣着打扮。css的全称是（Cascading Style Sheets ），层叠样式表。
- 网站上我们可以看到的动态效果，和我们自己去操作某些网站上的一些按钮，我们一般将这种行为动作归结是js实现的。前面两种html、css分别代表着人的骨架和外貌，但是我们人还有一些行为动作，一般是js来表示人的行为动作。js全称是（JavaScript），简单理解就是我们写的一些语句，可以让计算机识别，并且根据你写的语句执行相应的操作。
- html和css学习的路径：我个人推荐使用哔哩哔哩官网或者是App去学习，因为哔哩哔哩官网学习资源大部分是免费的，而且对于新手入门是完全可以的。
- js学习的话也可以参考哔哩哔哩官网，得推荐一下学习的官网：MDN权威官网、现代 JavaScript 教程、阮一峰教程，当然啊个位小伙伴我也会将我自己的资料放到百度网盘上去，里面是比较全面的js笔记了，但是需要您安装一个印象笔记，手机也能安装并且能查看的。
- 全面的js印象笔记：链接：pan.baidu.com/s/1u8Lb9CBX… 提取码：gw1r
- js其他学习网站知乎、掘金、简书、CSDN
前端进阶的框架：vue + react
- 我们要先对前端的有个整体的知识，还在前几年的时间，那个时候呢，你只要会基本的html、css、js就能找到一个相对不错的前端岗位，但是呢，当一个真实的企业项目它发展到很大的规模后，之前的技术就能不太能适应项目的管理。国外FaceBook公司它先推出了react技术，就是为了方便项目的开发以及维护工作，国内呢，也出现了大家所认可的vue框架。vue框架的主要创始人是尤雨溪。
- 对初学的小伙伴来说，我们就需要简单的去理解它了，vue好比是我们做房子的框架结构，一层楼你就简单的理解为是在堆积木，现代化做房子是先创建好结构，然后你再慢慢的搭建。
- react也是做房子的原理是差不多的，vue的很多思想是借鉴与react的，尤雨溪本人也有说过的。
- 现在如果你想要胜任前端工作的话，就必须要去学习其中一门技术，现在的互联网公司都会要求掌握其中一门技术，能掌握两门技术是最好的。
- vue学习途径：还是推荐入门看哔哩哔哩视频，推荐学习的官网的话：vue官网、vue管理系统、
- react学习途径：react官网
- 最后我个人是推荐各位小伙伴是要学习vue的，以vue作为基础，然后在花更多的时间在react中，react在市场的竞争力会更大，薪资也会更高一些。
前端工程化：webpack构建项目工具
- 各位的学习的小伙伴们，我们前端工程化有一个专业的术语叫做脚手架。
- 什么叫做脚手架呢？公司做一个项目的时候呢，我们需要快速的搭建一个框架结构，让我们能够在这个框架里快速的开发项目，所有我们就需要有这样的搭建工具。
- 就像好比生活中的，我们在工地上看到的搭房子的建立的架子一样。
- webpack那怎么简单的去理解呢？我可以简单的理解为它是工厂里面的一道流水线，流水线有做开头部分的，也有做中间处理的，最后还有人打包这个物品的，公司的项目也是要经过这样的流程，将我们的项目进行一个打包的机制。webpack简单理解就是打包项目的，但是中间会做很多的处理操作的。
- 推荐webpack学习途径：哔哩哔哩官网、webpack官网
搭建Node服务
- 简单的理解就是，我们在手机看到一个App，我们在App里面的操作，就需要有一个服务器进行统一处理我们所要在App里做的操作。
- 就比如说我们去餐厅吃饭，我们可以选择点餐，点完餐后后台需要对应的厨师去烹饪。我们去餐厅里消费，那么就需要有一个对应的服务后台类似这样的意思。Node就类似于充当厨师的角色。
- 学习node知识我推荐：npm包、nodejs官网、Expree框架、Koa框架、mongoosejs
创建项目的技术选型
- 什么叫做项目要技术选型呢？这一部分知识可以先等你学习前面知识再去总结。在做公司的项目的时候，我们就需要对这个项目做一个评估，看项目用什么技术才好呢？因为市场上成型的技术结构有很多种搭配的，技术选型这快也要重点关注。
| 产品类型 | 技术选型 | 技术要点 |
|---|---|---|
| 官网 | Vue/React/Angular/jQuery | 响应式(媒体查询） |
| WebApp(H5/M站) | Vue + VueRouter + Vant React + ReactRouter + Antd-Mobile Angular/jQuery | 移动端布局（rem) |
| 订阅号开发 | Vue/React/Angular/jQuery wxsdk(只能在微信生态中使用) | |
| 原生App | IOS/Android | 非H5技术 |
| 混合App | IOS/Android + 前端H5(vue/react/jquery) | WebView |
| 跨平台App | uniapp/Taro/RN/Flutter | |
| 管理系统 | Vue/React/Angular前后端分离 PHP/Java前端不分离 | 前后端不分离时要用模板引擎 |
| 桌面应用 | Electron + Vue/React/Angular | Electron |
| 微信小程序 | 原生小程序/uniapp/taro/wepy/mpvue | 原生很少用 |
