Excel Editor 實現 (Virtual Table 部分)
技術棧
- react (hooks)
- typescript
項目及微軟ExcelOnline
喜歡就給上star吧
背景
面試需要做一個小項目,下面是該項目的題目:
使用 TypeScript 開發一個簡易版的 Excel WebApp,實現 column & row sort,cell edit,cell calculate 等,可以定義該 MVP 功能集。可以不借助框架或者使用主流框架
問題
- Typescript 以前有了解,但是是第一次使用,簡單的使用應該不成問題。
- Excel 是要實現到何種程度?
- 功能實現,排序,編輯好說,計算這一個是要實現與Excel相同的函數功能麼?
- 框架還是要用的,畢竟時間有限這裏準備直接使用create react app來開始項目
思考
從上面總結的問題只有兩個地方比較不確認。
- 描述中提到了Excel, Excel只是表格,如果只是做成簡單的表格恐怕不能得到太多的關注,這裏決定做出與Excel一樣的VirtualTable功能
- 基於上面的virtualtable,實現排序編輯和計算的功能。
基本的方向定了後便是整個實現步驟
- 基本的virtualtable實現
- 選區功能的實現
- 基於選區功能的其它功能實現(設計成插件方式,各個功能獨立分隔)