前端路由和后端路由 后端路由: 输入url -> 请求发送到服务器 -> 服务器解析请求的路径 -> 拿到对应页面 -> 返回出去 前端路由: 输入url -> js解析地址 -> 找到对应地址的页面 -> 执行页面生成的js -> 看到页面 1、Hash 和 History vue插件的基础知识 ...
分类:
其他好文 时间:
2020-02-17 00:53:43
阅读次数:
98
Vue前端路由 1. npm install vue-router --save 2.脚手架安装 一、目录结构 二、index.js // 0.导入vue和路由插件 import Vue from 'vue' import VueRouter from 'vue-router' import Hom ...
分类:
其他好文 时间:
2020-02-14 14:42:28
阅读次数:
55
Vue Router 路由实现原理 一、概念 通过改变 URL,在不重新请求页面的情况下,更新页面视图。 二、实现方式 更新视图但不重新请求页面,是前端路由原理的核心之一,目前在浏览器环境中这一功能的实现主要有2种方式: 1.Hash 利用 URL 中的hash("#"); 2.利用 History ...
分类:
其他好文 时间:
2020-02-07 10:50:15
阅读次数:
58
随着 ajax 的使用越来越广泛,前端的页面逻辑开始变得越来越复杂,特别是spa的兴起,前端路由系统随之开始流行。 从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下): 记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存(分享)时的状态); 可 ...
分类:
其他好文 时间:
2020-01-29 10:55:24
阅读次数:
179
对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的,浏览器提供了以下两种支持: 1、hash ——即地址栏URL中的#符号(此hsah ...
分类:
其他好文 时间:
2020-01-14 13:12:29
阅读次数:
78
前端路由:在应用使用期间不会重新加载,提高用户体验,减低网速要求,界面展开快。前后端分离方便开发目前前端路由有两种实现方法:利用url的hash,当浏览器url的锚点部分发生改变,不会刷新页面的原理利用h5中的history,通过监听opostate事件,利用pushstate或replacesta... ...
分类:
其他好文 时间:
2020-01-04 01:10:28
阅读次数:
113
Table of Contents1. 认识Vue2. Vue安装3. Hello Vuejs3.1 Mustache3.21. 认识Vue读音 vju:Vue是一个渐进式框架Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM2. Vue安装 CDN... ...
分类:
其他好文 时间:
2019-12-19 19:12:25
阅读次数:
101
在研究vue的路由前,先说说 什么是路由 路由是指 当地址栏的改变时页面做出改变 路由分为前端路由 和 后端路由 ==后端路由==就是指访问和相应了,地址栏是百度,当前的路由就是百度,如果跳转到淘宝,路由就是淘宝,后端路由会带来页面刷新 ==前端路由==是自己通过API改变地址栏的内容,再判断地址栏 ...
分类:
其他好文 时间:
2019-12-15 23:32:29
阅读次数:
138
如何提升学习效率? 古人说得好,“思深方益远,谋定而后动,知止而有得”。 第一件事是抛出问题 通过类比学习,我们能举一反三,降低学习成本。 我们以学习Vue为例 Vue是什么? 框架是什么?库是什么? Vue的竞品有哪些? 为什么要有前端路由? 为什么要有SSR? 为什么要有状态管理? 为什么要有声 ...
分类:
其他好文 时间:
2019-12-15 22:04:31
阅读次数:
90
当用户访问ip地址,比如 ==www. aa .com/bb/cc/dd.html== 正常情况下是访问一个叫aa.com的服务器里的bb文件夹里的cc文件夹里的dd.html这个文件(其实很多情况都是假的地址,做了服务器代理,前端路由等安全处理,就先这么理解吧!) 然后服务器读取本地的dd.htm ...
分类:
其他好文 时间:
2019-12-13 23:21:35
阅读次数:
106