前端开发员

今天的重点

自动保存 · 可交互

这里列出今天常见的开发任务和注意事项，点击左侧任务可标记完成，右侧是快速资源和工具。

日常开发内容

可展开查看细节

修复登录页缓存问题
检查 token 生命周期 & route guard
优化首页首屏加载
懒加载图片、拆分 bundle、利用 HTTP/2
调整组件库 Button variant
确保 aria 属性与交互一致
配置 CI 流水线
添加单元测试、构建缓存、部署脚本

代码片段

// 一个简单的防抖函数 (Debounce)
function debounce(fn, wait = 250) {
  let t = 0;
  return function(...args) {
    clearTimeout(t);
    t = setTimeout(() => fn.apply(this, args), wait);
  }
}

// 用法
window.addEventListener('resize', debounce(() => {
  console.log('resized')
}, 200));

性能与检查清单

覆盖常见性能项

启用 HTTP 缓存（Cache-Control）与资源指纹
减少首次内容绘制：Critical CSS、服务器端渲染或预渲染
使用图片占位 / lazy-loading (native loading="lazy")
监控：Sentry / LogRocket / 自定义埋点