全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果329,949个

登录页面的实现及跳转代码实例(vue-router)_vue.js_脚本之家

在Vue.js中可以使用vue-router来实现前端路由,通过路由来跳转页面,这篇文章主要给大家介绍了关于登录页面的实现及跳转(vue-router)的相关资料,需要的朋友可以参考下− 目录 Vue-router 一、创建项目 1、使用vite创建项目 2、项目结构 3、创建登录项目 补充知识点:路由(router) 4、首页(登录进去后的页面) 二、...
www.jb51.net/javascript/310338z...htm 2024-6-7

浅析前端路由简介以及vue-router实现原理_vue.js_脚本之家

类似于服务端路由,前端路由实现起来其实也很简单,就是匹配不同的 url 路径,进行解析,然后动态的渲染出区域 html 内容。但是这样存在一个问题,就是 url 每次变化的时候,都会造成页面的刷新。那解决问题的思路便是在改变 url 的情况下,保证页面的不刷新。在 2014 年之前,大家是通过 hash 来实现路由,url hash 就...
www.jb51.net/article/1413...htm 2024-6-4

一篇文章带你了解vue路由_vue.js_脚本之家

路由分为前端路由和后端路由 1).后端路由是由服务器端进行实现,并完成资源的分发 后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由 2).前端路由是依靠hash值(锚链接)的变化进行实现 前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系 前端路由主要...
www.jb51.net/article/2358...htm 2024-6-7

详解vue 单页应用(spa)前端路由实现原理_vue.js_脚本之家

如果移动的位置超出了访问历史的边界,以上三个方法并不报错,而是静默失败 在HTML5,history对象提出了 pushState() 方法和 replaceState() 方法,这两个方法可以用来向历史栈中添加数据,就好像 url 变化了一样(过去只有 url 变化历史栈才会变化),这样就可以很好的模拟浏览历史和前进后退了,现在的前端路由也是基于这个原...
www.jb51.net/article/1377...htm 2024-6-7

详解vue路由_vue.js_脚本之家

在单页面应用程序中这种通过hash来改变页面的方式称作前端路由区别于后端路由 路由的使用 1.创建一个路由对象,当导入vue-router包之后,在window全局对象中就有一个路由的构造函数VueRouter 2.在new路由对象的时候可以传递一个配置对象,这个配置对象的route表示路由器的匹配规则 ...
www.jb51.net/article/1926...htm 2024-6-6

React前端路由应用介绍_React_脚本之家

前端应用大多数是SPA(单页应用程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器压力更小,所以更受欢迎。为了有效的使用单个页面来管理多页面的功能,前端路由应运而生 浏览器端的前端路由模式:hash模式,history模式 安装路由模块
www.jb51.net/article/2636...htm 2024-6-7

JS实现前端路由功能示例【原生路由】_javascript技巧_脚本之家

单页面就是有前端路由来实现的,也就是说网站只有一个页面,点击导航会显示不同的内容,对应的url也在发生改变。在这个过程中,js会实时检测url的变化,从而改变显示的内容。 路由实现的原理:window绑定了监听函数,当url的hash值发生变化的时候会触发hashchange回调,在回调中进行不同的操作,马上刷新页面,从而显示不同的页...
m.jb51.net/article/1875...htm 2024-5-29

前端路由&webpack基础配置详解_javascript技巧_脚本之家

前端路由&webpack基础配置详解 这篇文章主要介绍了前端路由&webpack基础配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 1. SPA SPA是单页面应用程序(single page application),通俗来讲就是在一个页面开发一个完整网站的功能...
www.jb51.net/article/1627...htm 2024-6-3

React中前端路由的示例代码_React_脚本之家

react-router-dom入门使用教程(前端路由原理) 使用React-Router实现前端路由鉴权的示例代码 详解前端路由实现与react-router使用姿势 React前端路由应用介绍问题没解决?试试这里 零距离AI可以帮你高效完成AI问答、AI对话、代码生成等开发相关的问题以及解决生活中遇到的各种疑难杂症,还能帮助你进行AI写作、AI绘画等等,提高...
www.jb51.net/article/2448...htm 2024-6-7

Vue 前端路由工作原理hash与history的区别_vue.js_脚本之家

前端路由:Hash 地址与组件之间的对应关系 后端路由:浏览器 请求地址+请求方式 与 后端 业务逻辑 之间的一个映射关系 SPA与前端路由: SPA (单页面应用,全称为:Single-page Web applications) 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成,此时,不同组件之间的...
www.jb51.net/article/2542...htm 2024-6-5