HTML/CSS
HTML5 语义化标签、DOM API
CSS3 布局(Flex/Grid)、动画、响应式设计(媒体查询)
JavaScript/TypeScript
ES6+ 特性(Promise、Async/Await、模块化)
类型系统、TS 配置与工程化集成
浏览器原理(渲染流程、事件循环、垃圾回收)
浏览器与网络
HTTP/HTTPS、WebSocket、缓存策略(Service Worker)
安全(CORS、XSS/CSRF 防护)
React 生态
Vue 生态
组合式 API(Composition API)、Pinia(状态管理)
微前端方案(qiankun、Module Federation)
Babel 转译、Polyfill 配置
包管理
代码质量
Jest/Vitest(单元测试)、Cypress/Playwright(E2E 测试)
TypeScript 类型检查
CI/CD
GitHub Actions、Jenkins 自动化部署
Docker 容器化
Lighthouse 分析、代码分割(Code Splitting)
图片懒加载、CDN 加速、Web Workers
跨端开发
React Native/Flutter(移动端)
Electron/Tauri(桌面端)
小程序(Taro、Uniapp)
可视化与图形
Canvas/SVG 绘图
Three.js(3D 渲染)、D3.js(数据可视化)
新兴技术
WebAssembly(高性能计算)
Web Components(原生组件化)
Web3D(Babylon.js)
低代码平台开发
商品详情页:
图片懒加载 + WebP格式压缩(节省带宽30%)
视频悬浮播放(Intersection Observer API)
重构3C类目详情页,通过React.memo+useCallback减少重复渲染,TP50从1.8s降至0.9s
购物车与结算
分布式购物车(合并本地缓存与服务端数据)
优惠券实时计算(WebWorker处理复杂规则)
防重复提交(按钮节流+Token机制)
实现跨境商品税费实时计算,通过长轮询同步海关税率变化
秒杀/大促场景
静态资源预加载(<link rel="prefetch">)
倒计时同步(NTP时间校准)
降级策略(静态化兜底页面)
618大促页面对接CDN边缘计算,动态内容通过ESI(Edge Side Includes)组装
用户中心
订单状态机可视化(使用XState管理复杂状态)
售后流程(动态表单生成器)