201004 前端 UI 类库 KISSY 赛马竞标书.pptxVIP

前端 UI 类库 KISSY 赛马竞标书 玉伯 Mar, 2010 悲情的前端  前端资源紧张，一直是“瓶颈” 淘宝现有前端类库“很不够用” 前端代码的性能、稳定性“隐患重重” 视觉、交互和前端的沟通“成本很高” …… 然而，前端开发在悲情的现状下，还得忙于各种旺盛的项目 旺盛的项目 Web 旺旺 淘宝工具条 我的淘宝定制化阿凡达项目 淘宝后台 Shine 项目 超级旺铺 …… 以上项目，前端开发成本非常高，项目之间有大量重复工作 鲁迅说： 凡事总须研究，才会明白。 依旧时常编码，我也还记得，可是不甚清楚。 我翻开 SVN 一查，这代码缺乏美感， 歪歪斜斜的每行上都写着“赶工加班”几个字。 我横竖睡不着，仔细看了半夜， 才从代码里看出字来， 满本都写着两个字是“吃力”！ We need a CHANGE ! /p/kissy/ UED 技术层次图 淘宝前端架构 Sandbox Module Module Module Module Module 使命 让天下没有重复的前端代码！ 愿景 小巧灵活  Short Slim 简洁实用  Simple Stupid 使用起来让人感觉愉悦  Sweet Sexy 一期目标 前端基本规范 基础 CSS 框架，含栅格系统、DPL 等 基础功能组件，含拖拽、本地存储、动画等 通用 UI 组件，含日历、编辑器等等 详尽的文档 项目价值 降低前端开发成本，部分解决前端“瓶颈”问题 提高前端代码的稳定和性能 提高淘宝页面的一致，提升用户体验 提高前端开发工程师的幸福指数 项目价值 一年最少可以给公司节省的人力成本： 115 × 12 × 7000 × 5 / 20 = 241.5 万 2010 首页项目仅减少流量所节省的成本： 55 ×× 0.2 × (8/1000/12/3600×75000/100) = 10.7 万 隐性价值 业界普遍认为开发类库是重复造轮子，性价比不高。但实际上，投入进去，会发现受益很多。比如团队的技术氛围、团队成员的成长、人才的招聘等等。一个好的类库能打造出品牌效应，这些好处是你做之前很难想到的。 客观条件 UED 前端架构组是打杂组，基本无时间投入前端架构的工作。 前端资源非常紧缺，项目应接不暇。 但是，如果再不投入，再不重视，前端的瓶颈和质量问题将更加严峻！！！ It’s NOT the destination, but just where we BEGIN!