云商网站建设,株洲专业做网站设计的,网络推广网站建设软件定制,揭阳网站制作计划一、对SPA的理解? 理解基本概念 SPA(single-page application)单页应用#xff0c;默认情况下我们编写 Vue、React 都只有一个html 页面#xff0c;并且提供一个挂载点#xff0c;最终打包后会再此页面中引入对应的资源。 (页面的渲染全部是由JS动态进行渲染的)。切换页面时… 一、对SPA的理解? 理解基本概念 ·SPA(single-page application)单页应用默认情况下我们编写 Vue、React 都只有一个html 页面并且提供一个挂载点最终打包后会再此页面中引入对应的资源。 (页面的渲染全部是由JS动态进行渲染的)。切换页面时通过监听路由变化渲染对应的页面 client Side Rendering客户端染 CSR MPA(Multi-page application)多页应用多个html页面。每个页面必须重复加载jscss 等相关资源。 (服务端返回完整的 html同时数据也可以再后端进行获取一并返回“模板引擎“。多页应用跳转需要整页资源刷新。Server side Rendering服务器端渲染 SSR 如何分清在哪渲染:HTML 是在前端动态生成的“客户端染”在服务端处理好并返回的是“服务端渲染。 优缺点
单页面应用 (SPA)多页面应用(MPA)组成一个主页面和页面组件多个完整的页面刷新方式局部刷新整页刷新SEO搜索引擎优化无法实现容易实现页面切换速度快用户体验良好切换加载资源速度慢用户体验差维护成本相对容易相对复杂
用户体验好、快内容的改变不需要重新加载整个页面服务端压力小 二、对SPA的理解?
.谈一谈对 vue组件化的理解 webcomponent 组件化的核心组成: 模板、属性、事件、插槽、生命周期组件化好处:高内聚、可重用、可组合 。组件化开发能大幅提高应用开发效率、测试性、复用性等; 。降低更新范围只重新渲染变化的组件; 补充: 。Vue中的每个组件都有一个染函数watcher、effect. 。数据是响应式的数据变化后会执行watcher或者effect。 。组件要合理的划分如果不拆分组件那更新的时候整个页面都要重新更新。 如果过分的拆分组件会导致watcher、effect产生过多也会造成性能浪费
