
书: https://pan.baidu.com/s/1jDVnfhmGRwu5jeEuV63Kcg?pwd=bmyj
笔记如下:
- JavaScript语言核心:深入解析ECMAScript规范,涵盖变量、作用域(闭包)、数据类型(原始值/引用值)及严格模式(
"use strict"
)。 - 对象与原型链:构造函数、
prototype
继承、class
语法糖(ES6),instanceof
内部机制。 - 函数进阶:箭头函数(无
this
绑定)、默认参数、剩余参数(...args
)、生成器(function*
)。 - 异步编程:
- Promise链式调用(
then/catch/finally
)。 - async/await语法糖,错误处理(
try-catch
)。 - 事件循环(Event Loop)与任务队列(宏任务/微任务)。
- 模块化:ES6模块(
import/export
)对比CommonJS/AMD,动态导入(import()
)。 - 集合引用类型:
- Map/Set(对比Object/Array)。
- TypedArray处理二进制数据。
- 代理与反射:
Proxy
拦截对象操作(get/set),Reflect
提供默认行为。 - 错误处理:
throw
自定义错误,Error
子类化,window.onerror
全局捕获。 - BOM与DOM:
- BOM:
window
对象(location/history/navigator)。 - DOM:节点操作(
querySelector
)、事件流(捕获/冒泡)、Event
对象。
- 客户端存储:
- Web Storage(localStorage/sessionStorage)。
- IndexedDB事务化NoSQL存储。
- 网络请求:
- Fetch API(替代XHR),
Headers/Request/Response
抽象。 - WebSocket全双工通信(
ws://
协议)。
- Fetch API(替代XHR),
- HTML5 API:
- Canvas绘图(2D/WebGL)。
- Web Workers多线程(
postMessage
通信)。
- 性能优化:
- 防抖(debounce)与节流(throttle)。
- 虚拟DOM原理(Diff算法)。
- 安全实践:
- XSS防御(
textContent
替代innerHTML
)。 - CSP(内容安全策略)配置。
- XSS防御(
- TypeScript整合:类型注解(
:type
)、接口(interface
)与JavaScript共存策略。 - 测试与调试:
- Jest单元测试框架。
- Chrome DevTools性能分析(CPU/内存快照)。
- 框架设计思想:
- 响应式系统(Vue/React数据绑定原理)。
- 单向数据流(Redux状态管理)。
- 现代工具链:
- Babel转译ES6+语法。
- Webpack模块打包(Tree Shaking优化)。
- 设计模式:
- 观察者模式(EventEmitter)。
- 工厂模式(模块化创建对象)。
- 未来特性展望:
- Top-Level Await(ES2022)。
- Decorators(装饰器标准化)。