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
Web简史
Search
HOU Bin
March 04, 2021
Technology
1
140
Web简史
Web略史 - 社内勉強会資料
HOU Bin
March 04, 2021
Tweet
Share
More Decks by HOU Bin
See All by HOU Bin
フルコンポーネント化へ 〜 進化を続けるアメブロの道
kouhin
1
600
アメブロ: Isomprhicアプリケーションのパフォーマンス・チューニング
kouhin
6
3.6k
Other Decks in Technology
See All in Technology
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
210
AIエージェント時代のエンジニアになろう #jawsug #jawsdays2025 / 20250301 Agentic AI Engineering
yoshidashingo
8
3.9k
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
160
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
200
AIエージェント入門
minorun365
PRO
32
19k
目標と時間軸 〜ベイビーステップでケイパビリティを高めよう〜
kakehashi
PRO
8
770
わたしがEMとして入社した「最初の100日」の過ごし方 / EMConfJp2025
daiksy
14
5.3k
Amazon Aurora のバージョンアップ手法について
smt7174
2
170
フォーイット_エンジニア向け会社紹介資料_Forit_Company_Profile.pdf
forit_tech
1
1.7k
Apache Iceberg Case Study in LY Corporation
lycorptech_jp
PRO
0
350
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
230
Охота на косуль у древних
ashapiro
0
110
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.4k
How to Ace a Technical Interview
jacobian
276
23k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Designing Experiences People Love
moore
140
23k
The Invisible Side of Design
smashingmag
299
50k
Code Reviewing Like a Champion
maltzj
521
39k
Faster Mobile Websites
deanohume
306
31k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.9k
Building an army of robots
kneath
303
45k
Done Done
chrislema
182
16k
Unsuck your backbone
ammeep
669
57k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
520
Transcript
WEB简史 从一粒沙尘到一个世界 侯 斌 KOUHIN
目次 WEB简史 前现代文明(1990 - ) Web: 是一种展现及传递信息的形式
现代文明(2005 - ) Web: 是一种可以交互的应用程序 后现代文明(现在 - ) Web: 是一个全能的系统平台
前现代文明
前现代文明(1990 - ) WEB诞生 (英) Tim Berners-Lee 1990/12/25
第一次使用HTTP实现客户端 和服务器通讯 1993 年他说服了 CERN 同意永久免费提供 WWW 的基础 代码 1994 年推动成立了万维网联盟(W3C)
前现代文明(1990 - ) WEB基石 基本技术 JavaScript (1995)
Flash (1996 - 2020) - 富客户端 CSS (1998) 浏览器 Netscape (1994) Internet Explorer (1995 - 2020?)
现代文明
现代文明(2005 - ) 标志:AJAX Asynchronous JavaScript and XML
(加) Jesse James Garrett Ajax: A New Approach to Web Applications (2005) 意义:Web Page → Web App 代表作品:Google Maps, Gmail…
现代文明(2005 - ) 浏览器 Internet Explorer 渲染引擎:Trident
Firefox (2002 - ) 渲染引擎:Gecko Chrome (2008 - ) 渲染引擎:Webkit → Blink (Forked from Webkit) Safari (2003 - ) 渲染引擎:Webkit
现代文明(2005 - ) 性能提升 更快JS引擎 代表: V8 (2008
- ) Web GL: 使得Web上获得 硬件图形加速 Web Assembly
现代文明(2005 - ) 开发技术:基本技术 HTML 进化 HTML 4.01
XHTML : 试图使用XML规范HTML HTML5:实用主义取胜 JavaScript 进化 ES5, ES6 (ES2015), ES7(ES2016) … 类,async/await… CSS 进化 增加Flex, Grid布局,自定义变量
现代文明(2005 - ) 开发技术:框架 过去:prototype.js、jQuery 、mootools、YUI 现在:Angular/React/Vue
将来趋势:前端微服务化,组件化
后现代文明
后现代文明(现在 - ) 后现代文明的标志 浏览器OS化 Chrome OS (2011
- ) by Google 网页全面APP化 PWA (2015 -) by Google WEB: 是一个全能的系统平台
后现代文明(现在 - ) 全面APP化 - APP生命周期 Installation 可安装,Android上与本地App完全相同
拥有启动界面 splash screen (proposal) 自动启动运行Run On Startup
后现代文明(现在 - ) 全面APP化 - APP生命周期 Life cycle
检测是否处在前台或是后台 检测是否被系统冻结 freeze/resume
后现代文明(现在 - ) 全面APP化 - APP生命周期 Distribution 发布到Play
Store或是 Microsoft Store (替代原生App)
后现代文明(现在 - ) 全面APP化 - 无缝体验 离线模式 (e.g. Google
Docs) PWA缓存 + SW请求拦截 离线检测
后现代文明(现在 - ) 全面APP化 - 无缝体验 应用分享 Share
API Share Target API
后现代文明(现在 - ) 全面APP化 - 无缝体验 应用分享 Share
API Share Target API
后现代文明(现在 - ) 全面APP化 - 无缝体验 支付API Payment
Request API Payment Handler API
后现代文明(现在 - ) 全面APP化 - 无缝体验 认证API Credential
Management API 调用/存储认证服务及认证信息 Web Authn https://developers.google.com/web/fundamentals/ security/credential-management?hl=ja
后现代文明(现在 - ) WEB OS 化 - 通知消息 Push
API Notification API https://developers.google.com/web/fundamentals/push- notifications
后现代文明(现在 - ) WEB OS 化 - 权限请求 Permission
API 地理信息 通知许可 相机/麦克风 …
后现代文明(现在 - ) WEB OS 化 - 定时任务 Periodic
Background Sync Api Notification Trigger API (proposal) Web Alarms API (proposal) Task Scheduler API
后现代文明(现在 - ) WEB OS 化 - 硬件接口 Web
Bluetooth API * Web NFC API * Web USB API Web Serial API Web HID API Web Ambient Light API
后现代文明(现在 - ) Media Capture API (实时流媒体): 监控
Media Recorder API (录音/录相) WebRTC (即时通讯): 在线视频聊天 Shape Detection API (文字/人脸/条码识别) WEB OS 化 - 媒体设备
后现代文明(现在 - ) Network Information API cellular/wifi, 3g/4g,
下载速度 Online State: online/offline Battery Status API: 电量状态 Vibration API: 振动 Device Memory API: 检测内存容量 WEB OS 化 - 设备功能
后现代文明(现在 - ) 离线缓存 文件系统 通讯录
SMS Messaging API Web OTP API WEB OS 化 - 系统功能
后现代文明(现在 - ) Geolocation: 地理信息 (Proposal) Geofencing API:
进入设定好的地理位置后,触发 Device Position / Device Motion SMS Messaging API Web OTP API WEB OS 化 - 位置信息
后现代文明(现在 - ) Speech API: 语音输入 Clipboard API
WEB OS 化 - 输入
后现代文明(现在 - ) Web VR / Web AR
Screen Orientation API (锁定方向) Wake Lock API (防止设备进入休眠) Presentation API (主副屏显示不同内容) WEB OS 化 - 显示输出
ご清聴ありがとうございました