JavaScript in Browser
浏览器运行时中的 JavaScript 总览，解释宿主能力边界与后续阅读主线。
#tech / dev / frontend
#type / synthesis
#status / growing
#resource / javascript
#platform / browser
[!info] related notes
- 所属 MOC: javascript-in-browser-moc, javascript-moc
- 上位主题: JavaScript的工程化与运行时
- 相关概念: html-js-scripts, javascript-dom, javascript-bom, javascript-events, window-object, location-object, history-object, navigator-object, screen-object
- 安全: xss-cross-site-scripting, csrf
- 性能: debounce-and-throttle
- 并列概念: javascript-in-nodejs
浏览器下的 JavaScript
这篇笔记只回答一个问题：JavaScript 进入浏览器之后，多了哪些宿主能力，以及这些能力该从哪里继续看。
核心边界
- ECMAScript 负责语言本身
- 浏览器额外提供 DOM、BOM、事件系统、渲染、存储、工作线程等宿主能力
- 所以浏览器里的 JavaScript = 语言 + 浏览器宿主 API
推荐阅读顺序
- html-js-scripts
- javascript-dom
- javascript-bom
- window-object
- javascript-events
- javascript中的进程线程协程
- browser-web-workers
- browser-client-storage
- browser-rendering-process
主题分组
页面入口与脚本加载
页面结构与渲染
浏览器环境对象
- javascript-bom
- window-object
- location-object
- history-object
- navigator-object
- screen-object
- 浏览器导航与前端路由
事件与交互
安全
并发与后台能力
浏览器额外存储能力
页面运行时与恢复
和 Node.js 的边界
- 浏览器有 DOM、窗口、渲染和用户交互
- Node.js 没有页面，但有文件系统、进程和服务端 I/O
对照阅读：javascript-in-nodejs
如果要按知识地图分组浏览，去 javascript-in-browser-moc。