51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

wabpack 多页面 react配置 （对比单页面）
前言 create-react-app为首的脚手架众多，单页面打包通常指的是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口，比如不同的h5活动，或者需要支持seo的官方网站，都需要多个不同的html react16 webpack ...
html
json
css
bundle
页面架构
转载
mob604756fa96d7
2021-10-12 11:49:00
1106阅读
2评论

使用react创建单页面项目
使用react创建单页面项目 react创建单页面项目并且组件传值首先在app.js中配置路由,这里是通过reac
搜索
方法名
.net
转载
草长莺飞飞满天
2022-06-20 17:44:39
216阅读

单页面开发路由原理
单页面开发路由原理 主要通过window.onhashchange监测路由hash值变化，触发事件。 代码 css <style> * { margin: 0; padding: 0; } #app>div { display: none; } </style> html <body> <div i ...
css
html
页面开发
其他
转载
mob604756f61e6c
2021-09-23 17:54:00
126阅读
2评论

java 单页面 路由配置
# 实现Java单页面路由配置 ## 流程图 ```mermaid flowchart TD A(创建项目) --> B(安装路由库) B --> C(配置路由) C --> D(编写页面组件) D --> E(测试页面路由) ``` ## 详细步骤 ### 1. 创建项目 首先，你需要创建一个Java项目来实现单页面路由配置。可以使用Spring Boo
路由配置
Java
spring
原创
mob64ca12d2dee8
2024-06-25 07:23:44
56阅读

427 单页面应用，vue路由
单页面应用程序 SPA ： Single Page Application 单页面应用程序 MPA ： Multiple Page Application 多页面应用程序 单页 web 应用 就是只有一个 web 页面的应用， 是加载单个 HTML 页面， 并在用户与应用程序交互时， 动态更新该页面
html
vue.js
实例化
高亮
应用程序
转载
YOLO晴
2020-03-31 15:33:00
178阅读

webpack解决单页面路由问题
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
html
后端服务
官网
转载
mob604756fd7a56
2019-05-18 13:05:00
173阅读
2评论

react 路由 404页面配置
<Switch> <Redirect from="/" to="/light/login" exact></Redirect> <Route path="/lig
javascript
二级
原创
徐同保的博客
2022-06-30 16:23:13
59阅读

react 路由 404页面配置
二级路由需要同样的配置： listDom.push() ...
二级
原创
徐同保的博客
2021-09-17 14:40:21
288阅读

前端路由与单页页面实践
传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样容易造成服务器压力比较大，而且用户访问速度也比较慢，在这种场景下，出现了单页应用。
中软国际
history
hash
pushState
replaceState
原创
鸿蒙开发者社区官方账号
2022-03-25 15:26:02
584阅读

VueRouter实现路由嵌套单页面展示
放两张效果图在这里点击政治现实政治的页面，历史同理，而且域名路径发生了变化，但是
VueRouter
ide
嵌套
原创
明知山
2022-07-06 16:28:50
112阅读

react路由参数改变不重新渲染页面
问题描述：从/test/1跳转到/test/2，url改变了，页面没重新渲染解决办法（先跳转到其它页面，再跳转到目标页面）：this.props.history.push("/another")var$this=thissetTimeout(function(){$this.props.history.push("/destination/"+param)},100)
react路由参数
改变
渲染页面
原创
Lee_吉
2018-07-16 18:55:02
4955阅读

使用Next.js构建单页面React应用
最近遇到一个问题 突然要一个单页面的项目 用惯了Next.js 而 create-react-app 又不推荐且不灵活 最终找发现Nextjs也
react.js
前端
Next.js
单页面应用
Go
原创
JediHongbin
4月前
102阅读

React 路由
基于 React Router 5.x安装路由安装：npm install react-router-dom --save-dev
react.js
javascript
前端
传递参数
高阶函数
原创
BingCola
2022-07-19 20:16:26
183阅读

[react] 路由
文章目录1. 相关理解1.1. SPA的理解1.2. 路由的理解1.2.1 什么是路由?1.2.2 路由分类2. react-router-dom相关AP
react.js
Test
API
SPA
原创
533_
2022-12-21 20:55:19
247阅读

React 路由
React 路由通常使用 react-router 库来实现，它是一个功能强大的库，用于在 React 应用程序中实现客户端路由。
react.js
javascript
前端
User
App
原创
王校长的热狗
2024-10-14 09:45:49
57阅读

react usestate 获取最新的值 react获取当前页面路由
React路由的使用一、导引二、使用react-router-dom三、获取路由中的参数1、useLocation2、useParams四、使用usenavigate进行路由切换五、嵌套路由六、404页面 一、导引使用React路由的目的在于实现SPA（单页面应用），特点是单页面（只有一个html文件）、多组件。二、使用react-router-dom注意：这里要区分路由库的版本，我这里的版本是
react.js
javascript
前端
嵌套
App
转载
mob64ca1402665b
2024-03-01 08:24:07
958阅读

vue：学习心得：单页面？路由？难学？
vue：学习心得这里咕咕在b站看得尚硅谷的视频，大概花了8天左右，其中有点代码
vue.js
前端
javascript
前后端分离
模块化
原创
谷咕咕Cuckoo
2023-01-17 18:52:06
150阅读

单页面SPA应用路由原理 history hash
说明：pushstate和replacestate不能监听到路由变化，可以重写pushstate和replacestate，这样就获取到了pushState 和 replaceState 的参数。 hash和history的区别： hash： （1）丑 （2）hash会占用锚点功能 （3）兼容性较好
单页面
SPA
路由原理
history
hash
转载
mob604756e6cfe5
2018-12-11 13:09:00
107阅读
2评论

React 路由
路由的基本理解 SPA 理解 单页 Web 应用 （single page web application, SPA) 整个应用只有一个完整的页面 点击页面中的链接不会刷新页面，只会做页面的局部更新 数据都需要通过 ajax 请求获取，并在前端异步展现 前端路由的理解 游览器端路由： value 是 ...
传递参数
嵌套
刷新页面
h5
不兼容
转载
mob60475707d572
2021-08-07 16:01:00
161阅读
2评论

【React】路由
1、路由基本介绍现代的前端应用大多都是 SPA（单页应用程序），也就是只有一个 HTML
react
html
应用程序
a标签
原创
szlsay
2022-09-13 12:18:51
82阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

react用脚手架创建一个react单页面项目，react起手式

单页面axios 单页面应用

一文读尽前端路由、后端路由、单页面应用、多页面应用

react-路由参数、获取react路由参数

react 路由表 typescript react项目路由

wordpress react wordpress react页面

掌握Angular路由：创建流畅的单页面应用

单页面应用的前端路由原理是什么？

3-1 单页面路由vue-router

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯