讲一讲前后端分离技术

乐字节小z给大家讲一讲前后端分离技术

前后端分离技术应该是未来的大势所趋，在网站开发要求越来越高，就越来越需要精细化，需要分工明确，前端负责前端和前端的业务逻辑比如vue，后端负责后端的搭建和逻辑。

 

所以在将来前端需要的技能不仅仅在于切图，前端页面动态交互上，而也应该多关注vue等前端的数据处理逻辑。切图网从最早专注于网页切图等HTML/CSS/JS相关的web前端外包开始，目前也一直跟随着技术的脚步，现在也全面投入到vue等开发进程中来了。

前后端工程师需要约定交互接口，实现并行开发，开发结束后需要进行独立部署，前端通过ajax来调用http请求调用后端的restful api。前端只需要关注页面的样式与动态数据的解析&渲染，而后端专注于具体业务逻辑。

在前后端分离的时代，前端工作人员主要负责什么工作呢？

1、拿到UI给的设计图用HTML进行高度还原

2、与后端约定接口&数据&参数

3、前后端集成，请求后端提供的API接口获取数据

4、前端页面调整

 

既然目前已经做到了前后端分离，那么对于前端工程师需要把精力放在html5，css3，jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，Google V8引擎，javascript多线程，模块化，面向切面编程，设计模式，浏览器兼容性，性能优化等等。

前后分离的优势

1、可以实现真正的前后端解耦，前端服务器使用nginx。前端/WEB服务器放的是css，js，图片等等一系列静态资源，前端服务器负责控制页面引用&跳转&路由，前端页面异步调用后端的接口，后端/应用服务器使用tomcat，加快整体响应速度。（这里需要使用一些前端工程化的框架比如nodejs，react，router，react，redux，webpack）

2、发现bug，可以快速定位是谁的问题，不会出现互相踢皮球的现象。页面逻辑，跳转错误，浏览