摘要: next.js 源码解析 - getStaticProps、getStaticPaths 篇 > 😂 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容,然而半年过去了源码解析就一直忘记了,不久前有人提醒才想起来,补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码,不了解这两个 `API` 阅读全文
posted @ 2023-08-15 22:21 嘿嘿不务正业 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 什么是 CSR、SSR、SSG、ISR - 渲染模式详解 本文以 `React`、`Vue` 为例,介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 ## 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力,了解的可跳到下个章节。 ### 挂载组件到 DOM 节点 这是主流框架最基本的能力,就是将组件渲染到指定的 `DOM` 节 阅读全文
posted @ 2023-07-01 22:37 嘿嘿不务正业 阅读(775) 评论(0) 推荐(2) 编辑
摘要: React SSR - 写个 Demo 一学就会 # React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`,帮助理解 `SSR` 是如何实现的,有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染,是指将网页内容在服务器端 阅读全文
posted @ 2023-06-18 19:26 嘿嘿不务正业 阅读(449) 评论(0) 推荐(0) 编辑
摘要: AI 绘画 - 如何 0 成本在线体验 AI 绘画的魅力 要想体验 AI 绘画,比较流行的三种方式是 Midjourney、OpenAI 的 DALL·E 2 以及 Stable Diffusion。而 Midjourney 已经停止免费试用,且使用价格不太便宜,DALL·E 2 也是一样价格不菲。只有 Stable Diffusion 作为一款开源模型可 阅读全文
posted @ 2023-05-17 23:23 嘿嘿不务正业 阅读(1267) 评论(7) 推荐(5) 编辑
摘要: Node 调试利器,前端、Node 开发必备 - VSCode JS Debug Terminal 经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等,而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案,其实有一定学习成本。 而其实在 VSCode 中早已内置了相当无脑的 Debug 方式,就是 JavaScri 阅读全文
posted @ 2023-05-15 21:28 嘿嘿不务正业 阅读(511) 评论(0) 推荐(3) 编辑
摘要: AI 绘画基础 - 细数 Stable Diffusion 中的各种常用模型 【🧙 魔导士装备图鉴】 AI 绘画新手魔导士在刚开始玩 Stable Diffusion 时总会遇到各种新的概念,让人困惑,其中就包括各种模型和他们之间的关系。 魔法师入门得先认识各种法师装备(各种模型),让我们遇到问题知道使用何种装备来协助自己发挥更大的效果。 safetensors 在了解各种模型之前,有必须先了解下 阅读全文
posted @ 2023-05-10 08:57 嘿嘿不务正业 阅读(1583) 评论(0) 推荐(2) 编辑
摘要: Mac M1(arm 系列芯片)如何安装 Chromium | Puppeteer 最近写个脚本用到 puppeteer,然后安装 Chromium 出现一点问题,这里记录一下解决方案。 Puppeteer 自动安装失败 在 Puppeteer 安装时会自动安装 Chromium,然而却总是报错 502 导致下载失败,直接下载可以下载,命令行 wget 也可以,猜测是因为 Pupp 阅读全文
posted @ 2023-04-27 23:27 嘿嘿不务正业 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 阿里云 AIGC 白嫖 FC 搭建 stable diffusion 下午瞎逛在 V 站看到阿里在做推广,正好这几天在研究 stable-diffusion,就进去看了看,活动地址: https://developer.aliyun.com/topic/aigc 。 主要就是阿里云的 FC 免费提供 3 个月的试用(注意,只有 150 元额度,所以重度使用可能一会就玩 阅读全文
posted @ 2023-04-22 13:53 嘿嘿不务正业 阅读(253) 评论(2) 推荐(0) 编辑
摘要: AI 绘画咒语入门 - Stable Diffusion Prompt 语法指南 【成为初级魔导士吧!】 要用好 Stable Diffusion,最最重要的就是掌握 Prompt(提示词)。由于提示词对于生成图的影响甚大,所以被称为魔法,用得好惊天动地,用不好魂飞魄散 🐶。 因此本篇整理下提示词的语法(魔法咒语)、如何使用(如何吟唱)、以及一些需要注意的细节问题(避免翻车)。 基础语法 在提示词中我 阅读全文
posted @ 2023-04-22 13:46 嘿嘿不务正业 阅读(1953) 评论(0) 推荐(0) 编辑
摘要: Cloudflare 重定向配置 最近把之前的一个网站域名换成另一个域名,想要添加一下重定向,避免流量流失(虽然本来就没流量)。然后在 Cloudflare 配置时尝试多次都失败了,遇到各种 `Your connection is not private` 或者 `Webpage Temporarily Down or Moved 阅读全文
posted @ 2023-07-22 09:21 嘿嘿不务正业 阅读(390) 评论(0) 推荐(0) 编辑
摘要: React ISR 如何实现 - 最后的 Demo 之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`,今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生,是指在 `SSG` 的前提下,可以在收到请求时判定页 阅读全文
posted @ 2023-06-27 23:22 嘿嘿不务正业 阅读(126) 评论(0) 推荐(0) 编辑
摘要: React SSG - 也写个 Demo 吧 上次写了一个 `SSR` 的 `DEMO`,今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`,来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成,是指将在构建时就提前生成静态 `HTML` 阅读全文
posted @ 2023-06-24 22:12 嘿嘿不务正业 阅读(225) 评论(0) 推荐(0) 编辑
摘要: Cypress 踩坑记 - DOM 遮挡 Cypress 是一个非常流行的测试工具,然而实际使用过程中发现一些问题,这里做些记录。 问题发现 在 Cypress 下 click 是非常常用的指令,然而在一些特殊场景下 click 并不能如想象中那般正常工作。 比如现在有一个弹窗,我们需要测试在点击遮罩层时是否可以正常关闭弹窗。 测试代码比较 阅读全文
posted @ 2023-05-16 22:43 嘿嘿不务正业 阅读(198) 评论(0) 推荐(1) 编辑