跳到主要内容

Frontend

前端工程化：

  • 脚手架：create-react-app、vue-cli
  • 构建与打包：webpack、babel、postcss、sourcemap、缓存
  • 代码检查：ESLint、StyleLint、Prettier
  • 模块管理：Module Federation、Monorepo
  • 单元测试 / 自动化测试：Jest、React Testing Library、Vue Test Utils、Puppeteer
  • 前端工具链：Vite、RSBuild
  • CI / CD：Github Actions、Travis CI、Jenkins

常见开发特性/场景：

  • 文件处理：上传、预览、下载
  • 文档站点：
  • 后台管理系统：Admin、
  • 内容管理系统：CMS
  • 落地页：Landing Page
  • 微前端
  • 数据可视化
  • 低代码：LowCode
  • 国际化
  • Web 安全

性能优化：

  • 页面加载全过程：重定向、DNS 查询、TCP 建连、服务器 RT、HTML Download、浏览器解析、渲染
  • 性能指标：TTFB / TTI / FMP / FPS、Google CWV（FCP / LCP / CLS / INP）
  • 性能统计与上报：Performance API、Web Vitals
  • 性能分析：Chrome DevTools、WebPage Test、均值与分位数
  • 性能优化手段:CDN、静态资源打包优化、使用更合适的图片格式、SSR & SSG、流式渲染、懒加载、预加载、深入理解 HTTP 协议

面试与求职：

  • 前端面试之道

软技能：

  • 项目管理
  • 团队沟通
  • 简历
  • 如何提问
  • 谈判技巧

参考​