fly interface ii

Post on 27-May-2015

449 Views

Category:

Travel

1 Downloads

Preview:

Click to see full reader

DESCRIPTION

FLY接口组件设计

TRANSCRIPT

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

top related