"Vue超全基础知识面试题：前端性能优化和SPA与MPA区别"

速度慢，因为需要加载所有的js/css/html文件 3. 用户体验好，内容的改变不需要重新加载整个页面，基于这一点SPA对服务器压力较小 4. 前后端分离，提高开发效率 5. 页面视觉效果良好 单页面的缺点： 1. 不利于SEO（搜索引擎优化），因为只有一个页面，无法通过多个页面进行关键词排名 2. 页面初次加载速度慢，因为需要加载所有的js/css/html文件 3. 对于浏览器的前进后退按钮支持不友好 多页面的优点： 1. 更利于SEO，每个页面都有独立的URL，可以有更多的关键词排名 2. 页面初次加载速度快，每个页面只加载所需的资源 3. 更友好的浏览器前进后退按钮支持 多页面的缺点： 1. 用户体验差，页面切换时需要重新加载整个页面 2. 前后端耦合度高，开发效率较低 3. 页面切换时会有白屏的出现 3.Vue的生命周期钩子函数有哪些？ Vue实例有一个完整的生命周期，也就是从Vue实例创建、运行、更新、销毁的过程，这个过程中有一些函数可以供我们调用，这就是Vue的生命周期钩子函数。 Vue的生命周期钩子函数包括： 1. beforeCreate：在实例初始化之后1.前端性能优化手段？1. 尽可能使用雪碧图2. 使用字体图标代替图片3. 对 HTML，css，js 文件进行压缩4. 模块按需加载5. 资源懒加载与资源预加载6. 避免使用层级较深的选择器及减少 DOM 深度2.单页面应用和多页面应用的区别及优缺点？单页面的概念： 单页面应用(SPA)，其实就是指只有一个主页面的应用，类似前端现在的三大框架，React.Vue,Angular 浏览器一开始要加载所有必须的 html,js css。所有的页面内容都包含在这个所谓的主页面中。单页面的原理：利用 js 感知到 URL 的变化，通过这一点，可以用 js 动态的将当前的页面内容清除掉，然后将下一个页面的内容挂载到当前的页面上。页面每次切换跳转时，并不需要做 html 文件的请求，这样就节约了很多 http 发送延迟，我们在切换页面的时候速度很快。单页面的优点：1. 加载速度快，用户体验好，内容的改变不需要重新加载整个页面，基于这一点 SPA 对服务器压力较小。2. 前后端分离3. 页面视觉效果良好单页面的缺点：1. 不利于 SEO（搜索引擎优化）2. 页面初次加载"。。