Your SlideShare is downloading. ×
  • Like
F2E technique,ability&future
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

F2E technique,ability&future

  • 922 views
Published

 

Published in Technology , Health & Medicine
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
922
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
16
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Yahoo!: 5-9% drop in full-page traffic +400 ms

Transcript

  • 1. F2E 技术、能力和未来 马士华
  • 2.
    • 问题:
    • 什么是 F2E ?
  • 3.
    • 答案:
    • 我们用 HTML,CSS,Javascript 。。。编写软件
  • 4.
    • 答案:
    • 我们告诉 Browser 我们如何展现我们的软件,如何响应用户的行为。
  • 5.
    • 答案:
    • 我们要通过我们的技术帮助站点实现商业目标。
  • 6.
    • 简单吗?
  • 7. (X)HTML DOM Javascript CSS 规范,实现, Bug 服务端语言,数据交换( XML , JSON )
  • 8.
    • IE5 , 6 , 7 , 8
    • Firefox
    • Safari
    • Opera
    • Chrome
    • Mobile
    • Machine
  • 9.  
  • 10.
    • 易用性,可访问性,页面设计,信息架构,安全,性能。
  • 11.
    • 专业的 F2E 给站点减少支出,带来利润,有活力的界面,舒适的交互,愉快地用户体验。
  • 12. HTML
    • <cite>
    • <fieldset>
    • <colgroup>
    • <caption>
    • <th scope=”row” abbr=”Manu”>
    • <ins datetime=”2008-05-30”>
    • HTML 嵌套规则
  • 13. CSS
    • selector : declaration;
    • Box model 、 Position 、 Floating 、 hasLayout
    • 面向 OO 的 CSS
    • CSS 的可维护性
  • 14. Javascript
    • Scope 、 Reference 、 Closure
    • 代码质量 ,tools like JSLint
    • 单元测试
    • Profiling
    • 当心 XSS 攻击,永远不要相信客户数据。 Tools : AdSafe/Caja
  • 15. Performance
    • 为什么 Performance 变得如此重要
  • 16. Performance
    • 时间就是金钱:
    • Amazon : 100ms 的延迟导致降低 1% 的销售
    • Yahoo : 400ms 的延迟降低页面完全打开 5%-9% 。
    • Google : 500ms 的延迟降低 20% 的搜索量
    • Bing : 500ms 的延迟降低 1.2% 的收益
    http://home.blarg.net/~glinden/StanfordDataMining.2006-11-29.ppt http://www.slideshare.net/stoyan/yslow-20-presentation http://assets.en.oreilly.com/1/event/29/The%20User%20and%20Business%20Impact%20of%20Server%20Delays,%20Additional%20Bytes,%20and%20HTTP%20Chunking%20in%20Web%20Search%20Presentation.pptx
  • 17. Performance
    • 14 个主要 Rule
    • 浏览器的区别和特性
    • 明白 Web 图片格式
    • 优化前端
    • 各种评测工具 YSlow , Page Speed 等。
  • 18.
    • 有大量的工作需要专业的 F2E 去完成
    • 用数据来证明 F2E 的价值
  • 19.
    • 2001 年 Yahoo 有 3000 个员工, F2E=0
    • 2008 年大约有 700 个专业的 F2E 。
    • TaoBao , Youa 拥有专业的 UED 团队
  • 20.
    • 下一个 F2E 就是你
  • 21. CC Image
    • http://evance.name/node/1212