入门
运算符与流程控制
JavaScript break 和 continue
教程文章break 用于跳出循环,continue 用于跳过本次迭代继续下一次循环,两者都可用于控制循环流程。
JavaScript do-while 循环
教程文章do-while 循环是后测试循环语句,先执行循环体再判断条件,确保循环体至少执行一次。
JavaScript for 循环
教程文章JavaScript for 循环是最常用的循环结构,通过初始化、条件、迭代三部分控制循环,适合已知次数的迭代。
JavaScript switch 语句
教程文章JavaScript switch 语句用于多分支条件判断,基于表达式值匹配执行对应 case,比多层 if-else 更清晰。
JavaScript while 循环
教程文章JavaScript while 循环是前测试循环语句,先判断条件再执行循环体,适合不确定次数的条件循环。
JavaScript 条件语句(if-else)
教程文章JavaScript if-else 条件语句根据条件表达式结果执行不同代码分支,是实现程序逻辑控制的基础结构。
JavaScript 比较运算符
教程文章JavaScript 比较运算符用于比较两个值,包括相等比较和大小比较,结果返回布尔值。
JavaScript 算术运算符
教程文章JavaScript 算术运算符用于执行数学运算,包括加减乘除、取余、幂运算等基本操作。
JavaScript 赋值运算符
教程文章JavaScript 赋值运算符用于给变量赋值,包括基本赋值和复合赋值运算符,简化代码书写。
JavaScript 逻辑运算符
教程文章JavaScript 逻辑运算符用于布尔逻辑运算,包括与、或、非三种运算,常用于条件判断和短路求值。
DOM操作与事件
DOM样式操作
教程文章JavaScript操作DOM样式包括style属性、classList操作和className切换,是动态改变元素外观的核心方法。
DOM节点操作
教程文章DOM节点操作是JavaScript操作网页内容的核心能力,包括创建、插入、删除、替换节点等基本操作。
DOM选择器
教程文章DOM选择器是获取页面元素的核心方法,包括getElementById、querySelector等,掌握各种选择器的使用场景和性能差异。
事件冒泡与捕获
教程文章事件冒泡与捕获是DOM事件传播的两个阶段,理解事件流机制对于正确处理事件至关重要。
事件委托
教程文章事件委托利用事件冒泡机制,将事件监听器绑定在父元素上,通过判断target处理子元素事件,减少监听器数量。
事件对象
教程文章事件对象包含事件的详细信息,如触发元素、鼠标位置、按键状态等,是处理交互的核心数据来源。
事件监听
教程文章事件监听是JavaScript响应用户操作的核心机制,包括addEventListener注册事件和removeEventListener移除事件。
常见事件类型
教程文章JavaScript常见事件类型包括鼠标事件、键盘事件、表单事件、文档事件等,掌握这些事件是开发交互应用的基础。
函数与作用域
作用域与变量提升
教程文章作用域决定变量的可访问范围,变量提升是JavaScript的独特机制,理解两者对于避免变量污染和引用错误至关重要。
函数定义与调用
教程文章函数是JavaScript的核心概念,掌握函数的定义方式和调用方法是编程的基础技能。
参数传递
教程文章JavaScript函数参数传递包括位置参数、默认参数、剩余参数和解构参数,理解参数传递机制对编写灵活函数至关重要。
箭头函数
教程文章箭头函数是ES6引入的简洁函数语法,具有更短的写法和词法this绑定,是现代JavaScript的重要特性。
返回值
教程文章函数返回值是函数执行结果的输出方式,return语句终止函数执行并返回值,理解返回值机制是函数设计的基础。
闭包
教程文章闭包是函数与其词法环境的组合,允许内部函数访问外部函数的变量,是实现数据私有化和函数工厂的核心技术。
进阶
高级语法与特性
JavaScript 事件循环(Event Loop)
教程文章深入理解 JavaScript 事件循环机制,包括调用栈、任务队列、微任务与宏任务的执行顺序。
JavaScript 代理与反射(Proxy/Reflect)
教程文章掌握 Proxy 和 Reflect API,实现对象操作的拦截、监听与元编程能力。
JavaScript 函数式编程
教程文章掌握 JavaScript 函数式编程核心概念,包括纯函数、不可变性、柯里化、组合等编程范式。
JavaScript 原型链
教程文章深入理解 JavaScript 原型链机制,包括原型对象、原型链查找规则、继承实现方式及常见陷阱。
JavaScript 性能优化(内存管理、防抖节流)
教程文章掌握 JavaScript 性能优化技术,包括内存管理、垃圾回收机制、防抖与节流的实现与应用。
JavaScript 模块化(ES Modules)
教程文章掌握 ES Modules 标准语法,包括导出导入方式、动态导入、循环依赖处理及最佳实践。
JavaScript 生成器与迭代器
教程文章掌握 Generator 和 Iterator 协议,实现惰性求值、异步流程控制和自定义可迭代对象。
JavaScript 闭包
教程文章深入理解 JavaScript 闭包机制,包括词法作用域、内存管理及典型应用场景。
JavaScript 高阶函数
教程文章掌握高阶函数概念与常见实现,包括函数作为参数、返回函数、柯里化、组合等核心模式。
原型链与继承
JavaScript ES6 类与继承
教程文章ES6 class 提供更清晰的类语法,extends 实现继承,底层仍是原型链机制,语法糖简化了继承实现。
JavaScript instanceof 原理
教程文章instanceof 通过检查对象原型链是否包含构造函数的 prototype,判断对象是否属于某类或其父类。
JavaScript 原型式继承
教程文章原型式继承使用 Object.create() 基于现有对象创建新对象,无需构造函数,适合对象浅拷贝和继承场景。
JavaScript 原型链基础
教程文章JavaScript 原型链是实现继承的核心机制,对象通过 __proto__ 链接形成查找链,最终指向 Object.prototype。
JavaScript 原型链继承
教程文章原型链继承是最基础的继承方式,子类原型指向父类实例,实现属性和方法的继承,但有引用类型共享问题。
JavaScript 构造函数与原型
教程文章构造函数用于创建对象实例,原型对象存储共享方法,两者结合实现高效的属性与方法管理。
异步进阶与并发控制
JavaScript Generator 函数与异步生成器
教程文章Generator 函数通过 yield 暂停执行,async generator 结合异步操作,是构建异步流程控制的强大工具。
JavaScript Web Workers 与多线程
教程文章Web Workers 在浏览器后台创建独立线程执行脚本,不阻塞主线程,适合计算密集型任务和 CPU 并行处理。
JavaScript 事件循环与微任务/宏任务
教程文章事件循环是 JavaScript 异步执行的核心机制,微任务优先于宏任务执行,决定了代码的实际执行顺序。
JavaScript 并发控制(Promise.all、Promise.race、Promise.allSettled)
教程文章Promise 并发方法用于管理多个异步任务,Promise.all 全成功才返回,Promise.race 返回最快结果,Promise.allSettled 返回所有状态。
JavaScript 异步迭代器与 for await...of
教程文章异步迭代器通过 Symbol.asyncIterator 定义,for await...of 用于遍历异步可迭代对象,自动处理 Promise 解析。
浏览器与DOM高级
BOM与浏览器对象
教程文章JavaScript浏览器对象模型BOM核心对象详解,包括window、location、history、navigator、screen的使用方法。
Web Workers与Service Workers
教程文章Web Workers多线程编程与Service Workers离线缓存技术详解,包括Worker通信、Service Worker生命周期与缓存策略。
事件处理与委托
教程文章JavaScript事件处理机制与事件委托模式详解,包括事件流、事件对象、事件委托原理与实践应用。
性能优化与内存管理
教程文章JavaScript性能优化与内存管理实践,包括渲染优化、内存泄漏防范、垃圾回收机制与性能监控方法。
模块化与工程化基础
JavaScript 包管理工具(npm、yarn)
教程文章npm 和 yarn 是 JavaScript 项目依赖管理工具,负责安装、更新、管理第三方包,是现代前端工程化的基础。
JavaScript 工程化基础(Babel、ESLint)
教程文章Babel 将现代 JavaScript 转换为兼容代码,ESLint 检查代码质量,两者是前端工程化的核心工具。
JavaScript 模块化规范(CommonJS、ES Module)
教程文章CommonJS 是 Node.js 模块规范,ES Module 是 JavaScript 标准模块规范,两者语法和加载机制不同。
JavaScript 模块打包工具(Webpack、Rollup)
教程文章Webpack 和 Rollup 是主流的 JavaScript 模块打包工具,Webpack 功能全面适合应用开发,Rollup 输出简洁适合库开发。
专家
高级性能分析
DOM 操作优化与重排重绘
教程文章深入解析浏览器渲染原理、重排重绘触发条件及优化策略,帮助开发者编写高性能的DOM操作代码。
Web Worker 多线程优化
教程文章深入解析Web Worker多线程架构、通信机制及应用场景,帮助开发者将耗时任务移出主线程,提升页面响应性能。
代码分割与懒加载
教程文章深入解析代码分割与懒加载的核心原理、实现方式及在Webpack/Vite中的应用,帮助开发者优化前端资源加载策略。
内存泄漏检测与优化
教程文章深入解析JavaScript内存管理机制、常见泄漏场景及检测优化方法,帮助开发者构建内存健康的前端应用。
性能监控与 profiling 工具
教程文章系统介绍前端性能监控指标、浏览器DevTools profiling工具及Lighthouse自动化检测,帮助开发者建立完整的性能监控体系。
虚拟列表与大数据渲染
教程文章深入解析虚拟列表原理、实现方式及大数据渲染优化策略,帮助开发者高效处理万级数据列表渲染。
请求合并与缓存策略
教程文章深入解析HTTP请求合并策略与多级缓存设计,帮助开发者减少网络请求、提高数据响应速度。
安全与边界处理
安全编码实践
教程文章系统讲解JavaScript安全编码规范,涵盖变量处理、函数安全、模块设计等核心实践。
跨站脚本攻击(XSS)防御
教程文章深入讲解XSS攻击类型与防御策略,涵盖反射型、存储型、DOM型XSS的识别与防护方案。
跨站请求伪造(CSRF)防御
教程文章深入讲解CSRF攻击原理与防御策略,包括Token验证、SameSite Cookie、Referer检查等核心方案。
输入验证与净化
教程文章深入讲解JavaScript输入验证与净化技术,包括白名单验证、类型检查、数据净化等核心方法。
输出编码与转义
教程文章详细讲解JavaScript输出编码与转义技术,涵盖HTML、JavaScript、URL、CSS等上下文的编码规则。
JS引擎与运行时原理
JavaScript JIT 编译优化
教程文章深入理解 JIT 编译原理,掌握 V8 优化策略与反优化机制,编写高性能 JavaScript 代码。
JavaScript this 绑定规则
教程文章全面掌握 JavaScript this 绑定的四条规则,理解箭头函数的词法 this,避免常见陷阱。
JavaScript 事件循环与宏任务/微任务
教程文章深入理解事件循环机制,掌握宏任务与微任务的执行顺序,精准预测异步代码行为。
JavaScript 内存管理与优化
教程文章深入理解 JavaScript 内存管理机制,掌握内存泄漏检测与优化技巧,提升应用性能与稳定性。
JavaScript 垃圾回收机制
教程文章深入理解 JavaScript 垃圾回收原理,掌握 V8 分代回收、标记清除算法,优化内存使用。
JavaScript 引擎架构
教程文章了解主流 JavaScript 引擎架构设计,掌握 V8、SpiderMonkey、JavaScriptCore 的核心组件与工作原理。
JavaScript 执行上下文与调用栈
教程文章深入理解执行上下文的创建、变量对象、作用域链,以及调用栈的工作机制。
JavaScript 编译与解释执行
教程文章理解 JavaScript 编译与解释执行机制,掌握代码从源码到执行的完整流程。
JavaScript 跨平台运行时差异
教程文章了解 JavaScript 在浏览器和 Node.js 等不同运行时环境的差异,掌握跨平台开发要点。
V8 引擎内部机制
教程文章深入 V8 引擎内部,理解 Ignition 解释器、TurboFan 编译器、Hidden Class、垃圾回收等核心机制。
设计模式与架构思想
MVC/MVVM架构
教程文章深入解析MVC与MVVM架构模式的核心原理、实现方式及在前端框架中的应用,帮助开发者理解现代前端架构设计思想。
代理模式与装饰器模式
教程文章深入解析代理模式与装饰器模式的核心实现、典型应用场景及JavaScript中的实践方式,帮助开发者理解结构型设计模式。
依赖注入与控制反转
教程文章深入解析依赖注入(DI)与控制反转(IoC)的核心概念、实现方式及其在JavaScript中的应用场景,帮助开发者构建松耦合、易测试的代码架构。
单向数据流与状态管理
教程文章深入解析单向数据流架构原理、状态管理模式及在现代前端框架中的实践,帮助开发者构建可预测的应用状态体系。
工厂模式与单例模式
教程文章深入解析工厂模式与单例模式的核心实现、应用场景及最佳实践,帮助开发者编写更灵活、可维护的代码。
异步设计模式
教程文章深入解析JavaScript异步编程的核心设计模式,包括回调模式、Promise模式、异步迭代器、并发控制等高级异步处理技术。
模块化设计原则
教程文章系统介绍JavaScript模块化设计原则、ES6模块系统、模块划分策略及最佳实践,帮助开发者构建可维护的模块化代码。
观察者模式与事件驱动
教程文章深入解析观察者模式与事件驱动架构的核心实现、典型应用场景,以及在前端开发中的最佳实践。
设计模式基础
教程文章系统介绍设计模式的基本概念、分类、核心原则及JavaScript中的常见实现,为深入学习设计模式奠定基础。
