⚡ TECH BLOG

草将

全栈开发者 · 开源爱好者 · 终身学习者

⚛️ React 🟢 Node.js 🐍 Python 🐳 Docker ☁️ Cloud 🔮 AI

关于我

你好!我是 草将赤卒,一名热衷于探索技术边界的全栈开发者。 我相信代码不仅是工具,更是创造的艺术。从晦涩的底层原理到优雅的前端交互, 从分布式系统的宏大设计到一行精简的CSS动画——每一个细节都值得深入钻研

目前专注于 软件全栈开发AI应用落地, 喜欢用技术解决实际问题,也热爱在开源社区分享知识。 这个博客记录了我的技术思考、项目实践与学习心得。

0
篇文章
0
开源项目
0
年经验
0
K Stars

技术分享

🧠

React 并发模式实战

#React #Concurrent

利用 useTransitionSuspense 构建流畅的用户体验,避免阻塞主线程。

const [isPending, startTransition] = useTransition();
// 非紧急更新包裹在transition中

CSS 滚动驱动动画

#CSS #Animation

使用 @scroll-timelineanimation-timeline 实现丝滑的滚动联动效果。

@keyframes reveal { to { opacity: 1; } }
/* 滚动驱动,无需JS */
🐳

Docker 多阶段构建优化

#Docker #DevOps

通过多阶段构建将镜像体积缩减80%,提升CI/CD流水线效率。

FROM node:alpine AS builder
# 构建阶段与运行阶段分离
🔐

JWT 安全最佳实践

#Security #Auth

短有效期Access Token + 长有效期Refresh Token,配合轮换机制保障安全。

const accessToken = sign({ sub: userId }, secret, { expiresIn: '15m' });
🎯

TypeScript 高级类型体操

#TypeScript #Types

掌握条件类型映射类型模板字面量类型,编写更安全的代码。

type DeepReadonly<T> = {
  readonly [K in keyof T]: ... }
// 递归只读类型
🚀

Edge Computing 边缘计算

#Edge #Serverless

将计算推向网络边缘,利用Cloudflare Workers实现超低延迟的全球服务。

export default { async fetch(req) {
  return handleRequest(req); } }