fe-interview

https://fe-interview.com/

基础

• JavaScript
• CSS
• HTML
• TypeScript

框架

• React
• Vue
• Angular

浏览器

• 渲染过程
• 事件循环
• 存储
• 性能

网络

• HTTP
• HTTPS
• TCP
• UDP
• WebSocket
• WebRTC

安全

• 加密
• 认证
• 授权
• 防火墙
• 反爬虫

工程化

• Webpack
• Babel
• ESLint
• Prettier
• Git
• NPM
• Docker
• CI/CD

设计模式

• 单例模式
• 工厂模式
• 观察者模式
• 发布订阅模式
• 策略模式
• 状态模式

数据结构

• 数组
• 链表
• 栈
• 队列
• 树
• 图

算法

• 排序
• 搜索
• 动态规划
• 贪心算法
• 回溯算法
• 分治算法

docs/
├── index.md  (网站首页/简介)
│
├── html/
│   ├── index.md (HTML 模块首页/概述)
│   ├── semantic-tags.md
│   ├── forms-and-validation.md
│   ├── multimedia.md
│   ├── canvas-and-svg.md
│   ├── accessibility.md
│   └── html5-new-features.md
│
├── css/
│   ├── index.md (CSS 模块首页/概述)
│   ├── selectors-and-priority.md
│   ├── box-model.md
│   ├── layout-flexbox-grid.md
│   ├── responsive-design.md
│   ├── pseudo-classes-and-elements.md
│   ├── animations-and-transitions.md
│   ├── preprocessors-sass-less.md
│   ├── css-in-js.md
│   ├── css-variables.md
│   └── css3-new-features.md
│
├── javascript/
│   ├── index.md (JavaScript 模块首页/概述)
│   ├── core-concepts/
│   │   ├── index.md (核心概念概述)
│   │   ├── data-types-and-conversion.md
│   │   ├── scope-and-closures.md
│   │   ├── prototype-and-prototype-chain.md
│   │   ├── this-keyword.md
│   │   ├── execution-context-and-call-stack.md
│   │   ├── event-loop-and-asynchronous-programming.md
│   │   └── modules-es-commonjs.md
│   ├── dom-manipulation/
│   │   ├── index.md (DOM 操作概述)
│   │   ├── node-operations.md
│   │   └── event-handling.md
│   ├── bom-operations/
│   │   ├── index.md (BOM 操作概述)
│   │   ├── window-object.md
│   │   ├── navigator-location-history-screen.md
│   │   └── timers.md
│   ├── es6-and-beyond/
│   │   ├── index.md (ES6+ 新特性概述)
│   │   ├── let-const-arrow-functions.md
│   │   ├── destructuring-template-literals.md
│   │   ├── classes.md
│   │   ├── symbols-iterators-generators.md
│   │   ├── proxy-reflect.md
│   │   └── set-map.md
│   └── functional-programming-concepts.md (可选)
│
├── frameworks/
│   ├── index.md (主流框架与库模块首页/概述)
│   ├── vuejs/
│   │   ├── index.md (Vue.js 概述)
│   │   ├── core-concepts.md
│   │   ├── lifecycle.md
│   │   ├── directives.md
│   │   ├── component-communication.md
│   │   ├── vue-router.md
│   │   ├── state-management-vuex-pinia.md
│   │   ├── composition-api-vs-options-api.md
│   │   └── vue3-new-features.md
│   ├── react/
│   │   ├── index.md (React 概述)
│   │   ├── core-concepts-jsx.md
│   │   ├── lifecycle-and-hooks.md
│   │   ├── state-and-props.md
│   │   ├── event-handling.md
│   │   ├── conditional-rendering-and-lists.md
│   │   ├── react-router.md
│   │   ├── state-management-redux-context.md
│   │   └── hoc-and-render-props.md
│   └── angular/  (如果包含)
│       ├── index.md (Angular 概述)
│       ├── core-concepts.md
│       └── ... (其他 Angular 相关知识点)
│
├── engineering/
│   ├── index.md (工程化与构建工具模块首页/概述)
│   ├── nodejs-basics/
│   │   ├── index.md (Node.js 基础)
│   │   └── package-managers-npm-yarn-pnpm.md
│   ├── webpack/
│   │   ├── index.md (Webpack 概述)
│   │   ├── core-concepts.md
│   │   ├── configuration-and-optimization.md
│   │   └── code-splitting-and-tree-shaking.md
│   ├── vite/
│   │   ├── index.md (Vite 概述)
│   │   ├── core-advantages.md
│   │   ├── comparison-with-webpack.md
│   │   └── configuration-and-plugins.md
│   ├── babel.md
│   ├── linters-and-formatters-eslint-prettier.md
│   └── typescript/
│       ├── index.md (TypeScript 概述)
│       ├── basic-types-and-interfaces.md
│       ├── generics.md
│       ├── enums.md
│       ├── type-inference-and-compatibility.md
│       └── decorators.md
│
├── networking-and-browser/
│   ├── index.md (网络与浏览器模块首页/概述)
│   ├── http-https/
│   │   ├── index.md (HTTP/HTTPS 概述)
│   │   ├── request-methods.md
│   │   ├── status-codes.md
│   │   ├── headers.md
│   │   ├── cookies-session-jwt.md
│   │   ├── cors.md
│   │   └── http2-http3-concepts.md
│   ├── browser-rendering/
│   │   ├── index.md (浏览器渲染原理概述)
│   │   ├── critical-rendering-path.md
│   │   ├── dom-cssom-render-tree.md
│   │   └── repaint-and-reflow.md
│   ├── browser-storage/
│   │   ├── index.md (浏览器存储概述)
│   │   └── localstorage-sessionstorage-indexeddb-cookies.md
│   └── web-security/
│       ├── index.md (Web 安全概述)
│       ├── xss.md
│       ├── csrf.md
│       ├── clickjacking.md
│       └── content-security-policy.md
│
├── performance-optimization/
│   ├── index.md (性能优化模块首页/概述)
│   ├── code-level-optimization/
│   │   ├── index.md
│   │   ├── reduce-repaint-reflow.md
│   │   ├── throttling-and-debouncing.md
│   │   └── data-structures-and-algorithms-for-performance.md
│   ├── asset-loading-optimization/
│   │   ├── index.md
│   │   ├── image-optimization.md
│   │   ├── code-minification-and-bundling.md
│   │   ├── cdn.md
│   │   └── preload-preconnect-prefetch.md
│   ├── rendering-optimization/
│   │   ├── index.md
│   │   ├── lazy-loading.md
│   │   ├── virtual-lists.md
│   │   └── skeleton-screens.md
│   └── tools-and-metrics/
│       ├── index.md
│       ├── lighthouse.md
│       ├── web-vitals.md
│       └── chrome-devtools-performance.md
│
└── other-topics/
    ├── index.md (其他重要知识点模块首页/概述)
    ├── git-version-control/
    │   ├── index.md (Git 概述)
    │   ├── common-commands.md
    │   └── branching-strategies.md
    ├── design-patterns/
    │   ├── index.md (设计模式概述)
    │   ├── singleton-factory.md
    │   ├── observer-publish-subscribe.md
    │   └── proxy-strategy.md
    ├── data-structures-and-algorithms/
    │   ├── index.md (数据结构与算法概述 - 前端相关)
    │   ├── array-list-stack-queue.md
    │   ├── tree-structures.md
    │   ├── hash-tables.md
    │   └── sorting-and-searching-algorithms.md
    ├── testing/
    │   ├── index.md (测试概述)
    │   ├── unit-testing-jest-vitest.md
    │   └── e2e-testing-concepts.md
    ├── wasm-concepts.md
    ├── pwa-concepts.md
    └── ssr-and-ssg-concepts.md