前端、后端分离原因分析

最新推荐文章于 2024-06-15 13:17:10 发布

勇往直前之人

最新推荐文章于 2024-06-15 13:17:10 发布

阅读量3.3k

点赞数 1

分类专栏：前端开发文章标签：前端后端分离 JavaScript 移动互联网

本文链接：https://blog.csdn.net/wghhdzwzqbx02/article/details/87263382

版权

前端后端从耦合到分离经历了三个阶段，JavaScript的崛起与框架的出现推动了这一变化。全分离阶段通过NodeJS和Vue、React、Angular等框架实现了解耦合，减轻服务器压力，优化SEO，提升开发效率。前端后端分离的核心作用在于减少服务器压力，分离代码与功能，适应移动互联网时代的流量需求和设备处理能力的增强。

摘要由CSDN通过智能技术生成

对于前端技术，早年指HTML、CSS，后来又加上JavaScript，现在更进一步增加了框架（Vue、React、Angular）与类库（JQuery、Ajax、NodeJS）。

第一阶段，前端、后端耦合。前端只负责HTML、CSS来做静态页面，JSP、PHP后端程序员负责将这些静态网页输出给浏览器，并增加动态部分。这样做的好处在于每次交给客户端的为完整处理好的页面，减轻了浏览器的负担，也便于SEO。此时前端工程师只要学会HTML、CSS即可做静态网页，被戏称为切图仔；后端工程师则被称为全栈工程师，既需要些后端代码，也需要调用前端静态代码并完成其中动态部分。但是耦合太严重。1）代码、功能方面，大量的前端代码、功能在后端。2）客户端、服务器压力大，每次刷新页面都要重新全部请求。

第二阶段，半分离阶段。前端采用HTML+CSS+JavaScript来构建网页。随着JavaScript的不断完善，JQuery、Ajax库的诞生与推广，逐渐出现了半分离架构。HTML+CSS来构建静态部分，JavaScript来请求显示与修改上传数据。这样后端专注于数据库的实现、后台逻辑处理、数据接口实现，前端专注于界面的显示优化。这一阶段依然有不少问题，JQuery、Ajax依然导致JavaScript的使用不便，前端代码由于JavaScript的加入逐步混乱；此外，这种情况只考虑了单页面的应用，并未考虑路由等问题。再加上国内的搜索引擎只会抓取静态页面内容，导致SEO效果不好。

第三阶段，全分离阶段。随着移动互联网发展，手机流量的日趋需要，人们需要在第二阶段的半分离架构上进一步改进。