Nuxt.js的ssr服务端渲染原理Nuxt.js 的 SSR(服务端渲染)原理是一个非常核心且有趣的话题。它并不是简单的“在服务器上跑 Vue”,而是一套完整的、精心设计的架构。
简单来说,它的核心原理是:“首屏在服务器提前渲染成 HTML,之后在客户端‘激活’为 SPA”。
下面我们分步拆解这个过程的原理、优势和关键实现。
一、核心目标:解决什么問題?
SEO(搜索引擎优化):传统 S...
一、核心概念:什么是 SSR?服务端渲染(Server-Side Rendering, SSR) 指的是:将原本在客户端(浏览器)执行的页面渲染工作,转移到服务器端完成。
服务器将渲染好的完整 HTML 页面直接发送给客户端,客户端接收到后无需等待 JavaScript 下载和执行就能直接显示内容。
与之相对的是 客户端渲染(Client-Side Rendering, CSR),也就是我们...
CI/CD🧠 核心概念:CI/CD是什么?CI/CD 是现代软件工程中的一套最佳实践和方法论,旨在自动化软件的集成、测试和部署流程。它由两个部分组成:
CI - 持续集成 (Continuous Integration)
CD - 持续交付/持续部署 (Continuous Delivery / Continuous Deployment)...
概念:Webpack 是一种用于构建 JavaScript 应用程序的静态模块打包器,它能够以一种相对一致且开放的处理方式,加载应用中的所有资源文件(图片、CSS、视频、字体文件等),并将其合并打包成浏览器兼容的 Web 资源文件。
功能:****
模块的打包:通过打包整合不同的模块文件保证各模块之间的引用和执行
代码编译:通过丰富的**loader**可以将不同格式文件如**.sass/...
一个重要的内置关系:VueComponent.prototype.proto=Vue.prototype
让组建实例对象(vc)可以访问到 Vue 原型上的属性、方法
关于不同版本的Vue: vue.js 与 vue.runtime.xxx.js 的区别:
vue.js 是完整版的vue。包含:核心功能+模板解析器。
vue.runtime.xxx.js 是运行版的Vue...