vue笔试题目

重要提示：

vue-element-admin 项目：https://github.com/PanJiaChen/vue-element-admin

x-spreadsheet项目： https://github.com/myliang/x-spreadsheet

备注：可能需要花一点时间学习下x-spreadsheet。

浏览器兼容只需要chrome可用即可。

题1：

利用vue-element-admin以及x-spreadsheet这两个项目实现如下界面：

image.png

要点：

1.“平安银行[000001.SZ]-资产负债表“下方的表格需要用x-spreadsheet这个项目来做。

2.数据上的下划线要标记上，点击之后可以跳出一个弹框。

3.编译器用vscode

4.从0开始搭建项目。

题2：

利用vue-element-admin以及x-spreadsheet这两个项目实现sheet中如下功能：

1。点击单元格自动将单元格名称填入目标单元格

image

2。自动定位单元格。

当在单元格内输入A1时，A1对应的单元格就被高亮，且A1两个字应该和高亮的单元格保持相同的颜色（附图中A1颜色未显示）。输入多个单元格名字的时候，不同单元格颜色不同以作区分。

如下图所示：

2.gif

3。自动提示公式。

当在单元格内输入公式的时候，如sum,当输入S时，自动提示可能是SUM或者其他函数；当输入SUM(时，自动显示该函数所包含的各个参数。

image

笔试题通过标准：

仿照我的gif动图所示，录制最终成品的动图。或者手机/电脑视频录制。

无需提交代码。