【网页开发】传统网页开发及新前端网页开发的优缺点

发布时间 2023-09-12 13:55:35作者: Phoenixy

传统网页开发

开发流程

  1、UI设计人员制作高精度图片,以供静态界面开发人员使用

  2、静态界面开发人员根据图片使用HTML、CSS进行制作,生成与图片一致的网页

  3、开发人员需要将静态界面中的代码改为动态界面与后台进行数据对接

 

优点:

  1、前端耗时少

  2、有利于SEO <SEO:搜索引擎优化>

 

缺点:

  1、占用服务器端资源

  2、不利于前后端分离

 

 

 

新前端网页开发

Ajax:异步js和xml; 在浏览器与web服务器之间使用的异步数据传输即HTTP请求

单页面SPA应用:

  1、 将所有的活动局限于一个web页面中,即初始化加载相应的HTML、js、css;

  2、页面加载网成后,SPA不会因为用户的操作进行页面的重新加载及跳转;即利用js动态变换html的内容,实现UI和用户的交互;

 

优点:

  1、良好的交互体验;

  2、前后端职责分离,架构清晰;<前端负责view, 后端负责model, 通过接口数据异步获取>

  3、减轻服务器的压力,提高性能;<客户端获取渲染页面或试图数据,服务器提供数据>

  4、共用一套后端程序代码;<利于多端共用, 如web、 手机等>

 

缺点:

  1、SEO难度高;

  2、首次加载时间过长;

  3、页面复杂度提高,逻辑复杂程度成倍增加;