Web开发模式:
服务端渲染的Web开发模式
服务器发送给客户端的HTML页面是通在服务器通过字符串的拼接动态生成的。因此客户端不需要通过Ajax技术额外请求页面的数据
优点:
- 前端耗时少,因为服务端通过动态生成HTML内容,浏览器只需要直接渲染页面即可,尤其是移动端,更省电
- 有利于SEO,服务器响应的是完整的HTML页面,所以爬虫更容易获取信息,有利于SEO
缺点:
- 占用服务器资源,如果请求较多,会对服务器造成一定压力
- 不利于前后端分离,开发效率低。使用服务端渲染,则无法进行分工合作,尤其对于前端复杂的项目,不利于羡慕高效开发
前后端分离的Web开发模式:
依赖于Ajax技术,后端负责接口开发,前端使用Ajav=x调用接口的开发模式
优点:
- 开发体验好,前端专注于UI开发,后端专注于接口开发
- 用户体验好,Ajax技术的应用,提高用户的体验,轻松实现局部页面刷新
- 减轻服务端的渲染压力,页面最终是在浏览器中生成的
缺点:
不利于SEO,完整的HTML页面需要在客户端动态拼接,所有爬虫无法提取页面有效信息,解决方法:利用Vue,React等前端框架的SSR技术解决
如何选择Web开发模式:
- 看业务场景
- 主要功能是展示页面且没有复杂交互并且需要良好的SEO,用服务端渲染
- 后台管理项目等交互性强用前后端分离
- 一般两者都会一起用