大二寒假——面经

99 阅读2分钟

前言

刚线下面试回来 , 感觉还行 , 怕忘 , 我立马写下来了 , 考察的都是基本功

-11 摄氏度 , 冷极了🥶🥶🥶 , 今天地铁 1 H 去面试

分笔试和面试 :

笔试部分

1.请实现一个响应式卡片布局,在 PC 端要 4 个卡片水平排列展示,平板端以 2×2 的方式展示,手机端卡片以 4 行展示,卡片包含图片区域、标题内容、描述文本及 “阅读更多” 按钮,描述文本需在超过两行时自动隐藏并显示省略号 。

image.png

2.请使用 Vue 实现一个商品信息管理列表页面。已知商品数据包含 ID、名称、价格、创建时间等字段,且有固定初始数据(如商品 E,价格 59 元,创建时间 2024 - 01 - 11 等) 。要求实现以下功能:

  1. 价格升序和降序排序功能;
  2. 新增商品功能,新增数据包含商品 name 和 price;
  3. 编辑行数据功能;
  4. 删除行数据功能;
  5. 点击每行的 “点击查看详情” 按钮可查看该商品详细信息(可简单模拟展示详细信息的逻辑) 。

参考的固定数据如下 :

image.png

3.请用原生 Javascript 实现 , 给定一组固定数据。请实现一个搜索功能,要求在页面上有一个输入框,用户在输入框中输入关键字后,下方展示的数据列表中,匹配到关键字的部分以黄色背景高亮显示。

参考固定数据如下 :

image.png

面试部分

1 . 请你先进行一下自我介绍.

2 . 请问你平时使用 AI 吗? 如何看待 AI ?

3 . 说一下 HTML5 的语义化标签 ?

4 . 说一下 CSS 怎么隐藏一个元素 ?

5 . 说一下 Vue 中的 watch 和 computed 区别 ?

6 . 说一下 你刚刚做的笔试题第一题的响应式布局是怎么做的 ?

7 . 如何让 Vue 路由切换的时候保证组件不被销毁 ? $router.push() 会销毁吗 ?

8 . 说一下 JS 中常用的数组方法 ? 至少说 7 个.

9 . 说一下 JS 常用字符串方法 ? 也说 7 个.

10 . 你这边有什么想问我的吗 ?

终于写完了 , 嗯好 , 这就是我的面试经历了 , okokok , 这期内容到这里就结束了,我们有缘再会 !!!