嘿嘿不务正业-CSDN博客

原创 next.js 源码解析 - getStaticProps、getStaticPaths 篇

解析 next.js 中的 getStaticProps、getStaticPaths 相关的源码，SSG 的相关实现等。

2023-08-15 22:19:36 293

原创 Cloudflare 重定向配置

最近把之前的一个网站域名换成另一个域名，想要添加一下重定向，避免流量流失（虽然本来就没流量）。然后在 Cloudflare 配置时尝试多次都失败了，遇到各种或者报错，还有跳到 404 页面等各种问题。最后终于解决，这里记录一下。

2023-07-22 09:19:07 803

原创什么是 CSR、SSR、SSG、ISR - 渲染模式详解

看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。渲染模式其实远不止以上几种，很多场景下都可以进行相应的优化。在录入或更新数据时通过WebHook等通知构建系统进行增量构建，算是ISR的一种变种在SSR场景下可以对静态组件和动态组件进行区分，将静态组件使用SSG输出，然后将其拼接到页面中。所以没有最好的只有最适合的，按需选择最适合自己需求的渲染模式即可。如果想要看SSRSSGISR的具体实现请看我之前的文章。

2023-07-01 22:34:57 486

原创 React ISR 如何实现 - 最后的 Demo

ISR即增量静态再生，是指在SSG的前提下，可以在收到请求时判定页面是否需要刷新，如果需要则重新构建该页面，这样既拥有了静态页面的优势又可以避免页面长时间未更新导致信息过时。且由于在页面维度验证，所以每次可以只构建特定的页面。ISR一般适用于符合SSG场景，但是却对页面的时限性有一定要求时。ISR对比SSG需要额外的开发成本需要额外的服务器资源投入无法使用一般的静态文件服务器没有最佳，只有最适合，所以实际场景下还是按需选用。本文的demo代码放置在中，可自行取阅。

2023-06-27 23:21:12 104

原创 React SSG - 也写个 Demo 吧

SSG即静态站点生成，是指将在构建时就提前生成静态HTMLSEO（搜索引擎优化）：由于部分搜索引擎对CSR内容支持不佳，所以SSG可以提升网站在搜索引擎结果中的排名。静态站点：比如博客、CMS系统输出站点等，由于内容以静态内容居多，都可以使用SSG。React中的SSG本质也是通过来实现，但是时机与SSR不同，是在构建时进行。本文的demo代码放置在中，可自行取阅。

2023-06-24 22:12:37 113

原创 React SSR - 写个 Demo 一学就会

SSR即服务端渲染，是指将网页内容在服务器端中生成并发送到浏览器的技术。相比于客户端渲染（CSR），SSRSEO（搜索引擎优化）：由于部分搜索引擎对CSR内容支持不佳，所以SSR可以提升网站在搜索引擎结果中的排名。首屏加载速度：由于SSR可以在服务器端生成完整的HTML页面，用户打开网页时能够更快地看到内容，不会看到长时间的白屏，可以提升用户体验。隐藏某些数据：由于CSR需要从服务器将数据下载下来进行动态渲染，所以一些数据很容易被他人获取，而SSR。

2023-06-18 19:24:51 130

原创 AI 绘画 - 如何 0 成本在线体验 AI 绘画的魅力

上面的几个站点基本可以体验到大部分的功能，并且毫无上手成本，如果想要体验AI绘画又嫌麻烦或者是不想花钱的这些网站的免费额度基本可以完全满足普通玩家的需求了。最后AIGC.CASA中收录了非常多的优质AI工具，有兴趣的可以前往查看。

2023-05-17 23:20:44 140

原创 Cypress 踩坑记 - DOM 遮挡

说实在的Cypress这样的遮挡检查方式不太妥当，过于简单粗暴而且很容易让人困惑。理论上而言可以使用layer层层比对交叉区域来判定更为妥当。不知道是不是有什么文档导致放弃了。还有点击的方式感觉也可以再优化一下，比如提供了坐标或者方位，那就应该以提供的坐标或方位来做遮挡判定，现在遇到这种情况只能使用force，然而使用了force这个测试的意义就少了一大半。

2023-05-16 22:40:27 106

原创 Node 调试利器，前端、Node 开发必备 - VSCode JS Debug Terminal

可以看出VSCode的基本支持了所有我们常用的调试场景，无论是nodetypescriptwebpack还是jest，全部拿捏。并且使用绝对无脑，可以放心食用。当然在使用过程中也遇到一些小问题，比如在跑jest时由于会启动多个子进程此时点击断点工具条中的断开可能会导致后续失效，也有时会卡住。不过瑕不掩瑜，用了就知道真香。

2023-05-15 21:24:19 202 1

原创 AI 绘画基础 - 细数 Stable Diffusion 中的各种常用模型【魔导士装备图鉴】

上面几种模型就是 Stable Diffusion 中最常用的几种，通过 Checkpoint 控制图片的主要风格；通过 VAE 给图片补光、调亮；通过 LoRA ｜ LyCORIS 对模型进行风格、角色控制；通过 Textual Inversion 简化 Prompt；通过 ControlNet 进行姿势、色彩控制，修复手部。不过这并不是 Stable Diffusion 中所有的模型，其它的一些模型如果有空再整理下。

2023-05-10 08:55:01 1562 2