Frontend-Developer

• 前端知识学习路线open in new window

我想做的事

• 开发自己的脚手架工具，放入自己所有常用的模板和工具

大前端

现在主流的项目结构分为三层：

1. 前端
2. 后端
3. 服务端

大前端开发者需要做前两件层，用 Node 做后端，写接口，拿数据，相当于一个中间层。前面两层关注的都是业务层。

真正的后端开发者只需要关注服务端。

HTML

• SEO
• 多媒体
• Canvas
• SVG

CSS

• Sass
• PostCSS
• BEM

JavaScript

• TypeScript
• ES6
• APIs
• 异步
• 面向对象
• 设计模式
• 函数式编程
• 正则表达式

前端框架

• Vue
• React
• SSR
  • Next.js
  • Nuxt.js

前端工程

• Npm & Yarn & Pnpm
• Git & GitHub & GitLab
• Webpack & Rollup & vite
• Babel
• 组件化 & 模块化
• 性能优化
• 项目质量
  • Jest
  • ESLint
• 项目部署
• 项目监控
• 持续集成
• 数据埋点
• Sonar
• Sentry

用户界面和交互设计

web 动画

工具&库

• 数据可视化
• 图形工具
• VuePress

跨平台

• 小程序
• React Native
• 混合 APP
• 桌面应用
• 游戏开发
• JSBridge

前端学习资料

浏览器

• 浏览器渲染

  • 渲染过程

  • ajax 跨域，这应该是最全的解决方案了open in new window

  • 从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理open in new window

  • 从输入 URL 到页面加载的过程？open in new window

  • 从输入 url 到页面展示发生了什么open in new window

• HTTP

  • awesome-httpopen in new window

• 浏览器引擎

• 浏览器的工作原理open in new window

HTML

• HTMLopen in new window

CSS

• CSS 世界open in new window

• CSS 揭秘open in new window

• 可视化格式模型open in new window

• 提高幸福感的 9 个 CSS 技巧open in new window

• CSS 知识点及技巧整理open in new window

• 移动端适配open in new window

JavaScript

• JS 基础系列-冴羽open in new window

• JS 基础系列-木易杨open in new window

• 原生 JS 灵魂之问(下)open in new window

• JavaScript 设计模式系列open in new window

• JavaScript 常用八种继承方案open in new window

• 图片懒加载open in new window

• JS 相关问题

  • javascript-questionsopen in new window

  • fe-interviewopen in new window

  • FE-Interviewopen in new window

React

• React 原理

  • React 原理解析open in new window

• Redux

• react-interviewopen in new window

• reactjs-interview-questionsopen in new window

TypeScript

• Web APIsopen in new window

前端工程

• Webpack

  • 深入浅出 Webpackopen in new window

• Babel

  • Babelopen in new window

• 性能优化

• 安全与质量

• 持续集成

编程范式

• 面向对象编程

• 函数式编程

数据结构与算法

• JavaScript 算法与数据结构open in new window

设计模式

跨平台

项目设计

音视频

浏览器禁止声音自动播放之后open in new window

集合

进阶指南open in new window

前端进阶之路open in new window

跟着考点学open in new window

重学前端open in new window

参考体系open in new window

前端架构师