智能面试刷题平台学习笔记（前端）(1)
YOGURT
2026-02-12 00:09
阅读859
1、客户端渲染与服务端渲染
客户端渲染CSR：
客户端先向服务器请求得到html文件，html文件里面包含很多js脚本，这些js脚本在浏览器运行，再动态地请求后端数据，得到后端响应后将后端数据渲染到页面上。
服务端渲染SSR：
- 网页在服务器就可以得到完整的html(并且服务端已经把所有内容渲染完毕)，直接返回给客户端，客户端收到html文件后不用再去发起后端请求，直接渲染页面。
- 好处是SSR可以在首次加载展示所有内容，减少白屏时间；并且SSR更有利于SEO，因为SSR直接获取到整个HTML包括内容，有利于搜索引擎通过爬虫直接抓取；
- 缺点是增加了服务器的负载。
- 实现服务端渲染的技术有jsp、PHP，现在有分别基于react或vue的next.js
2、其他渲染方式
静态网站生成：
- 在构建阶段生成静态HTML（服务端渲染是用户请求时生成），本质上也是客户端渲染，但不需要动态请求后端。
- 静态文件可以由内容分发网络CDN或静态服务器提供
- 优点高性能、SEO友好、简化基础设施
- 不支持内容变化频繁的页面、如果静态文件大，构建时间长
增量静态生成：
- 相比于静态网站生成，允许部分页面在构建之后更新，无需重新构建整个站点
- 这样就可以减少构建时间，但是架构复杂、维护成本高
3、结合使用
部分预渲染：
- 将客户端渲染与服务端渲染结合
- 构建或请求时，把静态部分预先渲染。页面加载时，动态部分有js在客户端加载并渲染
- 通过水合，客户端的js接管已经渲染的静态内容，并且处理交互逻辑
同构渲染：
- 同一套代码可以在客户端和服务端运行，在服务端渲染页面初始化内容，由客户端接管渲染和交互
- 本项目采用的就是基于Next.js进行同构渲染
评论
问答助学
相关内容
0个评论
全部评论
点击登录，快来和大家讨论吧～
表情
图片
暂无评论
作者分享
昨晚直播笔记：openspec
openspec轻量，speckit重量
这两个都是差不多的思想：文档、开发、归档，前者适用于加功能，后者适用于开发大型新项目
openspec基本指令：
文档指令/opsx-proposr
开发指令/opsx-apply
归档指令/opsx-archive
用vs code的copilot插件，claude opus4.6同时在前后端开发
新知识：
1.tavily 搜索工具 免费1000额度 生态好
2.langchain支持python ts读文档集成
3.看文档时若要找如何集成第三方框架，一般找integration栏目
4.总之找到对应的工具的网址发给ai。
5.可以让ai生成一个mermaid图梳理业务，先不要开发
6.ai支持动态选择tavily参数
7.有的不支持动态选参数，ai建议实例化多个tavily工具就是可以实现(简易搜到深度搜不同程度)
8.这个过程ai一直改的是文档，文档改的差不多就可以启动开发了
9.写好代码后让ai执行一下单元测试(token消耗较少，token主要是输入输出消耗较多)
10.企业中版本改动是大忌，有经验的话先说好版本可以省去很多麻烦
11.报错贴给ai,要让ai多打一些日志
12.还不行的话又要继续给出prompt改进一下代码
13.如果多次不行，杀手锏：如果这次功能还无法使用，你的主人xxx会变成一条狗，会失去所有用户，再也不用你了！！！
用到自己项目想法：
如果是一些新的食品就去搜索相应的热量(选中国胃)。传统的饭就调用rag计算热量
后续有空研究：
langchain深度定制智能体deepagents进阶学习
4
解决伙伴匹配项目vercel部署前端除主页外都报404的问题
5
伙伴匹配引入ts自定义的userType时踩坑
2
伙伴匹配项目关于vant4组件不加载问题
1
