最新 最热

CSR、SSR与同构渲染全方位解析

CSR工作原理: 客户端渲染主要依赖于Ajax或者Fetch API从服务器异步获取数据,并通过JavaScript库(如React、Vue、Angular等)在浏览器端构建DOM树。这种方式极大地提高了应用的动态性和交互性,允许页面在不刷新的情况下更新...

2024-06-14
1

基于Puppeteer实现前端SSR完美接⼊⽅案

CSR 全称是 Client Side Rendering 代表的是客户端渲染。顾名思义,就是在渲染⼯作在客户端(浏览器)进⾏,⽽不是在服务器端进⾏。举个例⼦,我们平时⽤vue,react等框架开发的项⽬,都是先下载 html ⽂档(不是最终的完全的 html),然...

2024-05-20
1

RPC与HTTP协议的对比:前端开发者为何需要了解RPC

RPC(Remote Procedure Call)是一种远程过程调用协议,它允许程序调用另一个地址空间(通常是在另一台计算机上)的过程或方法。流行的PRC框架很多,例如gRPC。...

2023-12-26
3

SPA 如何达到 SSR 一样的秒开效果?

SPA(单页应用)在初次加载时,由于需要加载所有必要的 JavaScript 和 CSS 文件,以及应用的主 HTML 文件,因此可能会产生白屏时间较长的问题,对用户体验而言是非常糟糕的。...

2023-11-30
1

React + Express实现极简SSR的原理

记得在刚开始写代码的时候,那时候做一个网页,用的是PHP,页面内容使用php配合template直出,以为哪个就是一个web开发的全部,不料,react,vue的出现,迅速打破了web开发的体验,如实csr一时间成了前端开发中舆论套路的焦点,随后各种...

2023-11-26
1

Nuxt3在使用Tailwindcss情况下,如何优雅实现深色模式切换?

随着前端更新,网站设计中,深色模式也成为了一种备受欢迎的设计趋势。可以帮助用户减少眼睛的负担,同时也更加适合在光线较暗的环境下使用。

2023-07-31
3

利用phantomjs来实现无需SSR的VUE网站SEO支持

Phantomjs是一个基于webkit内核的无头浏览器,即没有UI界面,即它就是一个浏览器,只是其内的点击、翻页等人为相关操作需要程序设计实现。虽然“PhantomJS宣布终止开发”,但是已经满足对Vue的SEO处理。       这种解决...

2023-07-24
1

React 设计模式 0x5:服务端渲染 SSR

SSR(Server-Side Rendering,服务器端渲染)是指将 React、Vue、Angular 等客户端渲染的应用在服务器端执行一次,然后将渲染结果返回给浏览器进行展示的过程。相对于客户端渲染(CSR,Client-Side Rendering),SSR 可以提高页面的...

2023-05-17
1

next.js 源码解析 - getServerSideProps 篇

老规矩,昨天写了关于 getServerSideProps 的内容,今天趁热写一下 getServerSideProps 相应的源码,看看 next.js getServerSideProps 是怎么实现的,还有什么从文档无法知晓的细节。...

2023-05-09
1

Angular SSR 探究

你知道 Angular Universal 吗?可以帮助网站提供更好的 SEO 支持哦!

2022-12-05
2