Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web简史

HOU Bin
March 04, 2021

 Web简史

Web略史 - 社内勉強会資料

HOU Bin

March 04, 2021
Tweet

More Decks by HOU Bin

Other Decks in Technology

Transcript

  1. 目次 WEB简史  前现代文明(1990 - )  Web: 是一种展现及传递信息的形式 

    现代文明(2005 - )  Web: 是一种可以交互的应用程序  后现代文明(现在 - )  Web: 是一个全能的系统平台
  2. 前现代文明(1990 - ) WEB诞生  (英) Tim Berners-Lee  1990/12/25

    第一次使用HTTP实现客户端 和服务器通讯  1993 年他说服了 CERN 同意永久免费提供 WWW 的基础 代码  1994 年推动成立了万维网联盟(W3C)
  3. 前现代文明(1990 - ) WEB基石  基本技术  JavaScript (1995) 

    Flash (1996 - 2020) - 富客户端  CSS (1998)  浏览器  Netscape (1994)  Internet Explorer (1995 - 2020?)
  4. 现代文明(2005 - ) 标志:AJAX  Asynchronous JavaScript and XML 

    (加) Jesse James Garrett  Ajax: A New Approach to Web Applications (2005)  意义:Web Page → Web App  代表作品:Google Maps, Gmail…
  5. 现代文明(2005 - ) 浏览器  Internet Explorer  渲染引擎:Trident 

    Firefox (2002 - )  渲染引擎:Gecko  Chrome (2008 - )  渲染引擎:Webkit → Blink (Forked from Webkit)  Safari (2003 - )  渲染引擎:Webkit
  6. 现代文明(2005 - ) 性能提升  更快JS引擎  代表: V8 (2008

    - )  Web GL: 使得Web上获得 硬件图形加速  Web Assembly
  7. 现代文明(2005 - ) 开发技术:基本技术  HTML 进化  HTML 4.01

     XHTML : 试图使用XML规范HTML  HTML5:实用主义取胜  JavaScript 进化  ES5, ES6 (ES2015), ES7(ES2016) …  类,async/await…  CSS 进化  增加Flex, Grid布局,自定义变量
  8. 后现代文明(现在 - ) 后现代文明的标志  浏览器OS化  Chrome OS (2011

    - ) by Google  网页全面APP化  PWA (2015 -) by Google WEB: 是一个全能的系统平台
  9. 后现代文明(现在 - ) 全面APP化 - APP生命周期  Life cycle 

    检测是否处在前台或是后台  检测是否被系统冻结 freeze/resume
  10. 后现代文明(现在 - ) 全面APP化 - 无缝体验  认证API  Credential

    Management API  调用/存储认证服务及认证信息  Web Authn  https://developers.google.com/web/fundamentals/ security/credential-management?hl=ja
  11. 后现代文明(现在 - ) WEB OS 化 - 通知消息  Push

    API  Notification API  https://developers.google.com/web/fundamentals/push- notifications
  12. 后现代文明(现在 - ) WEB OS 化 - 权限请求  Permission

    API  地理信息  通知许可  相机/麦克风  …
  13. 后现代文明(现在 - ) WEB OS 化 - 定时任务  Periodic

    Background Sync Api  Notification Trigger API  (proposal) Web Alarms API  (proposal) Task Scheduler API
  14. 后现代文明(现在 - ) WEB OS 化 - 硬件接口  Web

    Bluetooth API *  Web NFC API *  Web USB API  Web Serial API  Web HID API  Web Ambient Light API
  15. 后现代文明(现在 - )  Media Capture API (实时流媒体): 监控 

    Media Recorder API (录音/录相)  WebRTC (即时通讯): 在线视频聊天  Shape Detection API (文字/人脸/条码识别) WEB OS 化 - 媒体设备
  16. 后现代文明(现在 - )  Network Information API  cellular/wifi, 3g/4g,

    下载速度  Online State: online/offline  Battery Status API: 电量状态  Vibration API: 振动  Device Memory API: 检测内存容量 WEB OS 化 - 设备功能
  17. 后现代文明(现在 - )  离线缓存  文件系统  通讯录 

    SMS  Messaging API  Web OTP API WEB OS 化 - 系统功能
  18. 后现代文明(现在 - )  Geolocation: 地理信息  (Proposal) Geofencing API:

    进入设定好的地理位置后,触发  Device Position / Device Motion  SMS  Messaging API  Web OTP API WEB OS 化 - 位置信息
  19. 后现代文明(现在 - )  Web VR / Web AR 

    Screen Orientation API (锁定方向)  Wake Lock API (防止设备进入休眠)  Presentation API (主副屏显示不同内容) WEB OS 化 - 显示输出