- 2024-11-07我的博客网站为什么又回归Blazor了
引言在博客网站的开发征程中,站长可谓是一路披荆斩棘。从最初的构思到实践,先后涉足了多种开发技术,包括[MVC](ASP.NETCoreMVC概述|MicrosoftLearn)、[RazorPages](ASP.NETCore中的RazorPages介绍|MicrosoftLearn)、[Vue](Vue.js-渐进式JavaScript框架|Vue.js
- 2024-11-07零碎知识
1.SSR服务端渲染SSR(Server-SideRendering,服务器端渲染)是一种通过服务器生成完整HTML页面并将其返回给客户端的渲染方式。这意味着在用户请求页面时,服务器会提前渲染页面内容,并将渲染好的HTML发送到浏览器,浏览器直接显示页面,而不是先加载一个空的HTML框架,之后通过JavaScript来
- 2024-10-27有了 Vue + Nginx,为什么还要 Node
开头段落:Vue和Nginx结合能构建高效的前端服务,但Node.js的加入能带来更广泛的服务端优势:例如实现服务器端渲染(SSR)、提供API服务、执行自动化构建及任务管理、及灵活的数据处理能力。而服务器端渲染是最为明显的一点——使用Vue时,若不通过Node.js,你的网站可能只能做到客户端渲染(CSR
- 2024-10-23DevExpress中文教程 - 如何在静态SSR模式下使用Blazor Drawer组件?
Microsoft的.NET8UI框架引入了静态服务器端呈现模式(静态SSR)——组件在服务器端呈现,然后返回到客户端,没有任何交互,DevExpress BlazorDrawer组件需要交互式呈现模式来动态地改变其IsOpen状态。在本文中,我们将回顾在静态SSR渲染模式下动态显示/隐藏DevExpressBlazorDrawer组
- 2024-10-22当IT技术总监面试问:描述你如何实现服务端渲染(SSR)以及它对SEO和性能的影响?
服务端渲染(SSR)是一种在服务器上渲染HTML页面,然后将完成的页面发送给客户端的网页渲染技术。这种方法与客户端渲染(CSR)相对,后者通常是在浏览器中执行JavaScript来动态生成页面内容。如何实现服务端渲染(SSR):1.**选择框架**: 选择支持SSR的框架,如React(Next.js)、Vue(Nuxt.js)、A
- 2024-10-10PAT甲级1005 Spell It Right
介绍Givenanon-negativeintegerN,yourtaskistocomputethesumofallthedigitsofN,andoutputeverydigitofthesuminEnglish.InputSpecification:Eachinputfilecontainsonetestcase.EachcaseoccupiesonelinewhichcontainsanN(≤10的1
- 2024-09-23Vue 3.5 版本“天元突破红莲螺岩”(Tengen Toppa Gurren Lagann)
探讨Vue3.5中的一些关键更新。1.响应式属性解构在Vue3.5中,从props和emits中解构出来的属性默认就是响应式的。这意味着你不再需要手动使用toRefs或toRef来使解构的属性具有响应性。例如:import{defineComponent}from'vue';exportdefaultdefineCom
- 2024-09-20Nextjs Rendering- SSR, SSG, RSC in SPAs – What’s the Deal-
Next.js充满了诸如SSR、SSG和RSC之类的首字母缩略词,这可能会让您头晕。但这一切都是为了让网络应用程序更加流畅。SPA(单页应用程序)就像在整个烧烤中使用一个盘子-您只需更换内容即可确保无缝体验。SSR(服务器端渲染)就像按需新鲜烹饪一样,非常适合经常变化的内容。通过SSR,
- 2024-09-17Blazor静态服务端呈现(静态SSR)身份认证
本文介绍Blazor静态服务端呈现(静态SSR)模式下,用户登录身份认证是如何实现的。1.SSR简介SSR是服务器侧呈现,HTML是由服务器上的ASP.NETCore运行时生成,通过网络发送到客户端,供客户端的浏览器显示。SSR分两种类型:静态SSR:服务器生成静态HTML,它不提供用户交互性或维护R
- 2024-08-22七、SPA单页面实现SEO优化之SSR服务器渲染
前言:关于SPA和SEO优化、SSR服务器渲染的介绍可以参考这里:六、什么是SEO优化(搜索引擎优化)?SPA单页面应用如何实现SEO优化?通过上一篇文章可以了解到,VueSPA单页面应用对SEO不友好,但是也有相应的解决方案。我了解到的SEO的实现方式有以下几种:1.SSR服务器渲染;2.静态化;3.预
- 2024-08-12Vue 3 SSR的革新之旅:服务器端渲染的改进与实践
服务器端渲染(SSR)是一种将Web应用的UI渲染过程放在服务器端进行的技术。Vue3对SSR的支持进行了全面改进,提升了性能和开发体验。本文将探讨Vue3中SSR的改进点,并提供实践指南。一、SSR的概念与优势SSR允许服务器直接发送完整的HTML文档给客户端,这有助于提高首屏加载速度,改
- 2024-08-03【Nuxt】初识 Nuxt 和目录说明
初识NuxtNuxt3支持Vue3及其周边生态,提供前后端功能,支持CSR(SPA),SSR,SSG渲染模式的应用。Nuxt3特点:Vue技术栈Nuxt3是基于Vue3+VueRouter+Vite等技术栈,全程Vue3+Vite开发体验(Fast)。自动导包Nuxt会自动导入辅助函数、组合API和VueAPI,无需手动导入。基
- 2024-08-02【Nuxt】服务端渲染 SSR
SSR概述服务器端渲染全称是:ServerSideRender,在服务器端渲染页面,并将渲染好HTML返回给浏览器呈现。SSR应用的页面是在服务端渲染的,用户每请求一个SSR页面都会先在服务端进行渲染,然后将渲染好的页面,返回给浏览器呈现。构建SSR应用常见的库和框架有:VueNuxt,ReactNext
- 2024-07-18SSR理解(vite与nuxt比较)
一、SSR的概念与理解(什么是SSR?)定义:SSR是指在服务器端完成页面的渲染工作,将最终生成的HTML内容发送给浏览器。简单来说,就是在服务器端将网页内容渲染成HTML,然后将这个渲染好的HTML发送到客户端,也就是我们的浏览器。原理:(渲染过程)传统的Web应用是在客户端(浏览器)通过Jav
- 2024-07-13useCookie函数:管理SSR环境下的Cookie
title:useCookie函数:管理SSR环境下的Cookiedate:2024/7/13updated:2024/7/13author:cmdragonexcerpt:摘要:本文详述了useCookie函数在服务器端渲染(SSR)中的应用,包括读写Cookie、配置选项如maxAge、expires、httpOnly、secure、domain、path及SameSite,并提供了encode、
- 2024-06-21React的服务器端渲染(SSR)和客户端渲染(CSR)有什么区别?
React的服务器端渲染(SSR)和客户端渲染(CSR)是两种不同的页面渲染方式,它们各自有不同的特点和适用场景:服务器端渲染(SSR)页面渲染:页面在服务器上生成,然后将完整的HTML发送给客户端。SEO:由于搜索引擎爬虫可以直接访问到完整的页面内容,因此对搜索引擎优化(SEO)更为友好。首
- 2024-06-10SSR技术:让搜索引擎爱上你的网站
SSR在编程开发中通常指的是“Server-SideRendering”(服务器端渲染)。这是一种网页渲染技术,其核心思想是在服务器端完成页面的HTML结构渲染,然后将完整的HTML页面发送给客户端(浏览器)。这与传统的客户端渲染(Client-SideRendering,CSR)不同,后者通常只发送一个空的HTML页面和JavaS
- 2024-05-14CSR客户端渲染和服务器端渲染(SSR)
CSR指的是客户端渲染(Client-SideRendering)。在客户端渲染中,整个页面的渲染过程发生在用户的浏览器上,而不是在服务器上。在传统的服务器端渲染(SSR)中,服务器负责将页面的HTML内容完全渲染好,并将其发送给浏览器。但在客户端渲染中,浏览器会下载页面的初始HTML结构,然后使用JavaSc
- 2024-04-29FETCH JSON ERROR IN MIK-SSR-WEB
背景在日常巡检时发现,MIK-SSR-WEB的Grafana监控中出现500的异常响应。原因分析1.Grafana监控在监控面板中发现,503响应不为0 2.Skywalkingl链路在Skywalking中过滤错误响应,发现所以异常的URL均为/mik-web-static/map/2c-prd/released-menu/michaels_menu
- 2024-04-29CI/CD构建部署流程(bitbucket部分)
一、目前环境:lab二、进入bitbucket的pipeline页面 三、查看CI构建流程详细信息 四、进入devops-pipeline-cd项目https://bitbucket.org/miktechnology/devops-pipeline-cd/pipelines/results/page/1Can'tfindlink,查看CD部署日志 五、验证CI/CD构建部署流程是否成
- 2024-04-29CI/CD构建部署流程(Jenkins部分)
一、目前环境:dev、qa、uat、staging、prod二、地址https://jenkins.devopx.michaels.com/,公司google账户登录三、搜索查看的项目名Openimage-20230329-073028.png四、选择环境对应分支Openimage-20230329-073230.png五、查看当前环境信息Openimage-20
- 2024-04-29Pod monitoring of Nodejs
一、Nodejs添加接口1、nextjs用法安装包prom-client,在ping同一目录层级创建接口api/ssr/metrics比如首页https://mik.dev.platform.michaels.com/api/ssr/metricsdc项目https://mik.dev.platform.michaels.com/api/ssr/dc/metrics import{register,collectDefaultMetri
- 2024-04-29升级next@13 react@18 chakra-ui@2
一、升级步骤1、本地node建议升级到v20(next@13要求node@18,react@18、react-dom@18、chakra-ui@2)2、支持渐进式升级next13,升级的项目需按next官方添加环境变量NEXT_PUBLIC_NEXT13,请devops帮忙Dockerfile构建时添加.env文件到pod中Openimage-20240111-081926.png3
- 2024-04-19如何评价 Next.js?
作者:你不知道我是谁链接:https://www.zhihu.com/question/52365623/answer/2814907079来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。16年的问题了,在6年后的平安夜刷到了。Next.js,是第二个让我由心觉得好用,觉得「我艹,可以啊」的一个框架。第一个
- 2024-04-19106.React SSR(服务器端渲染)实践指南
106.ReactSSR(服务器端渲染)实践指南极客前端探索者前沿技术的探索者,编码艺术的实践者关注他 1人赞同了该文章随着前端技术的发展,单页应用(SPA)已经成为了前端开发的主流形式。然而,在某些场景下,如首屏加载速度、SEO优化等方面,SPA仍然存在着一些