⚡ TECH BLOG
草将赤卒
全栈开发者 · 开源爱好者 · 终身学习者
关于我
你好!我是 草将赤卒,一名热衷于探索技术边界的全栈开发者。 我相信代码不仅是工具,更是创造的艺术。从晦涩的底层原理到优雅的前端交互, 从分布式系统的宏大设计到一行精简的CSS动画——每一个细节都值得深入钻研。
目前专注于 软件全栈开发 与 AI应用落地, 喜欢用技术解决实际问题,也热爱在开源社区分享知识。 这个博客记录了我的技术思考、项目实践与学习心得。
0
篇文章
0
开源项目
0
年经验
0
K Stars
技术分享
React 并发模式实战
利用 useTransition 和 Suspense 构建流畅的用户体验,避免阻塞主线程。
const [isPending, startTransition] = useTransition();
// 非紧急更新包裹在transition中
// 非紧急更新包裹在transition中
CSS 滚动驱动动画
使用 @scroll-timeline 和 animation-timeline 实现丝滑的滚动联动效果。
@keyframes reveal { to { opacity: 1; } }
/* 滚动驱动,无需JS */
/* 滚动驱动,无需JS */
Docker 多阶段构建优化
通过多阶段构建将镜像体积缩减80%,提升CI/CD流水线效率。
FROM node:alpine AS builder
# 构建阶段与运行阶段分离
# 构建阶段与运行阶段分离
JWT 安全最佳实践
短有效期Access Token + 长有效期Refresh Token,配合轮换机制保障安全。
const accessToken = sign({ sub: userId }, secret, { expiresIn: '15m' });
TypeScript 高级类型体操
掌握条件类型、映射类型与模板字面量类型,编写更安全的代码。
type DeepReadonly<T> = {
readonly [K in keyof T]: ... }
// 递归只读类型
readonly [K in keyof T]: ... }
// 递归只读类型
Edge Computing 边缘计算
将计算推向网络边缘,利用Cloudflare Workers实现超低延迟的全球服务。
export default { async fetch(req) {
return handleRequest(req); } }
return handleRequest(req); } }