跳到主要内容

Frontend Index

Basic（前端基础）​

JS Framework（JS 框架）​

React​

Vue​

Angular​

DevTools（开发工具）​

  • 编辑器：
  • 浏览器调试：
  • 版本控制
  • 包依赖管理：

Engineering（工程化）​

  • 脚手架：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

Feature Dev（特性开发）​

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

Multi-platform Dev（多端开发）​

Web3D（可视化）​

浏览器插件开发​

Miniapp（小程序）​

  • Taro

App（手机应用）​

  • Swift
  • SwiftUI
  • Object-C
  • 跨端开发：Flutter、React Native、Electron

Performance（性能优化）​

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

Interview（前端面试）​

  • 前端面试之道

Soft Skills（软技能）​

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

资源​

参考​