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
OCI Vault 概要
oracle4engineer
PRO
0
9.7k
LINEヤフーにおけるPrerender技術の導入とその効果
narirou
1
140
マルチモーダル / AI Agent / LLMOps 3つの技術トレンドで理解するLLMの今後の展望
hirosatogamo
37
13k
Storybook との上手な向き合い方を考える
re_taro
5
730
エンジニア人生の拡張性を高める 「探索型キャリア設計」の提案
tenshoku_draft
1
130
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
450
AIチャットボット開発への生成AI活用
ryomrt
0
170
B2B SaaSから見た最近のC#/.NETの進化
sansantech
PRO
0
930
【LT】ソフトウェア産業は進化しているのか? #Agilejapan
takabow
0
100
Engineer Career Talk
lycorp_recruit_jp
0
190
IBC 2024 動画技術関連レポート / IBC 2024 Report
cyberagentdevelopers
PRO
1
120
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
130
Featured
See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
GitHub's CSS Performance
jonrohan
1030
460k
Statistics for Hackers
jakevdp
796
220k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
4
380
Building Applications with DynamoDB
mza
90
6.1k
Side Projects
sachag
452
42k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Designing the Hi-DPI Web
ddemaree
280
34k
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 化 - 显示输出
ご清聴ありがとうございました