0%

Web开发模式

Web开发模式:

服务端渲染的Web开发模式

服务器发送给客户端的HTML页面是通在服务器通过字符串的拼接动态生成的。因此客户端不需要通过Ajax技术额外请求页面的数据

优点:

  1. 前端耗时少,因为服务端通过动态生成HTML内容,浏览器只需要直接渲染页面即可,尤其是移动端,更省电
  2. 有利于SEO,服务器响应的是完整的HTML页面,所以爬虫更容易获取信息,有利于SEO

缺点:

  1. 占用服务器资源,如果请求较多,会对服务器造成一定压力
  2. 不利于前后端分离,开发效率低。使用服务端渲染,则无法进行分工合作,尤其对于前端复杂的项目,不利于羡慕高效开发

前后端分离的Web开发模式:

依赖于Ajax技术,后端负责接口开发,前端使用Ajav=x调用接口的开发模式

优点:

  1. 开发体验好,前端专注于UI开发,后端专注于接口开发
  2. 用户体验好,Ajax技术的应用,提高用户的体验,轻松实现局部页面刷新
  3. 减轻服务端的渲染压力,页面最终是在浏览器中生成的

缺点:

不利于SEO,完整的HTML页面需要在客户端动态拼接,所有爬虫无法提取页面有效信息,解决方法:利用Vue,React等前端框架的SSR技术解决

如何选择Web开发模式:

  • 看业务场景
  • 主要功能是展示页面且没有复杂交互并且需要良好的SEO,用服务端渲染
  • 后台管理项目等交互性强用前后端分离
  • 一般两者都会一起用