《Vite插件开发：从0到1实现一个Markdown转换器》
- 插件基础结构解析
- Markdown到组件的转换
- 代码高亮集成
- 热更新处理
《ESLint自定义规则实战》
- AST基础概念解析
- 编写禁止console.log的规则
- 团队规范自动检查
- 与Prettier的配合
性能优化
mcp
如何写mcp服务
bun
埋点监控
《Canvas渲染引擎开发实战》
- 脏矩形算法实现
- 离屏Canvas双缓冲策略
- 基于WebGL的2D加速
- 对象池模式内存管理
- 实时FPS监控系统构建
canvas 性能优化 离屏渲染和脏矩阵检测
- 用offscreenCanvas在web worker中渲染 复杂图形
- 实现脏矩阵算法 只重绘变化区域
- 实测真绿茶提升
canvas 事件交互 -
isPointInPath()检测是否命中复杂路径- 四叉树 优化大模型对象碰撞检测
webgl 用canvas 2D模拟3D效果
- 透视投影 公式推导
- tansform
canvas 性能对比 requestAnimation VS. WebGL
《WebSocket的黑暗面》
- 帧分片与流量控制
- 心跳检测算法优化
- 断线重连的竞态处理
- 二进制协议设计
- 压力测试与极限优化
- socket.io
《WebSocket 断网重连：从理论到生产级方案》
-
业务强需求：在线协作、实时数据大屏
-
深度内容：
- 心跳检测的 3 种算法对比
- 消息队列和幂等性设计
- 离线状态下的数据同步策略
- Demo：模拟弱网环境下的稳定性测试
《Turborepo 重构 monorepo：提速 70% 的秘籍》
-
工程化痛点：多项目依赖管理混乱
-
具体方案：
- 任务并行执行和缓存配置
- 增量构建的触发条件
- 与 PNPM Workspace 的优劣对比
- Demo：现场演示 10 个项目的构建耗时从 3 分钟降到 50 秒
6. 前端安全攻防实战
-
内容方向：
- 常见漏洞（XSS、CSRF、CORS配置错误）
- 防御方案（CSP、Sanitize API、JWT安全）
- 渗透测试工具演示（如Burp Suite基础使用）
-
亮点：通过实际案例演示攻击与防御。
用service worker让网页秒开 即使离线
- 预缓存关键资源
- 实现network falling back to cache 策略
- 用workbox快速生产SW 注册代码
- 提示弱网/离线状态下的用户体验
