前端
-
React Native 按需加载实战(二)
前言 上一篇文章介绍了如何对 React Native 项目的 JS 文件进行拆包,这次我们仍然用一个例子来演示如何按需加载拆包后的各文件。 目标 如上图所示,最终想实现如下效果:…
-
体验一把 React transition
引言 React 系列继续,今天来聊一聊 transition。话不多说,我们先用一个例子(React 18)来引入今天的主题: import {useState,&nb…
-
React SSR 之限流
引言 当对 React 应用进行页面加载或 SEO 优化时,我们一般会想到用 React SSR。但 React SSR 毕竟涉及到了服务端,有很多服务端特有的问题需要考虑,而限流…
-
浅学 WebAssembly(实现视频实时滤镜效果)
前言 WebAssembly 出来已经很久了,但是一直都没有实践过,实在是不应该,所以就趁这次国庆假期浅学一下吧。毛主席说过,“实践是检验真理的唯一标准”,所以我们今天就实现一个“…
-
搞清楚 Sentry Issues 页面几个重要的内容
前言 日常工作中已经用了很久的 Sentry 了,但是对一些概念和功能还是一知半解,比如:Event 和 Issues,fingerprint 等。趁这次 CY 风波之际,重新学习…
-
Node.js 高级编程之 cluster
前言 日常工作中,对 Node.js 的使用都比较粗浅,趁未羊之际,来学点稍微高级的,那就先从 cluster 开始吧。 鲁迅说过,“带着问题去学习是一个比较好的方法”,所以我们也…
-
Node.js 高级编程之 RPC
前言 在构建微服务时,为了追求极致的效率,服务间一般会使用 RPC(Remote Procedure Call)来进行通信。本文通过 Node.js 来实践一下。 Node.js …
-
当 Transfer-Encoding: chunked 遇上 HTTP2
背景 某日,Leader 说:“给我们的 SSR 服务整一下流式渲染吧!”。听完我心想:这不是小弟已经研究过的玩意吗。所以果断回答 OK 没问题。 一天之后,本地修改完毕,部署到 …
-
Node.js 高级编程之 Stream(我是跟 ChatGPT 学会的)
前言 在做 SSR Stream Render 的时候遇到了 Node.js 的 Stream,但是对其总是一知半解。正好最近 ChatGPT 很火,找他学一学吧,没想到真的把我教…
-
阻塞还是不阻塞,做个实验就好了
前言 浏览器在解析 HTML 时,遇到 CSS 和 JS 可能会阻塞住,这个结论网上有很多,可自行搜索。 对于 JS,有如下结论: JS 加载会阻塞 HTML 的解析和渲染 JS …
-
SSR + 微前端?前端可真能搞事情
前言 第一次见到这个概念是在 single-spa(https://single-spa.js.org/docs/ssr-overview) 官网上。不得不说,前端真能搞…
-
Node.js 高级编程之 UDP(看看它是如何不可靠的)
前言 UDP 协议是我们平时较少接触到的知识,不同于 TCP,它是“不可靠”的,今天我们就来实战一下看下它到底怎么个不可靠法? 不可靠的 UDP 实验前,我们先介绍一下需要用到的工…
-
浅析 React Server Component
前言 React Server Component (以下简称 RSC)这个概念已经提出很久了,但是一直对其一知半解,这次就借五一小长假来搞清楚吧。我们通过官网的例子(https:…
-
React SSR 之监控
前言 SSR 服务成功上线后并不就是万事大吉,建立一套完善的服务监控系统也是非常重要。本文介绍如何通过 promethus 来对 SSR 服务进行监控。 环境搭建 使用 docke…
-
模拟 ChatGPT 生成答案的动画效果
在使用 ChatGPT 时一直都好奇它生成答案的动画效果是怎么做的,今天我们就简单的来模拟下。 先上效果: 我们先准备一下接口,代码如下: const express&n…
-
浅析状态管理库 Jotai 的实现原理
前段时间无意中发现了一个叫 Jotai 的状态管理库,使用起来感觉挺轻量顺手的,比如下面这个简单的例子: import {atom, useAtom} …