# frontendUnit

**Repository Path**: uuuoop/frontend-unit

## Basic Information

- **Project Name**: frontendUnit
- **Description**: 前端开发面试题目：通用表格组件开发
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-30
- **Last Updated**: 2025-08-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 题目1前端开发工作室面试题目：待办事项（Todo List）应用
![示例2](pict/QQ20250830-150000.png)
## 项目概述

设计并实现一个简单的待办事项（Todo List）应用，候选人可以选择使用 **Vue3** 或 **原生 JavaScript** 实现。应用需要支持基本的待办事项管理功能，并注重代码结构、用户体验和代码质量。

## 功能要求

1. **任务管理**：

   - 用户可以添加新的待办事项（包含标题和描述）。
   - 用户可以编辑或删除现有的待办事项。
   - 用户可以将待办事项标记为已完成或未完成。
2. **任务筛选**：

   - 提供筛选功能，支持查看全部任务、仅未完成任务或仅已完成任务。
3. **本地存储**：

   - 使用浏览器的 `localStorage` 保存任务数据，确保刷新页面后数据不会丢失。
4. **用户体验**：

   - 添加任务时，需对输入进行简单的验证（例如，标题不能为空）。
   - 提供友好的交互反馈（如加载状态、删除确认等）。
   - 界面美观，风格简洁现代。

## 评分标准

1. **功能完整性**（40%）：是否实现所有核心功能，功能是否正常工作。
2. **代码质量**（30%）：代码结构、命名规范、可读性和模块化程度。
3. **用户体验**（20%）：界面美观度、交互流畅性和响应式设计。
4. **加分项**（10%）：性能优化、单元测试或其他创新点。



# 题目2.前端开发面试题目：通用表格组件开发
![示例1](pict/QQ20250830-145723.png)
## 题目要求

请构建一个**可配置、可复用**的Vue3通用表格组件。这个组件需要满足以下功能：

1. **数据展示**：能够接收一个 JSON 数组作为数据源，并将其渲染成表格。
2. **动态列配置**：表格的列（`columns`）应该是可配置的，你可以通过传入一个数组来定义每一列的标题、对应的数据字段和渲染方式。
3. **分页功能**：实现一个客户端分页，可以根据每页条数（`pageSize`）和当前页码（`currentPage`）来展示数据。
4. **排序功能**：点击列标题可以对该列进行升序或降序排序。
5. **筛选功能**：提供一个简单的输入框，可以根据关键词过滤表格数据。
6. **可插拔的扩展功能**：考虑到未来扩展，设计一个机制，让开发者可以在表格的某个单元格中自定义渲染内容（例如，添加一个按钮、一个状态标签等）。

## 评分标准

* **功能完整性**（40%）：是否实现所有核心功能，功能是否正常工作。
* **代码质量**（30%）：代码结构、命名规范、可读性和模块化程度。
* **用户体验**（20%）：界面美观度、交互流畅性和响应式设计。
* **加分项**（10%）：性能优化、单元测试或其他创新点。