# web-Interview

**Repository Path**: sk20020228/web-interview

## Basic Information

- **Project Name**: web-Interview
- **Description**: 前端面试题
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2026-04-06
- **Last Updated**: 2026-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 前端面试题库

## 📖 项目简介

本项目是一个完整的前端面试题库，涵盖了前端开发的核心技术栈，包括 HTML、CSS、JavaScript、Vue、UniApp/小程序以及其他前端相关知识点。每个技术领域都按照基础、中级、高级三个难度级别进行分类，方便不同水平的开发者学习和复习。

## 🎯 项目特点

- **全面覆盖**：涵盖 6 大技术领域，18 个分类文件
- **难度分级**：基础、中级、高级三个难度级别
- **详细解答**：每道题都包含详细答案和代码示例
- **代码注释**：所有代码示例都添加了详细注释
- **简答总结**：复杂题目提供简短解答，便于快速理解

## 📊 内容统计

| 技术领域 | 文件数 | 题目数量 | 难度级别 |
|---------|--------|----------|----------|
| HTML | 3 | 75 | 基础/中级/高级 |
| CSS | 3 | 75 | 基础/中级/高级 |
| JavaScript | 3 | 60 | 基础/中级/高级 |
| Vue | 3 | 60 | 基础/中级/高级 |
| UniApp/小程序 | 3 | 60 | 基础/中级/高级 |
| 其他 | 3 | 55 | 基础/中级/高级 |
| **总计** | **18** | **385** | - |

## 📁 文件结构

### HTML 面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [html/01.基础.md](html/01.基础.md) | 25 | HTML5新特性、语义化、表单元素、媒体标签等 |
| [html/02.中级.md](html/02.中级.md) | 25 | Web存储、Service Worker、Canvas、File API等 |
| [html/03.高级.md](html/03.高级.md) | 25 | Shadow DOM、Web Components、安全防护、性能优化等 |

### CSS 面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [css/01.基础.md](css/01.基础.md) | 25 | 选择器、盒模型、布局、动画、过渡等 |
| [css/02.中级.md](css/02.中级.md) | 25 | 响应式设计、居中方式、渐变、滤镜、混合模式等 |
| [css/03.高级.md](css/03.高级.md) | 25 | 层叠上下文、CSS Houdini、Container Queries、Paint API等 |

### JavaScript 面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [js/01.基础.md](js/01.基础.md) | 25 | 数据类型、作用域、闭包、原型链、事件循环等 |
| [js/02.中级.md](js/02.中级.md) | 25 | ES6+新特性、Promise、模块化、设计模式等 |
| [js/03.高级.md](js/03.高级.md) | 10 | 垃圾回收、内存泄漏、Virtual DOM、MVVM实现等 |

### Vue 面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [Vue/01.基础.md](Vue/01.基础.md) | 20 | Vue2/Vue3区别、响应式原理、生命周期、组件通信等 |
| [Vue/02.中级.md](Vue/02.中级.md) | 20 | 依赖收集、异步更新、模板编译、路由守卫等 |
| [Vue/03.高级.md](Vue/03.高级.md) | 20 | 响应式系统实现、Composition API、性能优化等 |

### UniApp/小程序 面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [uniapp-小程序/01.基础.md](uniapp-小程序/01.基础.md) | 20 | 生命周期、页面通信、组件开发、条件编译等 |
| [uniapp-小程序/02.中级.md](uniapp-小程序/02.中级.md) | 20 | 跨端适配、性能优化、状态管理、网络请求等 |
| [uniapp-小程序/03.高级.md](uniapp-小程序/03.高级.md) | 20 | 原生插件、分包加载、WebSocket、错误监控等 |

### 其他面试题

| 文件路径 | 题目数量 | 主要内容 |
|---------|---------|----------|
| [其他/01.基础.md](其他/01.基础.md) | 30 | HTTP协议、性能优化、Webpack、算法、安全等 |
| [其他/02.中级.md](其他/02.中级.md) | 18 | HTTP/2、HTTPS、CDN、模块化架构等 |
| [其他/03.高级.md](其他/03.高级.md) | 7 | 微前端、组件库设计、监控系统、低代码平台等 |

## 🚀 使用指南

### 1. 学习路径建议

**初学者（0-1年经验）：**
- 从 HTML、CSS、JavaScript 基础题目开始
- 重点掌握基础概念和常用 API
- 理解前端开发的核心原理

**中级开发者（1-3年经验）：**
- 深入学习框架相关题目（Vue、小程序）
- 掌握工程化和性能优化知识
- 理解设计模式和架构思想

**高级开发者（3年以上经验）：**
- 研究高级特性和底层原理
- 关注架构设计和性能优化
- 掌握前沿技术和最佳实践

### 2. 复习策略

1. **系统学习**：按照基础→中级→高级的顺序学习
2. **动手实践**：每道题都包含代码示例，建议亲自运行
3. **查漏补缺**：根据自己的薄弱环节重点突破
4. **定期复习**：面试前重点复习标记的难点

### 3. 面试准备

**面试前1周：**
- 快速浏览所有题目
- 重点复习高频考点
- 准备项目经验相关问题

**面试前1天：**
- 复习标记的重点题目
- 整理常见问题答案
- 准备自我介绍和项目介绍

## 💡 知识点覆盖

### HTML 知识点
- HTML5 新特性与语义化
- 表单元素与验证
- 多媒体标签
- Web 存储
- Service Worker
- Canvas 绑制
- Web Components
- 安全防护（XSS、CSRF）

### CSS 知识点
- 选择器与优先级
- 盒模型与布局
- Flex 与 Grid
- 响应式设计
- 动画与过渡
- CSS 预处理器
- CSS Houdini
- 性能优化

### JavaScript 知识点
- 数据类型与类型判断
- 作用域与闭包
- 原型与继承
- 异步编程
- ES6+ 新特性
- 模块化
- 设计模式
- 性能优化

### Vue 知识点
- Vue2/Vue3 区别
- 响应式原理
- 组件通信
- 生命周期
- 路由管理
- 状态管理
- 性能优化
- Composition API

### UniApp/小程序 知识点
- 生命周期
- 页面通信
- 组件开发
- 跨端适配
- 性能优化
- 原生能力
- 网络请求
- 状态管理

### 其他知识点
- HTTP 协议
- 浏览器渲染
- 性能优化
- Webpack
- Git
- 算法
- 安全
- 工程化

**祝您面试顺利！🎉**