美文网首页vue-nodejs
SPA(single page application)[单页面

SPA(single page application)[单页面

作者: 饥人谷_hak | 来源:发表于2017-07-24 00:06 被阅读253次

jsp

1.png

在Ajax出现之前 , 都是这种混合型, 将数据插入到HTML. 一般叫后端模板开发.

前后端分离

2.png

SPA的特征

所有页面都是同一路径
唯一变化就是锚点

tabs切换的时候要变URL , 这样才能保证刷新的时候保持原来的tab位置

现在应该怎么做呢?

window.onhashchange
3.png

根据字符串变化, 去改变事情就叫路由.
可以让他默认的描点就是

vue是怎么做路由的

那就是vue router

SPA的弊端

就是SEO不友好

搜索引擎的原理是什么

搜索引擎是不会渲染JS的
也就是说它不法理解SPA写的是什么

相关文章

  • SPA

    认识SPA SPA(Single Page Application) 单页面应用程序 ​ 概念:...

  • SPA、SEO、SSR

    1、SPA—单页面应用(single page application) SPA就是只有一张Web页面的应用。单页...

  • 单页面多页面区别

    多页面模式(MPA Multi-page Application): 单页面模式(SPA Single-pag...

  • vue-router笔记摘录认识

    1.SPA单页面应用的理解 SPA(single-page application),翻译过来就是单页应用SPA是...

  • 8. SPA( 单页)

    SPA,单页Web应用(single page web application,SPA),就是只有一张Web页面的...

  • SPA

    SPA 单页Web应用(single page web application,SPA),就是只有一张Web页面的...

  • SPA 与 SSR 的区别

    SPA 全称 Single Page Application,即单页面应用。也称为 CSR(Client Side...

  • react项目学习笔记-总结-感悟

    SPA(Single Page Application) 单页面应用,就是只有一张Web页面的应用。单页应用程序 ...

  • vue 路由组件

    单页面应用 单页应用(single page web application,SPA),是在一个页面完成所有的业务...

  • vue路由hash和history

    一、路由原理 1、SPA SPA,即单页面应用(Single Page Application)。就是只有一张 w...

网友评论

    本文标题:SPA(single page application)[单页面

    本文链接:https://www.haomeiwen.com/subject/rqbjkxtx.html