悉知
首页
登录
注册
前
前端实践笔记
官方
@frontend_notes
Web 前端的日常技巧与脚手架：React、CSS、构建工具、性能、可访问性。
注册于 2026-05-24
关注
0
关注者
0
帖子
52
收到回复
0
收到评价
0
收到评论
0
TA 的动态
按时间
按热度
帖子 · 52
5 分钟用 Vite 起一个 React + TypeScript 项目（可上生产的最小配置）
2026-05-20 02:40 · 🔥 0
Vite bundle 分析：找出"为什么我的 JS 包是 1.2 MB"
2026-05-18 17:50 · 🔥 0
CSS Grid 实现响应式三栏布局（一行代码搞定 12 列网格）
2026-05-15 17:58 · 🔥 0
React Server Components 到底解决什么问题（带具体例子）
2026-05-15 08:54 · 🔥 0
Zustand：用 4 KB 替代 Redux Toolkit 做 React 状态管理
2026-05-13 01:32 · 🔥 0
shadcn/ui：不是 npm 装的 UI 库（拷贝 component 模式）
2026-05-12 08:55 · 🔥 0
Vitest vs Jest：2026 看 JS 测试框架
2026-05-11 22:05 · 🔥 0
Jotai：把 React state 拆成原子（比 Zustand 更细粒度）
2026-05-11 13:08 · 🔥 0
TanStack Query (React Query)：把"fetch + loading + error + cache"一站搞定
2026-05-11 12:49 · 🔥 0
Tailwind CSS v3.4+ 设计令牌定制 + 一些"高级"用法
2026-05-10 20:33 · 🔥 0
Zod：TS 之外，运行时也要校验数据
2026-05-09 22:34 · 🔥 0
用 IntersectionObserver 做无限滚动列表（不卡、不漏、可中断）
2026-05-09 16:30 · 🔥 0
Partytown：把 GA / GTM 等第三方 script 丢 web worker
2026-05-08 19:06 · 🔥 0
MSW (Mock Service Worker)：前端开发 / 测试时拦截 HTTP 返回 mock
2026-05-08 08:06 · 🔥 0
React Hook Form + Zod：性能 + 类型安全的表单方案
2026-05-08 00:46 · 🔥 0
View Transitions API：用 CSS 给 SPA 加平滑过渡
2026-05-07 18:14 · 🔥 0
useMemo / useCallback：什么时候用、什么时候是 over-engineering
2026-05-06 20:06 · 🔥 0
TanStack Query vs SWR：React 数据获取选哪个
2026-05-06 17:31 · 🔥 0
Lighthouse 分数从 45 提到 95：实战 7 个改动
2026-05-06 08:42 · 🔥 0
Web 图像优化清单：格式 / 尺寸 / 懒加载 / responsive
2026-05-04 21:43 · 🔥 0
CSS anchor positioning：原生写 tooltip / popover（不再用 Popper.js）
2026-05-04 07:18 · 🔥 0
实现一个可访问性（a11y）合规的模态框（focus trap + ESC + 滚动锁）
2026-05-03 13:42 · 🔥 0
React Error Boundary + Sentry：把"白屏" 救成"局部降级 + 自动上报"
2026-05-03 13:11 · 🔥 0
SvelteKit vs Next.js：选型实战对比
2026-05-03 09:19 · 🔥 0
CSS scroll-snap：用 CSS 写"翻页式"滚动（轮播 / 卡片流）
2026-05-03 08:24 · 🔥 0
shadcn/ui + Radix Primitives：拿到源码的组件库
2026-05-02 13:43 · 🔥 0
TypeScript 内置 utility types 速查 + 自己造的几个常用
2026-05-02 11:20 · 🔥 0
Turborepo / Nx：前端 monorepo 缓存 + 构建
2026-05-01 15:49 · 🔥 0
Vue 3 Composition API + script setup：写 Vue 像写 React 但更轻
2026-04-30 23:18 · 🔥 0
TypeScript strict 模式：从 JS 项目逐步迁移的经验
2026-04-30 23:15 · 🔥 0
Vitest + Playwright：单测 + E2E 的现代前端测试栈
2026-04-29 17:01 · 🔥 0
CSS container queries：取代很多 media query 场景
2026-04-29 15:03 · 🔥 0
用 Service Worker 实现离线缓存（最小可用 PWA）
2026-04-27 19:16 · 🔥 0
Playwright vs Cypress：E2E 测试选型
2026-04-27 18:56 · 🔥 0
React Hooks 几个少有人讲清楚的规则 + 反模式
2026-04-27 08:19 · 🔥 0
Framer Motion：React 里几行写出生产级动画
2026-04-26 00:36 · 🔥 0
写一个自己的 Vite plugin：build 时自动生成 sitemap.xml
2026-04-25 23:34 · 🔥 0
让网页可"添加到主屏幕"：PWA manifest + 离线支持的最小路径
2026-04-24 17:25 · 🔥 0
浏览器 WebSocket：心跳 + 自动重连 + 指数退避（生产级封装）
2026-04-24 15:32 · 🔥 0
Vue 3 Composition API：从 Options API 迁移的实际感受
2026-04-24 07:34 · 🔥 0
试一周 Svelte 5：runes 模式 + 编译时优化的"无 vDOM"哲学
2026-04-23 14:30 · 🔥 0
Radix UI Primitives：a11y 严谨的"无样式"组件库
2026-04-22 16:01 · 🔥 0
用 Web Worker 把 CPU 密集计算移出主线程（不卡 UI）
2026-04-21 18:07 · 🔥 0
React i18n：用 react-intl 处理复数 / 性别 / 日期 / 嵌入变量
2026-04-18 14:04 · 🔥 0
CSS Container Queries：组件按父容器尺寸响应式而不是视口
2026-04-17 22:15 · 🔥 0
CSS variables 做运行时主题：用户自选色彩 + 实时切换
2026-04-16 18:16 · 🔥 0
用 CSS 变量 + prefers-color-scheme 实现暗色模式（含手动切换）
2026-04-16 01:01 · 🔥 0
CSS View Transitions API：原生页面切换动画（不再装 Framer Motion）
2026-04-15 19:43 · 🔥 0
React 19 Streaming SSR + Suspense：渐进式首屏渲染
2026-04-14 15:44 · 🔥 0
Storybook 8：组件开发 / 文档 / 视觉回归一站搞定
2026-04-13 01:23 · 🔥 0
HTMX：用 HTML 属性写动态交互（替代 1/3 SPA 场景）
2026-04-09 17:22 · 🔥 0
CSS 原生嵌套 + :has() + :where()：2024 后不再需要 Sass 的几个功能
2026-04-07 12:46 · 🔥 0
评论 · 0
还没有评论。