BAIYUN'S BLOG

BAI YUN

马上订阅 BAIYUN'S BLOG RSS 更新: https://baiyun.me/feed

从传统 MVC 到同构:Web 发展历程

2017年12月22日 19:54

Web 技术一直在不断发展和演进,从最早的静态页面到如今的复杂单页应用,这其中经历了许多阶段和技术的迭代。本文将从最传统的 MVC 模式一直介绍到目前常用的同构模式,探讨各种技术的优缺点,帮助读者更好地理解 Web 技术的发展历程。无论是 Web 开发初学者,还是有一定经验的开发者,都能从中获得一些启示和思考。

最传统的 MVC 模式

浏览器发出请求,服务器收到后渲染出完整的 HTML 页面返回给浏览器,在这个阶段里大部分业务逻辑都包含在服务端端代码里,如果想要获取新的页面内容,需要重新发送请求,服务器再渲染出完整的页面返回给浏览器,即使实际改变的内容只有一个字也需要服务器重新渲染完整的页面。

这种模式最大的缺点在于客户端无法在不刷新页面的情况下动态更改页面内容,可以很明显看出性能的巨大浪费,以及用户体验的差劲

AJAX

在这个阶段,借助浏览器提供的 XMLHttpRequest 对象,可以实现在不刷新页面的情况下向服务器请求新的数据,然后使用 JS 动态渲染到页面中,但是点击链接的时候还是需要刷新整个页面,无法做到像原生 APP 一样的体验。

SPA (Single page application)

这个阶段和之前的大不相同,浏览器请求页面只会获得一个静态的 HTML 入口文件,例如:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="root"></div>
  <script src="/assets/js/app.js...

剩余内容已隐藏

查看完整文章以阅读更多