原生实现hash和browser两种路由模式

原生实现hash和browser两种路由模式单页面应用开发 MPA 与 SPA 简介 MPA MPA Multi page Application 多页面应用指的就是最传统的 HTML 网页设计 早期的网站都是这样的设计 所之称为 网页设计 使用 MPA 在使用者浏览 Web 时会依据需求切换页面 浏览器会不停的重载页面 Reload 整个操作也常感觉卡卡 如果使用这样的设计在 Web App 中 使用者体验比较差 整体流畅度扣分

单页面应用开发

MPA与SPA简介

MPA

MPA (Multi-page Application) 多页面应用指的就是最传统的 HTML 网页设计,早期的网站都是这样的设计,所之称为「网页设计」。使用 MPA 在使用者浏览 Web 时会依据点击需求切换页面,浏览器会不停的重载页面 (Reload),整个操作也常感觉卡卡。如果使用这样的设计在 Web App 中,使用者体验比较差,整体流畅度扣分。但进入门槛低,简单套个 jQuery 就可以完成。

SPA

SPA (Single-page Application) 顾名思义在 Web 设计上使用单一页面,利用 JavaScript 操作 Dom 的技术实现各种应用,现今在介面上算是非常受欢迎的设计,搭配 AJAX 使得整体页面反应速度相当迅速,配合上路由懒加载等手段可以达到Native应用的体验。

图解

对比

实现流程

代码实现







原生实现hash和browser两种路由模式



主页
新闻
团队
关于



编程小号
上一篇 2025-05-31 17:51
下一篇 2025-04-14 20:27

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/hz/139344.html