2016 Q3 OKR Review

前端架构 张鹏

2016. 10. 10.

• NGUI 项目（手机站业务组件库）
• 图片上传组件的维护与升级

O1. 提升业务开发效率

• 前端性能的关键指标提升 30%     

• 完善 JS 错误监控系统                  

NGUI 项目

• 背景：手机站改版、“效率”
• 目标：通过组件库来减少 UI 工作量，提升开发效率
• 状态：

NGUI 项目（手机站业务组件库）

• 已完成：根据新的 UI 规范开发 CMUI v2
• 进行中：把手机站页面迁移到 CMUI v2
• 进行中：建立手机站组件库
• 进行中：提供面向设计师和工程师的文档

CMUI v2 文档

http://cmui.net

NGUI 文档

http://www.baixing.com/p/ngui/cmui.php

项目看板

https://github.com/baixing/haojing/projects/3

图片上传组件

• 背景：旧组件无法满足业务需求、浏览器不再支持 Flash
• 目标：重新设计和实现、去 Flash、迁移旧代码
• 状态：

图片上传组件

• 已完成：API 设计
• 已完成：API 实现
• 进行中：替换旧组件

前端性能优化

• 目标：数据可视化、性能提升 30%
• 状态：中止
• 主要成果：

前端性能优化

• 数据看板
• 官渡图片自动压缩
• 指标提升

指标提升

（示意数据）

数据看板

https://bj-monitor.baixing.com/metric/dashboard/db/qian-duan-xing-neng-da-dian

JS 错误监控系统

• 目标：与灰度系统集成、提供错误报警邮件
• 状态：基本完成
• 主要成果：基本完成上述目标

JS 错误监控系统

团队成长

不足

Q & A

Thank You!