合集-前端
摘要：
经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等，而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案，其实有一定学习成本。 而其实在 VSCode 中早已内置了相当无脑的 Debug 方式，就是 JavaScri
阅读全文
经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等，而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案，其实有一定学习成本。 而其实在 VSCode 中早已内置了相当无脑的 Debug 方式，就是 JavaScri
阅读全文
摘要：
Cypress 是一个非常流行的测试工具，然而实际使用过程中发现一些问题，这里做些记录。 问题发现 在 Cypress 下 click 是非常常用的指令，然而在一些特殊场景下 click 并不能如想象中那般正常工作。 比如现在有一个弹窗，我们需要测试在点击遮罩层时是否可以正常关闭弹窗。 测试代码比较
阅读全文
Cypress 是一个非常流行的测试工具，然而实际使用过程中发现一些问题，这里做些记录。 问题发现 在 Cypress 下 click 是非常常用的指令，然而在一些特殊场景下 click 并不能如想象中那般正常工作。 比如现在有一个弹窗，我们需要测试在点击遮罩层时是否可以正常关闭弹窗。 测试代码比较
阅读全文
摘要：
# React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`，帮助理解 `SSR` 是如何实现的，有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染，是指将网页内容在服务器端
阅读全文
# React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`，帮助理解 `SSR` 是如何实现的，有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染，是指将网页内容在服务器端
阅读全文
摘要：
上次写了一个 `SSR` 的 `DEMO`，今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`，来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成，是指将在构建时就提前生成静态 `HTML`
阅读全文
上次写了一个 `SSR` 的 `DEMO`，今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`，来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成，是指将在构建时就提前生成静态 `HTML`
阅读全文
摘要：
本文以 `React`、`Vue` 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 ## 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 ### 挂载组件到 DOM 节点 这是主流框架最基本的能力，就是将组件渲染到指定的 `DOM` 节
阅读全文
本文以 `React`、`Vue` 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 ## 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 ### 挂载组件到 DOM 节点 这是主流框架最基本的能力，就是将组件渲染到指定的 `DOM` 节
阅读全文
摘要：
最近把之前的一个网站域名换成另一个域名，想要添加一下重定向，避免流量流失（虽然本来就没流量）。然后在 Cloudflare 配置时尝试多次都失败了，遇到各种 `Your connection is not private` 或者 `Webpage Temporarily Down or Moved
阅读全文
最近把之前的一个网站域名换成另一个域名，想要添加一下重定向，避免流量流失（虽然本来就没流量）。然后在 Cloudflare 配置时尝试多次都失败了，遇到各种 `Your connection is not private` 或者 `Webpage Temporarily Down or Moved
阅读全文
摘要：
> 😂 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API`
阅读全文
> 😂 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API`
阅读全文