共找到 11 个提示词
项目式学习法（PBL）核心理念：不要先学再做，而是要"做"驱动"学"——找一个你想完成的真实项目，在做项目的过程中碰到什么不会就学什么。编程学习第一利器、创业学习标配、所有需要输出作品的领域都适用
设计CDN加速方案：CDN选型（CloudFront/Cloudflare/阿里云CDN）→缓存策略（TTL/Cache Key）→回源优化→动态内容加速→边缘计算（Edge Functions）→HTTPS配置→成本优化→监控与日志
设计可维护的CSS架构：Tailwind实用工具的边界→组件样式提取策略→设计Token→响应式设计模式→暗黑模式→CSS Modules的适用场景→CSS架构的演进（BEM→CSS-in-JS→Tailwind）
设计E2E测试架构：Playwright配置→Page Object Model→测试数据管理→视觉对比测试→API拦截与Mock→多浏览器并行→CI集成（GitHub Actions）→测试报告→Flaky测试处理
前端多层缓存架构：HTTP缓存（Cache-Control/ETag/Service Worker）→应用缓存（SWR/React Query/TanStack Query）→内存缓存（Map/LRU）→本地存储缓存（localStorage/IndexedDB）→CDN缓存→缓存失效策略→缓存键设计
设计微前端架构：Module Federation/qiankun/single-spa选型→应用拆分策略→共享依赖→样式隔离→通信机制→路由管理→独立部署→CI/CD→与微服务对齐
微前端架构落地：技术选型（Module Federation/qiankun/single-spa）→主应用与子应用通信→样式隔离→JS沙箱→公共依赖共享→路由管理→CI/CD独立部署→渐进式迁移→团队协作模型
PWA完整开发指南：Manifest配置→Service Worker缓存策略→离线可用→后台同步→推送通知→安装提示→iOS兼容适配→PWA vs 原生App的取舍→Lighthouse PWA审计
Svelte实战指南：响应式声明（$:）→Store状态管理→SvelteKit全栈路由→Actions→Transitions→与React/Vue思维方式的差异→编译时优化→生产部署
构建视觉回归测试体系：Storybook + Chromatic → Percy → Playwright截图对比 → 像素差异阈值设置 → 动态内容处理 → CI中审批流程 → 设计系统一致性保障
Core Web Vitals深度优化：LCP优化（图片/字体/关键CSS）→INP优化（长任务分解/Web Worker/web-vitals采集）→CLS优化（尺寸预设/字体加载）→CDN策略→资源加载优先级→性能预算→性能回归监控