前端体系认识和我的技术栈

前言

从2020.3.12日我才开始系统接触前端。在此之前，只是简单了解前端的HTML、CSS、JavaScript。其他的vue、elementUI、node.js、ajax、webpack等都没去涉及过。

我当时在做毕业设计，题目是基于Java的在线小说发布系统。内容和前端、后端相关，于是边了解Java边了解前端，碰巧当时字节跳动校招，我被校招的前端开发工程师和Java后端开发工程师的岗位要求吸引了，由此入坑（快乐）。

1、2020届获得本科及以上学历，计算机相关专业；

2、精通HTML、CSS、JS，熟悉页面架构和布局，熟悉 HTML5/CSS3 等常用技术；

3、熟悉常用UI框架（如 Bootstrap/Pure/Kendo 等);

4、精通JavaScript、AJAX、DOM、jQuery等技术；

5、熟悉NodeJS，熟练使用 Grunt、Gulp、Webpack 等构建工具；

6、具备MVVM框架开发经验，如 React、VueJS、AngularJS 等；

7、良好的沟通和团队协作能力、热爱技术、责任心强、能推动技术框架的落地使用。

这篇前端体系认识是陆陆续续写的。内容有三，往期学习，前端认识，不仅仅是前端。是我从三月份到八月份的迭代认识，回顾反思。

往期的学习记录

第一阶段：认识（前端路线）

2020.3.10：做网站的学习路线：bootstrap、jQuery、ajax、json

2020.3.30：前后端发展----wsdchong：vue.js、sass、webpack

2020.4.13：前后端学习：基本功、技巧、工具

2020.4.21：前端后端知识体系理解–wsdchong：node.js后端、Java后端

2020.4.22：第一届前端早早聊笔记–wsdchong：业务与技术

2020.5.1：我的技术栈准备：阶段性分析。

2020.6.13：前端学习梳理——wsdchong：学习路线

第一阶段：浅层。从不懂到懂，了解了前端的全貌。慢慢积累认识。最关键的是写了《前端学习梳理》。

学习过程大概有一个月，从求职网站上、博客上、官网上、《前端早早聊》上看的消息，一点一点按照自己的理解补充到自己的理解体系中。

前端学习路线可以参考峰华的博客：想成为前端大神秒杀群雄？收下这份2020年最新前端学习路线！其中有一句博主的回复很到位：html css js三大件学好，React vue angular挑一个深入，打包，部署，性能优化掌握一下。

这篇博客有链接，可以参考，不过也不用全部都学，了解即可，能拿vue框架开发一个平台项目就可以进入一个公司实习，在实习的过程中，三大件、打包等就会疯狂提升，用问题驱动理解。

第二阶段：理解（从产品角度看前端）

2020.6.13：《前端技术架构与工程》之编程语言笔记：理解CSS（less、sass、postcss）、理解JavaScript（ES6新特性的意义）

2020.6.14：《前端技术架构与工程》之性能笔记：对HTTP协议、浏览器有了崭新的认识。

2020.6.16：前端三大件的学习——wsdchong：从编程语言、性能的角度认识HTML、CSS、JavaScript。

第二阶段：底层。从全貌到底层，了解了前端变化的原因。使得我能一通百通。最关键是看了《前端技术架构与工程》这本书。

学习时间大概是两个月。让我把设计、开发、测试、运维、架构等方面建立了全新的认识，运用知识的时候算是知其然也知其所以然。这本书是我认识的突破点。让我对编程语言的选择、性能优化等有了一个全面的了解。以此，我能过更快透过现象看到本质。

第三阶段：实践（vue框架）

2020.7.15：数据可视化学习笔记一——概述：公司的技术栈爬虫、spark、可视化、GIS；

2020.8.4：使用SVN更新自己的文档——wsdchong：团队协作SVN；

2020.8.4：mapbox的初次笔记——wsdchong：mapbox库的使用；

2020.8.8：2020最新版vscode格式化代码——wsdchong：vscode工具的使用；

2020.8.12：前端可视化echarts使用理解——wsdchong：echarts库的使用；

2020.8.12：vue+Cesium学习笔记——wsdchong：cesium库的使用；

第三阶段：实践。从底层到实践，将理论用到实践中。使得自己能产生效益。我在一家做智慧城市的公司做了可视化前端开发。

学习时间大概一个月。在工作中把所学的运用起来。果然实践出真知。理论的知识通过实践迅速应用，实践中遇到的问题补充到理论知识中。对前端”页面创建-静态实现-接口“的一个流程有了一个实践角度的认识。

从实践的角度来说。前端有两个最基础的功能，一是静态实现，运用框架和库把界面实现；二是通信，运用axios发送请求使界面能与后端交互。

此外就是后端服务搭建、存储、工程与协作。