/fe-test

Primary LanguageVue

前端笔试题

编程实践题

【注意】

  1. 不要使用现有UI组件，旨在考察css 样式应用和实现过程
  2. 无设计图，可自由发挥；尽量朝着好的UX和UI方向优化，旨在考察UI和UX的敏感程度
  3. 组件名称。变量。注释换行等，请符合代码规范
  4. 使用到其他工具，eslint， husky， prettier， github action, docker 等可自由发挥。

【问题】

  • 请实现一个Vue组件，包含一个输入框和一个按钮，点击按钮后将输入框中的内容添加到一个列表中。

  • 请实现一个Vue组件，包含一个输入框和一个表格，输入框中输入关键字后，表格中的数据会根据关键字进行筛选。

  • 请实现一个Vue组件，包含一个轮播图和一个分页器，轮播图中有多张图片，分页器可以切换轮播图中的图片。

  • 请实现一个Vue组件，包含一个按钮和一个modal弹框， 点击按钮出现modal框，点击其他部分modal框消失。

    • 在该组件基础上，使期支持自定义modal框内容，头部和底部。

  • 将上述组件组织在一个project内

使用

  1. fork 本 repo.
  2. 使用应聘名称作为branch eg . feature/xxxxxx
  3. 完成上述要求，并提交。
  4. 创建PR到本repo的develop分支，
  5. 如有任何问题欢迎Issue 提问

Nuxt 3 Minimal Starter

Look at the Nuxt 3 documentation to learn more.

Setup

Make sure to install the dependencies:

# yarn
yarn install

# npm
npm install

# pnpm
pnpm install

Development Server

Start the development server on http://localhost:3000

npm run dev

Production

Build the application for production:

npm run build

Locally preview production build:

npm run preview

Check out the deployment documentation for more information.