山东大源建设集团网站wordpress+360友链

山东大源建设集团网站,wordpress+360友链,棋牌游戏网站模板,网上怎么找客户资源一、Vue 是一个框架#xff0c;也是一个生态。Vue 框架非常灵活。根据我们的需求场景#xff0c;我们可以用不同的方式使用 Vue#xff1a;1️⃣可以作为 Web Components#xff08;网页组件#xff1a;如一个弹窗、一个日历、一个评论框#xff09;在任何页面中嵌入2️⃣…一、Vue 是一个框架也是一个生态。Vue 框架非常灵活。根据我们的需求场景我们可以用不同的方式使用 Vue1️⃣可以作为 Web Components网页组件如一个弹窗、一个日历、一个评论框在任何页面中嵌入2️⃣单页应用 (SPASingle-Page Application)整个应用只加载一次完整的 HTML 页面初始页面之后的所有页面交互、内容切换都在是通过 JavaScript 动态更新 DOM 和数据完成不会触发浏览器的整页刷新。3️⃣服务端渲染SSRServer-Side Rendering、客户端渲染CSRClient-Side Rendering对比特性客户端渲染 (CSR)服务端渲染 (SSR)渲染位置浏览器客户端服务器浏览器拿到的内容空的 HTML 骨架只有div完整的、带内容的 HTML 页面首次渲染时机需等待 JS 加载并执行后再渲染拿到 HTML 后直接渲染SEO 友好性差爬虫抓不到动态内容好爬虫能抓到 HTML 内容首屏加载速度慢需加载大量 JS快直接显示内容服务器压力小仅返回数据大需渲染 HTML消耗 CPU搜索引擎优化SEOSearch Engine Optimization有利于在用户搜索相关关键词时获得更靠前的排名。SSR 的工作原理用户请求页面✅用户在浏览器输入 URL发送请求到服务器。服务器端处理✅服务器接收到请求后先从数据库获取对应的数据✅服务器端运行前端框架React/Vue的代码将组件和数据渲染成完整的 HTML 字符串✅服务器把这个完整的 HTML 字符串、以及前端所需的 CSS、JS 资源一起发送给浏览器浏览器端渲染✅浏览器拿到 HTML 后直接渲染出页面首屏秒开用户能立刻看到内容✅同时浏览器加载并执行页面中的 JS 代码让页面变成可交互的 SPA 模式。这个 “先渲染静态 HTML再激活为 SPA” 的过程叫同构渲染Isomorphic Rendering-- 同一套前端代码既可以在服务器端运行渲染 HTML也可以在客户端运行实现交互。如果你已经是一个老手你可以根据实际场景来选择使用 Vue 的最佳方式在各种场景下都可以保持同样的开发效率。这就是为什么我们将 Vue 称为“渐进式框架”它是一个可以与你共同成长、适应你不同需求的框架。