vue-meta-info 官方地址: https://github.com/monkeyWang... (设置vue 单页面meta info信息,如果需要单页面SEO,可以和 prerender-spa-plugin形成更优的配合) 单页面应用在前端正大放光彩。三大框架 Angular、Vue、 ...
分类:
其他好文 时间:
2020-01-18 21:27:04
阅读次数:
83
前端猿一天不学习就没饭吃了,后端猿三天不学习仍旧有白米饭摆于桌前。IT行业的快速发展一直在推动着前端技术栈在不断地更新换代,前端的发展成了互联网时代的一个缩影。而单页面应用的发展给前端猿分了一杯羹。 认识SPA 最早单页面的应用无从知晓,在2004年,google的Gmail就使用了单页面。到了20 ...
分类:
其他好文 时间:
2020-01-18 14:57:19
阅读次数:
98
对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的,浏览器提供了以下两种支持: 1、hash ——即地址栏URL中的#符号(此hsah ...
分类:
其他好文 时间:
2020-01-14 13:12:29
阅读次数:
78
单页应用(SinglePage Application,SPA) 指只有一个主页面的应用,一开始只需加载一次 js,css 等相关资源。所有的内容都包含在主页面,对每一个功能模块组件化。单页应用跳转,就是切换相关组件,仅刷新局部资源。 多页应用(MultiPage Application,MPA) ...
分类:
其他好文 时间:
2020-01-09 10:18:37
阅读次数:
69
在一个单页面应用里使用二级套嵌路由 目录结构如下: 其中main.js为全局配置文件,App.vue为项目入口。 main.js中路由配置如下 import Vue from 'vue'//引入vue import App from './App'//引入主模板 import Router from ...
分类:
其他好文 时间:
2020-01-04 23:55:03
阅读次数:
154
对于大多数单页面应用,都推荐使用官方支持的 vue-router 库。更多细节可以移步 vue-router 文档。 什么是路由 在web开发中,“route”是指根据url分配到对应的处理程序 后端路由 对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源,这个对应 ...
分类:
其他好文 时间:
2020-01-04 10:19:23
阅读次数:
82
二、vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是WebApp的链接路径管理系统。vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue ...
分类:
其他好文 时间:
2020-01-02 09:14:36
阅读次数:
94
1、React路由介绍 1.1、单页面应用 单页面得特点:只需要加载一次主页面,通过局部刷新,就可以实现跳转或者切换页面 优点:加载速度快,用户体验比较好 缺点: 第一次加载比传统要慢一点 不利seo 页面相对复杂 返回键 1.2、安装react-router-dom 在项目命令行中,执行 cnpm ...
分类:
其他好文 时间:
2019-12-24 18:23:47
阅读次数:
94
vue-router实现原理 近期面试,遇到关于vue-router实现原理的问题,在查阅了相关资料后,根据自己理解,来记录下。我们知道vue-router是vue的核心插件,而当前vue项目一般都是单页面应用,也就是说vue-router是应用在单页面应用中的。那么,什么是单页面应用呢?在单页面应 ...
分类:
其他好文 时间:
2019-12-23 22:31:24
阅读次数:
88
安装nodejs和npm 默认使用国外镜像,下载速度慢,手动改为国内淘宝的(直接在CMD终端执行) npm config set registry https://registry.npm.taobao.org 创建SPA(单页面)应用 ...
分类:
其他好文 时间:
2019-12-23 00:17:56
阅读次数:
76