共找到 22 个提示词
零基础编程学习路线:第一门语言怎么选(Python vs JavaScript vs 其他)→推荐学习资源的正确使用顺序→避坑指南(不要只看不写/不要完美主义/不要同时学多门语言)→前100小时学习计划→如何判断自己是否适合编程→转码学习时间预估
构建无障碍测试体系:axe-core自动化检测→键盘导航测试→屏幕阅读器测试(NVDA/VoiceOver)→颜色对比度检查→WCAG 2.1 AA合规清单→CI集成→常见无障碍问题修复方案
Angular企业级开发指南:Standalone Components→Signals vs RxJS→依赖注入设计→Ngrx状态管理→懒加载策略→变更检测优化(OnPush)→单元测试→项目结构(Nx monorepo)→国际化
实现Backend for Frontend(BFF)模式:BFF的职责边界→与API Gateway的区别→移动端/Web端/第三方各自BFF→数据聚合策略→认证透传→BFF的代码复用→何时不需要BFF
Chrome扩展开发完整指南:Manifest V3规范→Content Script vs Background Script vs Popup→消息通信→存储API→权限模型→热重载开发→Chrome Web Store发布→Firefox/Edge兼容适配→安全注意事项
设计可维护的CSS架构:Tailwind实用工具的边界→组件样式提取策略→设计Token→响应式设计模式→暗黑模式→CSS Modules的适用场景→CSS架构的演进(BEM→CSS-in-JS→Tailwind)
前端多层缓存架构:HTTP缓存(Cache-Control/ETag/Service Worker)→应用缓存(SWR/React Query/TanStack Query)→内存缓存(Map/LRU)→本地存储缓存(localStorage/IndexedDB)→CDN缓存→缓存失效策略→缓存键设计
设计前端测试策略:测试金字塔比例→Jest/Vitest单元测试→React Testing Library集成测试→Playwright/Cypress E2E测试→Mock策略→CI集成→覆盖率目标
设计并生成GraphQL API:Schema定义(Query/Mutation/Subscription)→Resolver实现→DataLoader解决N+1→认证与授权→错误处理→性能监控→与REST的比较说明
设计微前端架构:Module Federation/qiankun/single-spa选型→应用拆分策略→共享依赖→样式隔离→通信机制→路由管理→独立部署→CI/CD→与微服务对齐
设计Monorepo架构:turborepo/nx/pnpm workspace选型→包管理策略→共享代码组织→构建缓存→CI优化(增量构建)→版本管理(Changesets)→依赖管理
PWA完整开发指南:Manifest配置→Service Worker缓存策略→离线可用→后台同步→推送通知→安装提示→iOS兼容适配→PWA vs 原生App的取舍→Lighthouse PWA审计
描述业务需求,生成类型安全的React自定义Hook:状态设计→副作用处理→性能优化(useMemo/useCallback)→清理函数→错误处理→配套单元测试
诊断React性能问题:React DevTools Profiler使用→不必要的重渲染排查→useMemo/useCallback/memo的正确使用→虚拟列表→代码分割→懒加载→Bundle分析→SSR/SSG策略
Svelte实战指南:响应式声明($:)→Store状态管理→SvelteKit全栈路由→Actions→Transitions→与React/Vue思维方式的差异→编译时优化→生产部署
为零基础或转行者生成技术学习路径:分阶段(入门/进阶/实战/深入)→每阶段的核心概念→必做项目→推荐资源→自测题目→常见误区→预计学习时间→求职准备
根据业务场景生成TypeScript高级类型:条件类型→映射类型→模板字面量类型→infer推导→递归类型→类型安全的Builder模式。附带类型运算的逐行解释
Vue 3 Composition API完整指南:setup语法糖→ref/reactive/computed/watch→组合函数(Composable)→与Options API的对比→TypeScript集成→Pinia状态管理→Vue Router 4→Vite配置
Core Web Vitals深度优化:LCP优化(图片/字体/关键CSS)→INP优化(长任务分解/Web Worker/web-vitals采集)→CLS优化(尺寸预设/字体加载)→CDN策略→资源加载优先级→性能预算→性能回归监控
Web Workers实战指南:Dedicated Worker vs Shared Worker→Worker通信(postMessage/MessageChannel)→Comlink(RPC风格调用)→Worker Pool并发处理→OffscreenCanvas→WebAssembly in Worker→Service Worker生命周期→实际场景(Excel导出/图片处理/加密/搜索索引)
WebAssembly完整应用指南:Rust→WASM(wasm-pack)→在JS中调用WASM函数→内存管理和数据传递→与Web Worker配合→适用场景(图像处理/游戏/科学计算)→WASI与浏览器外运行→Browser/Node.js实战
根据语言/框架生成WebSocket完整实现:服务端连接管理→心跳保活→消息广播/私信→断线重连→房间管理→鉴权→水平扩展方案(Redis Pub/Sub)