实时/可接入的 Web 技术
Upcoming SlideShare
Loading in...5
×
 

实时/可接入的 Web 技术

on

  • 1,049 views

移动 Web 时代已经到来, 桌面 Web 将面临各种冲击, 它会消失吗? 下一次桌面的革命是何时?

移动 Web 时代已经到来, 桌面 Web 将面临各种冲击, 它会消失吗? 下一次桌面的革命是何时?

Statistics

Views

Total Views
1,049
Views on SlideShare
1,049
Embed Views
0

Actions

Likes
3
Downloads
20
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

实时/可接入的 Web 技术 实时/可接入的 Web 技术 Presentation Transcript

  • 响应式 WEB 实时化、可接入化的 WEB 技术
  • @ sofish
  • @ sofish
  • @ sofish
  • @ sofish
  • Anywhere @ sofish
  • 移动 Web 时代已经到来,桌 面 Web 将面临各种冲击,它 会消失吗?下一次桌面的革 命是何时?
  • 实时响应 第三⽅方接⼊入
  • … 到时候,你们外出并不 需要带手机,随处可见可以 共享的移动通讯设备,只要 拿过来输入你的身份识别, 就可以为你所用。 — Kevin Kelly
  • … 到时候,你们外出并不 需要带手机,随处可见可以 共享的移动通讯设备,只要 拿过来输入你的身份识别, 就可以为你所用。 — Kevin Kelly
  • … 到时候,你们外出并不 需要带手机,随处可见可以 共享的移动通讯设备,只要 拿过来输入你的身份识别, 就可以为你所用。 — Kevin Kelly
  • … 到时候,你们外出并不 需要带手机,随处可见可以 共享的移动通讯设备,只要 拿过来输入你的身份识别, 就可以为你所用。 — Kevin Kelly
  • 未来的 WEB 将是响应式的
  • 未来的 WEB 将是响应式的 但不仅仅是布局 hello wor
  • 从现在开始进行响应式设计 • 技术实现(前、后端) • 框架/库(市场) • 第三方接入
  • comet Flash Ajax Web Socket stream pjax long polling Angular.js live binding WebRTC Ember xmpp socket.io APE
  • comet Flash Ajax Web Socket stream pjax long polling Angular.js live binding WebRTC Ember xmpp socket.io APE
  • http://staticfile.org
  • • 从布局上 • 从界面元素上 • 从数据上
  • • 从布局上 • 从界面元素上 • 从数据上 binding
  • • 从布局上 • 从界面元素上 • 从数据上 binding ajax
  • • 从布局上 • 从界面元素上 • 从数据上 binding ajax
  • 用到的技术:
  • 用到的技术: • Ajax - Template / Data
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 server
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 tmpl server data (R)
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 tmpl server data (R)
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • Template/DOM 数据绑定 tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl tmpl html server data (R) data(RW)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl tmpl html server data (R) data(RW)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl data(RW) html tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl data(RW) html tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl data(RW) html tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl data(RW) html tmpl html server data (R)
  • 用到的技术: • Ajax - Template / Data • server Template/DOM 数据绑定 tmpl data(RW) html tmpl html server data (R)
  • tmpl 模式/场景: html server data (R)
  • server 模式/场景: tmpl data(RW) html
  • 回顾一下讲的要点: • 技术:ajax / live-binding • 交互:单(双)向反馈 • 框架:Angular.js
  • mobile
  • desktop mobile
  • desktop mobile http://shanghai.baixing.com
  • 用到的技术:
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io)
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) Desktop Mobile
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) Mobile Desktop socket.io
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) Mobile Desktop socket.io
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) Mobile Desktop socket.io
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) Mobile Desktop socket.io
  • 用到的技术: • HTML5 File API (3rd Party Device) / Flash • Realtime Pub/Sub (Socket.io) event event Mobile Desktop data data socket.io event
  • Web Socket ! ! ! Long Polling
  • No one ever got fired for choosing long-polling. One thing is known for certain. Long polling always works. — Guillermo Rauch http://www.devthought.com/2012/07/07/the-realtime-engine/
  • No one ever got fired for choosing long-polling. One thing is known for certain. Long polling always works. — Guillermo Rauch http://www.devthought.com/2012/07/07/the-realtime-engine/
  • 回顾一下讲的要点: • 技术实现(前、后端) • 框架/库(市场) • 第三方接入
  • 回顾一下讲的要点: • 技术实现(前、后端) • 框架/库(市场) • 第三方接入 ajax / live-biding / web socket / long-polling
  • 回顾一下讲的要点: • 技术实现(前、后端) • 框架/库(市场) • 第三方接入 ajax / live-biding / web socket / long-polling angular.js / socket.io
  • 回顾一下讲的要点: • 技术实现(前、后端) • 框架/库(市场) • 第三方接入 ajax / live-biding / web socket / long-polling angular.js / socket.io 纯浏览器与桌⾯面同步图⽚片
  • Mobile Web 是⼀一个⼤大潮,但不是未来。互联 ⽹网是⼀一种⼯工具,⼯工具永远是为⼈人类⽣生活更⽅方 便⽽而⽣生的。浪潮让我们看的更⾼高,⽽而为⼈人类 ⽣生活更⽅方便的本质让我们⾛走得更远。
  • Web 的下⼀一个机会是什么 ? Mobile Web ⽹网是⼀一种⼯工具,⼯工具永远是为⼈人类⽣生活更⽅方 便⽽而⽣生的。浪潮让我们看的更⾼高,⽽而为⼈人类 ⽣生活更⽅方便的本质让我们⾛走得更远。
  • Web 的下⼀一个机会是什么 ? Mobile Web ⽹网是⼀一种⼯工具,⼯工具永远是为⼈人类⽣生活更⽅方 便⽽而⽣生的。浪潮让我们看的更⾼高,⽽而为⼈人类 ⽣生活更⽅方便的本质让我们⾛走得更远。
  • @ sofish
  • thank you! @ sofish