前端小姐姐的日常笔记

好记性不如烂笔头，脑子内存又太小，日常前端知识点mark
本姑娘要开始使用此平台写博客啦，日常唠嗑，只是想通过此途径来记录日常的对于前端的一些想法，若理解有误，望指正，大家互相学习。

一.多页面和单页面应用的区别

1. 多页面应用的特点：

   优点：首屏时间快，也就是首页打开渲染会比较快，SEO搜索引擎效果好，因为我们访问一个页面的时候，后端都会返回一个新htmL页面，这个过程只是经历了一个http请求的过程，请求这样的一个过程，请求回来页面也就是展示了，他的搜素引擎效果好，我们知道，搜索引擎在做网页排名的时候，需要根据网页的内容给权重，再根据权重去进行排名，搜索引擎是可以识别html中的内容的，而我们页面的展示的内容都使用html的方式去展示的 ，所以他的搜索引擎比较好的。
   缺点：页面切换会比较慢，因为我们每次的页面请求都需要请求一个http，如果网络不是很好的话，就会出现页面跳转卡顿。

2. 单页面应用的特点：

   vue 使用的router跳转就是单页面应用，主要是使用js的方式清除跳转前的页面，再创新新的页面
   优点：页面跳转的时候，是使用js动态渲染的，只需要前端做对应的处理就可以了，不需要做html的页面的请求服务器，也就是不需要等待，所以页面切换的时候是比较快的。
   缺点：单页面首屏的展示的时间是比较慢，因为首屏展示的时候需要向服务器请求一个HTML以及一个js，以及搜索引擎差，因为单页面的是通过js的方式渲染的，而搜索引擎不识别js的内容，所以不会给页面有个好的排名。以至于导致单页面的搜索引擎会比较差。