语雀电子表格的自研之路
如果无法正常显示,请先停止浏览器的去广告插件。
1. 语雀在线表格自研之路
2. 淘宝 蚂蚁
UED 体验技术部
2009 2015
2017
3. 云端知识库
创作 组织 交流
编辑器 知识库 团队/空间
www.yuque.com
4. 2020年
2019年
‣
‣
‣
‣
‣
‣
‣
‣
‣
1~3月:稳定性,性能,体验优化
4月:条件格式
5月:表格模版
。。。
5月:立项
8月: beta版上线,
9月:导入功能,多sheet,公式,统计栏,增加日期、货币、时间类型
10月:格式刷,图片复制粘贴,边框功能上线
11月:导出功能上线,实时协同上线,单元格保护功能
12月:图表功能上线,选择性粘贴
时间线
5.
6. Why How What
为什么 怎么做 有什么心得
7. Why How What
为什么 怎么做 有什么心得
-为什么做在线电子表格?
-为什么选择自研?
8. 为什么做在线电子表格?
9. 1978
VisiCalc
Dan Bricklin
第一个电子表格
10. 电子表格推动了产业发展
11. Google Spreadsheets
Excel1.01
Airtable
Excel2 for windows
VisiCalc
Numbers
WPS+
腾讯
Office 365
WPS
石墨
⻜书
Office Excel
1978
1985
1987 1988
1993
2006 2007
2011 2013 2016 2017
2019
12. DIKW 模型
语雀
云端知识库
Data Information Knowledge Wisdom
智慧
分享 / 运用
知识
连接 / 推理 / 总结 / 沉淀
文档
信息
表格
收集 / 统计 / 分析 / 提炼 / 结构化
数据
托⻢斯·斯特尔那斯·艾略特
13. 为什么选择自研?
生活中99%的产品都值得被重新创造一遍
14. 模型
{
可控性
体验
自研
拓展性
成本效率
业务
性能
维护
研发
15. Why How What
为什么 怎么做 有什么心得
-用了哪些技术?
-解决了什么问题?
16. React / antd / antv
架构图
原生 Canvas
View
Key/Mouse
Toolbar
Editor
Render
Model
Event
Model
Controll
Handler
Command
OT
OT Server
17. 异构 or 同构
18. 两个典型应用场景
信息结构化
同构
Tips:同构表不支持合并单元格
异构
数据处理
19. 多人实时协同
20. OP数量
OT
响应延迟
运算耗时
OP : Operation
OT : Operation Transformation
21. 如何将变更同步到其他端?
Command
Data
Data’
Diff
op
op
Command or Op
op
…
22. 同步 Op
Command
A
Data
Data
Diff
op op
op op
op op
… …
Data’
Data’’’
Data”
OT
op op
op op
op op
… …
一致性好,量大时性能有问题
Diff
Data’’’
Command
B
23. A
同步 Command
Data Command Command Data
Data’ Command Command Data”
Data’’’
性能好,一致性不完备
Data’’’
B
24. 基于 OP
单元格编辑
批量操作
一致性
基于 Command
25. 最大单元格数量
26. 要支持多少单元格?
50W
20W
500W
27. 1个单元格存储的字符数
Localstorage
单元格总数
相当于
20~200
5M
25w~2.5w
1000~10000 行 25 列
28. 压缩 10 ~ 20 倍
运行时
Array=>Map
KV Index
Compress
5M 数据可以存储 250w 单元格
存储态
29.
30. 复制粘贴破损修复
31. 破损表格的修复
缺尾
缺头
缺腰
32.
33. {
多种附件在线预览
举重若轻的单元格保护
400+ 公式
丝般顺滑的像素级滚动 不一样的导入导出
收放自如的读写分离 无死⻆的条件格式
可以多选的下拉选项 傻瓜式的图表
…
}
34. Why How What
为什么 怎么做 有什么心得
35. 最难的是做决定
是否选择自研,取决于对产品核心体验的定义,如果
涉及到产品的核心体验,自研可以将可控性把握在自
己手中。
36. 和用户一起成长
重视用户的反馈,能提反馈的都是热心用户,自研有时候会
有一些打破用户固有习惯的设计,多听听用户真实使用感受,
对产品细节体验的提升非常重要。
37. 拥抱复杂度
复杂的问题,往往没有现成的最佳方案,需要结合
场景做最优选择,越是复杂的问题,解决后带来的
收益越大,也是形成产品壁垒的关键。
38. 长期主义
在一个被精耕的领域,有大量可以学习和借鉴
的方法,也有很多值得被重新创造的地方,不
可能一蹴而就,保持耐心,追求卓越。
39. 语雀自研编辑器家族
文档
表格
思维导图
流程图
40. Thanks
产品,设计,前端,后端
jobs@yuque.com