这是我参与「第五届青训营 」伴学笔记创作活动的第 8 天
- 同构ssr: 前后端一体化, 一套react代码分别在服务端和浏览器端运行一遍, 前后端都参与渲染, 并且渲染结果一致
- BFF: backend for frontend, 前后端的中介, 对后端请求处理后再给前端请求
- csr: 用户请求的页面是空白HTML, 在运行js后才生成内容
- ssr: 服务端渲染, 服务端将内容渲染后返回给浏览器
- ssg:静态资源, 请求时直接返回静态HTML, 所有用户访问的内容都是一样的
- ssr ssg: 由于页面有HTML, 利于搜索引擎爬取页面, seo友好, 更短的首屏时间
- 同构: 客户端和服务端都会进行一次渲染, 保证事件可以触发
- 脱水: 保证服务端和客户端内容一致
- router 根据pages文件夹中的文件路径生成对应的路由, 使用link组件和useRouter进行页面间跳转, 比原生方式性能好
- getInitialProps: 在服务端运行, 页面跳转时会在客户端运行
- getServerSideProps :只会在服务端运行
- getStaticPaths: ssg在服务端构建时执行
- cssmodule: 用hash值隔离样式,在末尾添加module.css就行, 原生支持
- layout: 重复的组件可以写在_app中
- 多媒体适配: css适配 与 js 适配相结合 通常是css适配
- 大图适配: webp 需要更长的解析时间
- next api: 没有中间件, 需要自己区分请求类型
- 服务端调试: 使用debug控制台和浏览器 debugger模式
- cms: 给运营同学的数据管理平台, 使用strapapi时, 需要注意relation的数据结构, 默认不会将包含的数据返回, 需要生动添加populate参数, 可以使用库来返回所有的relation
- markdown转HTML: showmarkdown
- 主题化使用全局状态存储, 并监听localstorage变化同步修改多进程主题
