Web简史

Web略史 - 社内勉強会資料

Transcript

1. WEB简史 从一粒沙尘到一个世界 侯 斌 KOUHIN
2. 目次 WEB简史
   前现代文明（1990 - ）
   Web: 是一种展现及传递信息的形式
   现代文明（2005 - )
   Web: 是一种可以交互的应用程序
   后现代文明（现在 - ）
   Web: 是一个全能的系统平台
3. 前现代文明
4. 前现代文明（1990 - ） WEB诞生
   (英) Tim Berners-Lee
   1990/12/25 第一次使用HTTP实现客户端 和服务器通讯
   1993 年他说服了 CERN 同意永久免费提供 WWW 的基础 代码
   1994 年推动成立了万维网联盟（W3C）
5. 前现代文明（1990 - ） WEB基石
   基本技术
   JavaScript (1995)
   Flash (1996 - 2020) - 富客户端
   CSS (1998)
   浏览器
   Netscape (1994)
   Internet Explorer (1995 - 2020?)
6. 现代文明
7. 现代文明（2005 - ） 标志：AJAX
   Asynchronous JavaScript and XML
   (加) Jesse James Garrett
   Ajax: A New Approach to Web Applications (2005)
   意义：Web Page → Web App
   代表作品：Google Maps, Gmail…
8. 现代文明（2005 - ） 浏览器
   Internet Explorer
   渲染引擎：Trident
   Firefox (2002 - )
   渲染引擎：Gecko
   Chrome (2008 - )
   渲染引擎：Webkit → Blink (Forked from Webkit)
   Safari (2003 - )
   渲染引擎：Webkit
9. 现代文明（2005 - ） 性能提升
   更快JS引擎
   代表: V8 (2008 - )
   Web GL: 使得Web上获得 硬件图形加速
   Web Assembly
10. 现代文明（2005 - ） 开发技术：基本技术
    HTML 进化
    HTML 4.01
    XHTML : 试图使用XML规范HTML
    HTML5：实用主义取胜
    JavaScript 进化
    ES5, ES6 (ES2015), ES7(ES2016) …
    类，async/await…
    CSS 进化
    增加Flex, Grid布局，自定义变量
11. 现代文明（2005 - ） 开发技术：框架
    过去：prototype.js、jQuery 、mootools、YUI
    现在：Angular/React/Vue
    将来趋势：前端微服务化，组件化
12. 后现代文明
13. 后现代文明（现在 - ） 后现代文明的标志
    浏览器OS化
    Chrome OS (2011 - ) by Google
    网页全面APP化
    PWA (2015 -) by Google WEB: 是一个全能的系统平台
14. 后现代文明（现在 - ） 全面APP化 - APP生命周期
    Installation
    可安装，Android上与本地App完全相同
    拥有启动界面 splash screen
    (proposal) 自动启动运行Run On Startup
15. 后现代文明（现在 - ） 全面APP化 - APP生命周期
    Life cycle
    检测是否处在前台或是后台
    检测是否被系统冻结 freeze/resume
16. 后现代文明（现在 - ） 全面APP化 - APP生命周期
    Distribution
    发布到Play Store或是 Microsoft Store (替代原生App)
17. 后现代文明（现在 - ） 全面APP化 - 无缝体验
    离线模式 (e.g. Google Docs)
    PWA缓存 + SW请求拦截
    离线检测
18. 后现代文明（现在 - ） 全面APP化 - 无缝体验
    应用分享
    Share API
    Share Target API
19. 后现代文明（现在 - ） 全面APP化 - 无缝体验
    应用分享
    Share API
    Share Target API
20. 后现代文明（现在 - ） 全面APP化 - 无缝体验
    支付API
    Payment Request API
    Payment Handler API
21. 后现代文明（现在 - ） 全面APP化 - 无缝体验
    认证API
    Credential Management API
    调用/存储认证服务及认证信息
    Web Authn
    https://developers.google.com/web/fundamentals/ security/credential-management?hl=ja
22. 后现代文明（现在 - ） WEB OS 化 - 通知消息
    Push API
    Notification API
    https://developers.google.com/web/fundamentals/push- notifications
23. 后现代文明（现在 - ） WEB OS 化 - 权限请求
    Permission API
    地理信息
    通知许可
    相机/麦克风
    …
24. 后现代文明（现在 - ） WEB OS 化 - 定时任务
    Periodic Background Sync Api
    Notification Trigger API
    (proposal) Web Alarms API
    (proposal) Task Scheduler API
25. 后现代文明（现在 - ） WEB OS 化 - 硬件接口
    Web Bluetooth API *
    Web NFC API *
    Web USB API
    Web Serial API
    Web HID API
    Web Ambient Light API
26. 后现代文明（现在 - ）
    Media Capture API (实时流媒体): 监控
    Media Recorder API (录音/录相)
    WebRTC (即时通讯): 在线视频聊天
    Shape Detection API (文字/人脸/条码识别) WEB OS 化 - 媒体设备
27. 后现代文明（现在 - ）
    Network Information API
    cellular/wifi, 3g/4g, 下载速度
    Online State: online/offline
    Battery Status API: 电量状态
    Vibration API: 振动
    Device Memory API: 检测内存容量 WEB OS 化 - 设备功能
28. 后现代文明（现在 - ）
    离线缓存
    文件系统
    通讯录
    SMS
    Messaging API
    Web OTP API WEB OS 化 - 系统功能
29. 后现代文明（现在 - ）
    Geolocation: 地理信息
    (Proposal) Geofencing API: 进入设定好的地理位置后，触发
    Device Position / Device Motion
    SMS
    Messaging API
    Web OTP API WEB OS 化 - 位置信息
30. 后现代文明（现在 - ）
    Speech API: 语音输入
    Clipboard API WEB OS 化 - 输入
31. 后现代文明（现在 - ）
    Web VR / Web AR
    Screen Orientation API (锁定方向)
    Wake Lock API (防止设备进入休眠)
    Presentation API (主副屏显示不同内容) WEB OS 化 - 显示输出
32. ご清聴ありがとうございました