Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Day14:关于SPA单页页面的理解正确的是? #50

Open
Genzhen opened this issue Jun 22, 2020 · 4 comments
Open

Day14:关于SPA单页页面的理解正确的是? #50

Genzhen opened this issue Jun 22, 2020 · 4 comments

Comments

@Genzhen
Copy link
Collaborator

Genzhen commented Jun 22, 2020

关于SPA单页页面的理解正确的是?

  • A.用户体验好、快,但是内容的改变需要重新加载整个页面,会造成不必要的跳转和重复渲染;
  • B.前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理;
  • C.初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;
  • D.前进后退路由管理需要使用浏览器的前进后退功能
  • E.SEO 难度较大:由于所有的内容都在一个页面中动态替换显示,所以在 SEO 上其有着天然的弱势。

每日一题会在下午四点在交流群集中讨论,五点小程序中更新答案
欢迎大家在下方发表自己的优质见解
二维码加载失败可点击 小程序二维码

扫描下方二维码,收藏关注,及时获取答案以及详细解析,同时可解锁800+道前端面试题。

@Genzhen
Copy link
Collaborator Author

Genzhen commented Jun 22, 2020

答案
B C E

解析
SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。

  • SPA优点

    • 用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染;
    • 基于上面一点,SPA 相对对服务器压力小;
    • 前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理;
  • SPA缺点

    • 初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;
    • 前进后退路由管理:由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,所有的页面切换需要自己建立堆栈管理;
    • SEO 难度较大:由于所有的内容都在一个页面中动态替换显示,所以在 SEO 上其有着天然的弱势。

@Genzhen Genzhen closed this as completed Jul 21, 2020
@Genzhen Genzhen reopened this Jul 29, 2020
@wangfpp
Copy link

wangfpp commented Feb 1, 2021

B虽然说法正确,但是SPA不是前后端分离开发吧?

@wind8866
Copy link

B虽然说法正确,但是SPA不是前后端分离开发吧?

我也感觉关系不大,但是根据经验,多选题,描述正确,有一点关联也算对

@jackieveev
Copy link

这题感觉歧义较多,spa的绝对定义只是单页应用,其他的都没有明确规定要怎么做

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants