单页面应用优缺点(SPA)

lxf2023-12-17 07:20:01

页面应用优缺点(SPA)

单页面应用程序流程把所有的主题活动限于一个Web页面上,在这个Web网页页面复位时载入对应的HTML、JavaScript 和 CSS。一旦页面加载进行,单页面应用不容易因为用户的操作而产生的界面的重新加载或自动跳转。随之而来的是运用 JavaScript 动态变化转换HTML内容,以此来实现UI与客户的互动。因为防止了界面的重新加载,单页面应用能够提供比较顺畅的使用体验。

1,单页面应用的优势

单页应用内容的变化不用重新加载所有网页页面,读取数据都是通过Ajax多线程获得,并没有网页页面间的转换,不会出现“黑屏状况”,不会出现诈死且有“闪动”状况,网页页面表明顺畅

  • 较好的前端后端工作中分离出来方式

后面不会再承担模版3D渲染、导出网页页面工作中,后面API集成化,即同一套后面编程代码,无需改动就可用作Web页面、手机上、平板电脑等几种手机客户端

  • 缓解网络服务器工作压力

单页应用相对性网络服务器压力不大,网络服务器仅用出数据信息就能,不管展现逻辑与网页页面生成,吞吐量也会提高好几倍

2, 缺陷
  • 首屏载入慢

解决方法: 1,vue-router懒加载

Vue-router懒加载便是按需加载部件,只有在路由器被浏览的时候才会载入相对应的部件,而不是去载入主页时就载入,新项目越多,对首屏载入的效率提高得更为明显

2,应用CDN加快

正在做项目的时候,大家要用到许多库,选用cdn载入可以加速打开速度。

3,异步加载部件

4,服务端渲染

服务端渲染还会对seo优化起到效果,有助于百度搜索引擎爬取大量有价值的信息(假如网页页面纯前面3D渲染,百度搜索引擎爬取过的那只是空网页页面)

  • 不益于SEO

seo 实质是一个网络服务器向另一个网络服务器进行要求,分析要求具体内容。但一般来说百度搜索引擎一般不会去行动要求过的js的。换句话说,搜索引擎基本网络爬虫的基本原理便是爬取url,随后获得html源码并分析。 如果一个单页应用,html在服务端都还没3D渲染一部分数据数据,用浏览器才3D渲染出数据信息,即百度搜索引擎要求过的html是实体模型网页页面而非最终数据的渲染页面。 那样就不益于具体内容被关键词搜索到

解决方法:1,服务端渲染

网络服务器生成完整的 html 文档再导出到电脑浏览器

2,网页页面预渲染

3,路由器选用h5 history方式

  • 不适宜开发设计工程项目

工程项目中会会涉及到大量DOM实际操作、繁杂的动态效果,也就不建议应用Vue、react架构进行设计

本站是一个以CSS、JavaScript、Vue、HTML为中心的前端开发技术网址。我们的使命是为众多前端工程师者提供全方位、全方位、好用的前端工程师专业知识和技术服务。 在网站上,大家可以学到最新前端开发技术,掌握前端工程师最新发布的趋势和良好实践。大家提供大量实例教程和实例,让大家可以快速上手前端工程师的关键技术和程序。 本站还提供了一系列好用的工具软件,帮助你更高效地开展前端工程师工作中。公司提供的一种手段和软件都要经过精心策划和改进,能够帮助你节约时间精力,提高研发效率。 此外,本站还拥有一个有活力的小区,你可以在社区里与其它前端工程师者沟通交流技术性、交流经验、处理问题。我们坚信,街道的能量能够帮助你能够更好地进步与成长。 在网站上,大家可以寻找你需要的一切前端工程师网络资源,使您成为一名更加出色的网页开发者。欢迎你添加我们的大家庭,一起探索前端工程师的无限潜能!