Upload
fangdeng
View
448
Download
1
Embed Size (px)
DESCRIPTION
FLY接口组件设计
Citation preview
FLY INTERFACE II
Monday, April 18, 2011
30MIN说些什么坐在门外歇歇脚
Monday, April 18, 2011
从FLY说开去Date Warehouse(DW 数据仓库) 根据用户访问行为等信息研发的算法
其实我不用关心是它是什么东西
那背后不是我的领域
这里有特殊情况
Monday, April 18, 2011
WE? 我们的角色
个性化推荐
每日焦点
...
Essence : Ajax 异步渲染
偏好 offers
热销 offers (categories), company
上新 offers
感兴趣 word
Monday, April 18, 2011
USAGE SCENES 使用场景
Monday, April 18, 2011
MAIN FUNCTION
封装接口返回的数据,保证数据可用 (Usability 可用)
提供最简单的可配置项 (Flexible 灵活)
封装静态方法, 渲染时使用模板引擎 (Efficient 高效)
曝光和打点, 数据收集 (Feedback 反馈)
Monday, April 18, 2011
COMPLEX SCENES
循环请求对象指向问题 - 新建params对象
完整的回调 - 增加onTemplatePre回调
隐藏域的性能问题 - 使内容存入值中(现不在此完成)
Monday, April 18, 2011
NOW!
轻量级通用组件 FE.util.fly()
用Google Closure Compile压缩后大小仅4k+
简单的打点方式
Monday, April 18, 2011
换一个角度
DESIGN PHILOSOPHYKey: Design 设计
Monday, April 18, 2011
DESIGN PHILOSOPHY
Ockham’s Razor 奥卡姆剃刀
这个原理称为“如无必要,勿增实体”,即简单有效原理
简化结构 核心价值 简化流程
Monday, April 18, 2011
DON’T MAKE ME THINK
Don’t make me think.
We don’t make optical choices. Users like mindless choices.
Omit Needless words. The art of not writing for the web.
人与代码的沟通也是交互
Monday, April 18, 2011
那些我们熟知的
Jquery Wirte less, do more
$(‘node’).do1.do2.do3.......
Monday, April 18, 2011
那些我们熟知的
Apple Industrial Design苹果的工业设计
Monday, April 18, 2011
DISCUSS
数据出错时的反馈
大量使用的性能问题
用户体验,渲染时间
Monday, April 18, 2011
DISCUSS
数据出错时的反馈
大量使用的性能问题
用户体验,渲染时间
应用场景?
Monday, April 18, 2011
DISCUSS
数据出错时的反馈
大量使用的性能问题
用户体验,渲染时间
应用场景?
异步用在哪里?
Monday, April 18, 2011
DISCUSS
数据出错时的反馈
大量使用的性能问题
用户体验,渲染时间
应用场景?
异步用在哪里?
频繁交互、频繁读取数据、动态更新
Monday, April 18, 2011
DISCUSS
数据出错时的反馈
大量使用的性能问题
用户体验,渲染时间
应用场景?
异步用在哪里?
后台作渲染和出错处理
频繁交互、频繁读取数据、动态更新
Monday, April 18, 2011
FUTURE 未来
静态页面一部分将在DCMS第二期由后台渲染
Monday, April 18, 2011
DON’T FORGET 别忘了
这是一次推广Fly组件的分享,请大家可以用起来
Monday, April 18, 2011
Thanks !
Monday, April 18, 2011