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
130
Web简史
Web略史 - 社内勉強会資料
HOU Bin
March 04, 2021
Tweet
Share
More Decks by HOU Bin
See All by HOU Bin
フルコンポーネント化へ 〜 進化を続けるアメブロの道
kouhin
1
550
アメブロ: Isomprhicアプリケーションのパフォーマンス・チューニング
kouhin
6
3.5k
Other Decks in Technology
See All in Technology
君は隠しイベントを見つけれるか?
mujyun
0
300
事業者間調整の行間を読む 調整の具体事例
sugiim
0
1.5k
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン 〜2024年版 ハンズオンの構想〜
horsewin
9
2.1k
プロダクトチームへのSystem Risk Records導入・運用事例の紹介/Introduction and Case Studies on Implementing and Operating System Risk Records for Product Teams
taddy_919
1
170
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
LeSSに潜む「隠れWF病」とその処方箋
lycorptech_jp
PRO
2
120
pandasはPolarsに性能面で追いつき追い越せるのか
vaaaaanquish
4
4.7k
【若手エンジニア応援LT会】AWSで繋がり、共に成長! ~コミュニティ活動と新人教育への挑戦~
kazushi_ohata
0
180
Amazon FSx for NetApp ONTAPを利用するにあたっての要件整理と設計のポイント
non97
1
160
Aurora_BlueGreenDeploymentsやってみた
tsukasa_ishimaru
1
130
新卒1年目が向き合う生成AI事業の開発を加速させる技術選定 / ai-web-launcher
cyberagentdevelopers
PRO
7
1.5k
グローバル展開を見据えたサービスにおける機械翻訳プラクティス / dp-ai-translating
cyberagentdevelopers
PRO
1
150
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.8k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
107
49k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Done Done
chrislema
181
16k
Optimising Largest Contentful Paint
csswizardry
33
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
3
370
Testing 201, or: Great Expectations
jmmastey
38
7k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.1k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
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 化 - 显示输出
ご清聴ありがとうございました