一套面试题引发的🤔️

[ChenKuan1110]

来自前同事的一套关于 Vue 2.x 的一套面试题。原本是拿来求助的，结果自己也没有规定的时间内完成，说来惭愧了

其实本套题难度不是不大，考察的知识也蛮细致的，完成是正常工作流程中涉及到的内容

考察内容

其中主要考察点在于：

1. 现代化开发及开发脚手架的相关知识： Node、webpack
2. Vue 2.x基础知识及其相关生态的考察： vue-router、vuex
3. 页面样式及 less
4. 组件库： elementUI的熟练使用
5. JS 事件流模型
6. 网络请求及 HTTP 协议，axios库使用
7. 开发效率的考察
8. 等等

先说说题目情况吧。该套题一共分为 5 个部分：

1. 写一个符合要求的导航栏及配置相对应的路由和跳转， 以及一个路由的编程式导航
2. 利用 ElementUI 显示一个简单表单，并结合 vuex 做数据存储
3. 在一个嵌套组件中实现对点击事件的控制及按照一定规则统计各组件中的点击次数
4. 利用原生组件实现一个表格，并实现对数据的查询、筛选、排序功能
5. 对给定的数据接口进行数据获取展示，错误提示

题目完成情况

没有在规定时间内完成，并且前后所用时间比规定时间长很多

1. 部分没有完成：没有在下拉菜单中实现图标的切换控制
2. 部分没有完成： 对存储在 vuex 的数据，没有做持久化保存（这点确实没有考虑到）
3. 放弃
4. 对排序和筛选的样式控制不符合规范，对两个时间的同时排序规则混乱，没有达到要求
5. 完成

遗漏和不足

1. 对 less 知识不熟悉
2. 对 vue 体系的知识不牢固，使用该技术开发的项目经验偏少
   • inject和 provide API 使用较少
   • vuex整体知识不牢固
3. 部分原生组件使用次数少，不是特别熟悉，利用 <th>
4. 对默认组件的样式优化不是很熟悉

思考

1. 因为现在主要使用 react 技术栈相对要多些，对 vue 相关的知识就渐渐“遗忘”了， 但是有些东西，也能够上手，只是相对不是那么熟练，后面可以慢慢弥补这方面的知识。
2. 对于一些业务场景，能够用原生的一些去实现也是锻炼能力的一种方式。
3. 善用搜素，多查看一些优秀的实现

---

PS. 原试题放在资源文件夹下