全栈工程师的第一步
记得在大学到时候，上计算机课觉得最有挑战的，就是做个一个个人主页。相对写个WORD文档、写个C语言程序，个人主页也是最有意思的一个主题。最开始的是用html标签方式来实现，用table来进行各种排版，丑得可见一斑。后面技术发展演进，大量的使用了html+css+js，再往后就衍生了html+css+jquery，一直到现在的各种vue、react群魔乱舞。
早起前端写法
一直从事后端开发，在刚阿里的两年里，还写了一些spingmvc+velocity的后台页面。主要是满足一些测试或者开发小二常用的后台功能，比如查询订单、查询商品等。
页面相对来说比较简单，主要就是一些form组成的表单，然后提交到后端做处理，或处理数据，或返回数据。
springmvc+velocity的实现方式也很简单，后端提供Controller来渲染和接收数据，vm页面用来提供用户视图，包括展示数据和接收用户数据。缺点就是页面和java是在同一个工程的，也就是说前后端是没有分离的。
全栈工程师
后面阿里2年，就基本做纯后端了，基本上没有接触过前端相关的逻辑。随着业务发展，对前端诉求越来越大，专业的前端已经不能满足需求，而且前端招聘难度也极大，因此要去我们每个人做到一专多能。即后端专业前端能力全面。
于是我开始了我写全新前端的历程。以下记录我自己的前端开发心得。
首先是新概念，有nodejs、react、vue等等，那么先理清一下基本概念。
“nodejs和react框架最大的区别是:nodejs是一个基于Chrome JavaScript运行时建立的一个平台。而react是一个用于构建用户界面的JavaScript库。”
我们常用的就是react框架。
1、申请权限
和后端一样，需要申请前端代码分支权限、发布系统权限等。
2、安装开发环境
IDE用的是VSCode，基本上很多专业前端都推荐使用。另外就是要安装npm等环境。具体可看文章：javascript:void(0)
安装完成以后前端的开发环境基本上就ready了。
里面安装brew废了很大的力气，包括网站连接不上，最后更换了网络连了VPN才顺利搞定。
3、创建分支并启动工程
分支创建完成，可以使用git拉下整个代码，并且使用命令在本地启动。我的命令比较简单，直接用
tnpm start
即可启动工程。具体的npm的文档可以看详细的入门文档：
https://www.npmjs.cn/getting-started/what-is-npm/
4、编码测试
前端的格式是比较固定的，首先在pages里新增页面
在页面里使用蚂蚁（https://ant.design/docs/react/introduce-cn）的相关页面组件来进行页面布局和设计。
然后就可以使用js来进行前后端的交互处理
5、发布上线
使用发布系统将前端代码编译并且部署到生产环境即可。
思考
学一门语言，不仅仅是学习语言本身，更重要的是学习一种新的思考和work方式，通过学习潮流的前端，可以快速了解到整个行业的变化，使得自己不落后，更可以做出自己的一些优秀作品