Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
定制版设计开发vs响应式设计开发之性能及流量
Search
d2forum
May 20, 2013
2
410
定制版设计开发vs响应式设计开发之性能及流量
d2forum
May 20, 2013
Tweet
Share
More Decks by d2forum
See All by d2forum
TMS的PHP特性
d2forum
0
1.6k
Leap Motion体感实战
d2forum
0
1.2k
跨终端产品实践
d2forum
12
1.9k
Touching Future—s01-e01
d2forum
2
890
KissyCake
d2forum
3
750
贡献标准.s01.e02
d2forum
3
1.3k
一淘响应式设计实践
d2forum
10
960
响应式web设计与实现介绍
d2forum
8
790
定制版设计开发vs响应式设计开发
d2forum
0
170
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
380
Product Roadmaps are Hard
iamctodd
PRO
51
11k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
It's Worth the Effort
3n
184
28k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
4 Signs Your Business is Dying
shpigford
183
22k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
11
1.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
GraphQLとの向き合い方2022年版
quramy
44
14k
Fireside Chat
paigeccino
35
3.2k
Docker and Python
trallard
44
3.3k
Transcript
关于性能 • jQuery – 94K • KISSY-Seed – 49.9K •
Zepto – 9.7K 13年5月20⽇日星期⼀一
13年5月20⽇日星期⼀一
13年5月20⽇日星期⼀一
• 2010年, 我国⼿手机平均⺴⽹网速为50Kbps,也就 是 50/8 = 6.25KB/S 全球倒数第⼆二! • 下载jQuery,
需要 94/6.25 = 15.04S • 下载KISSY-Seed, 需要49.9/6.25 =7.98S • 下载Zepto, 需要9.7/6.25 = 1.55S 13年5月20⽇日星期⼀一
• 加载基础脚本超过8S的⺴⽹网站, 你的反应是? • 基础脚本 + 业务脚本 + 样式表 =
? • 还有图⽚片,HTML⽂文档等。。。 13年5月20⽇日星期⼀一
定制的优势 • 更轻量级的脚本 – 不⽤用兼容IE,Loader可以更加简洁 – 不⽤用兼容IE,Event可以更加简洁 – 不⽤用兼容IE,DOM 可以更加简洁
– 。。。。。 13年5月20⽇日星期⼀一
定制的优势 • ⽆无需Hack的CSS .inline-block{ display: inline-block; } .elem:hover{ //Some Code
.inline-block{ display: inline-block; *display: inline; *zoom:1 } .hover, .elem:hover{ //Some 13年5月20⽇日星期⼀一
定制的优势 • 放⼼心的使⽤用更强⼤大的CSS选择器 – ~ > + :first …. •
简单的动画 $el.anim(props, duration, fn) .el-cls {transition:all, duration, fn} 13年5月20⽇日星期⼀一
定制的优势 正如移动设备本⾝身, 轻便⽽而⼜又强⼤大 13年5月20⽇日星期⼀一