首页/ 学科题库/ javascript

javascript

FRONT

JavaScript 是一种高级的、解释型的编程语言,主要用于网页开发,为网页添加动态交互功能。它支持事件驱动、函数式编程风格,并广泛应用于前端和后端开发。

90篇教程
14个专题
18套试卷
3级知识点
点击任意节点选择「前往 教程 / 专题 / 试卷」;点击「分组」还可展开该组知识点 学科 级别 分组 知识点
前往
入门级

打好基础

6 组 · 31 篇

运算符与流程控制

10 篇
教程文章

JavaScript 算术运算符

JavaScript 算术运算符用于执行数学运算,包括加减乘除、取余、幂运算等基本操作。

5 分钟阅读
教程文章

JavaScript 赋值运算符

JavaScript 赋值运算符用于给变量赋值,包括基本赋值和复合赋值运算符,简化代码书写。

5 分钟阅读
教程文章

JavaScript 比较运算符

JavaScript 比较运算符用于比较两个值,包括相等比较和大小比较,结果返回布尔值。

5 分钟阅读
教程文章

JavaScript 逻辑运算符

JavaScript 逻辑运算符用于布尔逻辑运算,包括与、或、非三种运算,常用于条件判断和短路求值。

5 分钟阅读
教程文章

JavaScript 条件语句(if-else)

JavaScript if-else 条件语句根据条件表达式结果执行不同代码分支,是实现程序逻辑控制的基础结构。

6 分钟阅读
教程文章

JavaScript switch 语句

JavaScript switch 语句用于多分支条件判断,基于表达式值匹配执行对应 case,比多层 if-else 更清晰。

6 分钟阅读
教程文章

JavaScript for 循环

JavaScript for 循环是最常用的循环结构,通过初始化、条件、迭代三部分控制循环,适合已知次数的迭代。

6 分钟阅读
教程文章

JavaScript while 循环

JavaScript while 循环是前测试循环语句,先判断条件再执行循环体,适合不确定次数的条件循环。

5 分钟阅读
教程文章

JavaScript do-while 循环

do-while 循环是后测试循环语句,先执行循环体再判断条件,确保循环体至少执行一次。

5 分钟阅读
教程文章

JavaScript break 和 continue

break 用于跳出循环,continue 用于跳过本次迭代继续下一次循环,两者都可用于控制循环流程。

5 分钟阅读
进阶级

核心能力

5 组 · 28 篇

高级语法与特性

9 篇
教程文章

JavaScript 闭包

深入理解 JavaScript 闭包机制,包括词法作用域、内存管理及典型应用场景。

8 分钟阅读
教程文章

JavaScript 原型链

深入理解 JavaScript 原型链机制,包括原型对象、原型链查找规则、继承实现方式及常见陷阱。

8 分钟阅读
教程文章

JavaScript 模块化(ES Modules)

掌握 ES Modules 标准语法,包括导出导入方式、动态导入、循环依赖处理及最佳实践。

8 分钟阅读
教程文章

JavaScript 高阶函数

掌握高阶函数概念与常见实现,包括函数作为参数、返回函数、柯里化、组合等核心模式。

8 分钟阅读
教程文章

JavaScript 事件循环(Event Loop)

深入理解 JavaScript 事件循环机制,包括调用栈、任务队列、微任务与宏任务的执行顺序。

10 分钟阅读
教程文章

JavaScript 代理与反射(Proxy/Reflect)

掌握 Proxy 和 Reflect API,实现对象操作的拦截、监听与元编程能力。

10 分钟阅读
教程文章

JavaScript 生成器与迭代器

掌握 Generator 和 Iterator 协议,实现惰性求值、异步流程控制和自定义可迭代对象。

8 分钟阅读
教程文章

JavaScript 函数式编程

掌握 JavaScript 函数式编程核心概念,包括纯函数、不可变性、柯里化、组合等编程范式。

8 分钟阅读
教程文章

JavaScript 性能优化(内存管理、防抖节流)

掌握 JavaScript 性能优化技术,包括内存管理、垃圾回收机制、防抖与节流的实现与应用。

10 分钟阅读
专家级

高阶实战

4 组 · 31 篇

JS引擎与运行时原理

10 篇
教程文章

JavaScript 引擎架构

了解主流 JavaScript 引擎架构设计,掌握 V8、SpiderMonkey、JavaScriptCore 的核心组件与工作原理。

8 分钟阅读
教程文章

JavaScript 执行上下文与调用栈

深入理解执行上下文的创建、变量对象、作用域链,以及调用栈的工作机制。

8 分钟阅读
教程文章

JavaScript this 绑定规则

全面掌握 JavaScript this 绑定的四条规则,理解箭头函数的词法 this,避免常见陷阱。

8 分钟阅读
教程文章

JavaScript 事件循环与宏任务/微任务

深入理解事件循环机制,掌握宏任务与微任务的执行顺序,精准预测异步代码行为。

10 分钟阅读
教程文章

JavaScript 垃圾回收机制

深入理解 JavaScript 垃圾回收原理,掌握 V8 分代回收、标记清除算法,优化内存使用。

8 分钟阅读
教程文章

JavaScript 内存管理与优化

深入理解 JavaScript 内存管理机制,掌握内存泄漏检测与优化技巧,提升应用性能与稳定性。

10 分钟阅读
教程文章

JavaScript 编译与解释执行

理解 JavaScript 编译与解释执行机制,掌握代码从源码到执行的完整流程。

8 分钟阅读
教程文章

JavaScript JIT 编译优化

深入理解 JIT 编译原理,掌握 V8 优化策略与反优化机制,编写高性能 JavaScript 代码。

10 分钟阅读
教程文章

V8 引擎内部机制

深入 V8 引擎内部,理解 Ignition 解释器、TurboFan 编译器、Hidden Class、垃圾回收等核心机制。

10 分钟阅读
教程文章

JavaScript 跨平台运行时差异

了解 JavaScript 在浏览器和 Node.js 等不同运行时环境的差异,掌握跨平台开发要点。

8 分钟阅读

设计模式与架构思想

9 篇
教程文章

设计模式基础

系统介绍设计模式的基本概念、分类、核心原则及JavaScript中的常见实现,为深入学习设计模式奠定基础。

8 分钟阅读
教程文章

模块化设计原则

系统介绍JavaScript模块化设计原则、ES6模块系统、模块划分策略及最佳实践,帮助开发者构建可维护的模块化代码。

8 分钟阅读
教程文章

MVC/MVVM架构

深入解析MVC与MVVM架构模式的核心原理、实现方式及在前端框架中的应用,帮助开发者理解现代前端架构设计思想。

10 分钟阅读
教程文章

单向数据流与状态管理

深入解析单向数据流架构原理、状态管理模式及在现代前端框架中的实践,帮助开发者构建可预测的应用状态体系。

10 分钟阅读
教程文章

依赖注入与控制反转

深入解析依赖注入(DI)与控制反转(IoC)的核心概念、实现方式及其在JavaScript中的应用场景,帮助开发者构建松耦合、易测试的代码架构。

10 分钟阅读
教程文章

观察者模式与事件驱动

深入解析观察者模式与事件驱动架构的核心实现、典型应用场景,以及在前端开发中的最佳实践。

8 分钟阅读
教程文章

工厂模式与单例模式

深入解析工厂模式与单例模式的核心实现、应用场景及最佳实践,帮助开发者编写更灵活、可维护的代码。

8 分钟阅读
教程文章

代理模式与装饰器模式

深入解析代理模式与装饰器模式的核心实现、典型应用场景及JavaScript中的实践方式,帮助开发者理解结构型设计模式。

8 分钟阅读
教程文章

异步设计模式

深入解析JavaScript异步编程的核心设计模式,包括回调模式、Promise模式、异步迭代器、并发控制等高级异步处理技术。

10 分钟阅读

JS DOM操作与事件

JS DOM操作与事件 专题说明 本专题系统讲解JavaScript DOM操作与事件处理的核心知识,涵盖元素选择、节点增删改、样式操作、事件监听与处理、事件传播机制、事件委托等实用技能。 学习目标 掌握DOM选择器的使用方法 理解DOM节点的创建、插入、删除、替换操作 学会通过JavaScript操作元素样式 掌握事件监听的添加与移除 理解事件对象及其常用属性 掌握事件冒泡与捕获机制 学会使用事件委托优化事件处理 学习内容 本专题涵盖以下核心知识点: DOM选择器:querySelector、querySelectorAll、getElementById、getElementsByClassName等 DOM节点操作:createElement、appendChild、insertBefore、removeChild、cloneNode等 DOM样式操作:style属性、className、classList、getComputedStyle等 事件监听:addEventListener、removeEventListener、事件绑定方式对比 事件对象:target、currentTarget、preventDefault、stopPropagation等 常见事件类型:click、input、change、keydown、keyup、focus、blur等 事件冒泡与捕获:事件传播三阶段、eventPhase、阻止传播 事件委托:委托原理、适用场景、实现方式 学习建议 先掌握DOM选择器,理解不同方法的返回类型差异 重点练习节点操作方法,注意参数顺序 区分style内联样式与getComputedStyle计算样式 理解target与currentTarget的区别,这是事件委托的关键 掌握事件传播机制,理解stopPropagation与preventDefault的作用 实践事件委托,优化动态元素的事件处理

20 题 查看专题 →

JS 函数与作用域

JS 函数与作用域 专题说明 本专题系统讲解JavaScript函数与作用域的核心知识,涵盖函数定义方式、参数传递机制、返回值、作用域类型、变量提升机制、闭包原理与应用、箭头函数特性等内容。 学习目标 掌握函数声明、函数表达式、箭头函数的定义方式 理解参数传递机制(值传递、默认参数、剩余参数) 掌握返回值与return语句的使用 理解全局作用域、函数作用域、块级作用域的区别 掌握变量提升与暂时性死区(TDZ)机制 理解闭包的原理、应用场景及内存管理 掌握箭头函数的特性与使用场景 学习内容 本专题涵盖以下核心知识点: 函数定义与调用:函数声明、函数表达式、Function构造函数、函数提升 参数传递:值传递机制、默认参数、arguments对象、剩余参数 返回值:return语句、返回值类型、无返回值情况 作用域与变量提升:全局作用域、函数作用域、块级作用域、var提升、TDZ 闭包:闭包原理、闭包应用、循环闭包问题、IIFE、内存管理 箭头函数:语法简写、this绑定、arguments、构造函数限制 学习建议 重点理解函数声明与函数表达式的提升差异 区分基本类型和引用类型的参数传递机制 掌握var、let、const的作用域和提升差异 理解闭包的形成原理,掌握循环闭包问题的解决方案 注意箭头函数的this绑定特性,避免误用于对象方法 实践闭包应用场景:计数器、模块化、函数工厂

20 题 查看专题 →

JS 原型链与继承

JS 原型链与继承 专题说明 本专题系统讲解JavaScript原型链与继承的进阶知识,涵盖原型链查找机制、原型链终点、构造函数与原型关系、原型链继承缺陷、原型式继承、ES6类语法、extends继承特性、instanceof原理等内容,深入理解JavaScript面向对象编程的核心机制。 学习目标 理解原型链查找机制与属性遮蔽 掌握原型链终点为null而非Object.prototype 理解构造函数prototype与实例__proto__的关系 掌握构造函数返回对象时对new操作的影响 理解原型链继承的引用类型共享问题 掌握原型链继承无法传参和原型覆盖问题 理解Object.create实现原型式继承 掌握ES6类的特性:必须new调用、严格模式、方法不可枚举 理解extends继承中super的作用与静态方法继承 掌握instanceof的原型链检查原理 学习内容 本专题涵盖以下核心知识点: 原型链基础:属性查找机制、原型链终点、Object.create(null) 构造函数与原型:prototype属性、constructor指向、new操作返回值 原型链继承:引用类型共享问题、无法传参、原型覆盖问题 原型式继承:Object.create用法、引用类型共享、简易实现原理 ES6类与继承:class特性、extends继承、super用法、静态方法继承 instanceof原理:原型链检查机制、边界情况、手动实现 学习建议 原型链终点是null,不是Object.prototype 理解原型链查找:自身属性优先,沿__proto__向上查找 构造函数返回对象时,new返回该对象而非新实例 原型链继承存在引用类型共享问题,需用构造函数继承解决 Object.create(null)创建无原型对象,适合做字典 ES6类必须用new调用,默认严格模式,方法不可枚举 子类constructor必须先调用super()才能使用this instanceof检查左侧原型链是否包含右侧prototype

20 题 查看专题 →

JS 基础语法与变量

JS 基础语法与变量 专题说明 本专题系统讲解JavaScript基础语法与变量的核心知识,涵盖变量声明方式(var、let、const)、数据类型分类、变量命名规则、常量与字面量、作用域与变量提升机制等内容,是JavaScript学习的入门基础。 学习目标 掌握var、let、const三种变量声明方式及其区别 理解JavaScript七种基本数据类型与引用类型 掌握变量命名规则与命名规范 理解常量与字面量的概念与区别 掌握作用域类型(全局、函数、块级) 理解变量提升与暂时性死区(TDZ)机制 学习内容 本专题涵盖以下核心知识点: 变量声明与赋值:var、let、const的使用与区别,声明赋值分离 数据类型:七种基本类型、引用类型、typeof检测 变量命名规则:合法命名规则、命名规范、大小写敏感 常量与字面量:const常量、字面量定义、const对象属性修改 作用域与变量提升:函数作用域、块级作用域、变量提升、TDZ 学习建议 优先使用const,需要重新赋值时使用let,避免使用var 理解typeof null返回"object"的历史遗留问题 注意变量命名不能以数字开头,不能使用保留关键字 区分变量提升(var)与暂时性死区(let/const) 理解const保证引用不变,但对象属性仍可修改 掌握基本类型与引用类型的存储差异(栈vs堆)

19 题 查看专题 →

JS 对象与数组

JS 对象与数组 专题说明 本专题系统讲解JavaScript对象与数组的核心知识,涵盖对象字面量创建、属性访问与修改、数组字面量、数组索引与长度、数组遍历方法、解构赋值、展开运算符、常用数组方法、对象遍历等内容。 学习目标 掌握对象字面量的创建与属性访问方式 理解点语法与方括号语法的使用场景 掌握数组字面量的创建与基本操作 理解数组索引与length属性的关系 掌握数组遍历方法(forEach、map、filter、for...of) 理解数组和对象解构赋值的语法与区别 掌握展开运算符的应用场景与浅拷贝特性 理解修改原数组与不修改原数组的方法分类 掌握对象遍历方法(Object.keys/values/entries) 学会处理对象与数组的嵌套结构 学习内容 本专题涵盖以下核心知识点: 对象字面量:花括号创建、键值对语法、字符串属性名 属性访问与修改:点语法、方括号语法、添加修改删除属性 数组字面量:方括号创建、任意类型元素、空数组 数组索引与长度:索引从0开始、length属性、稀疏数组 数组遍历:forEach、map、filter、for...of、for...in 解构赋值:数组解构、对象解构、默认值、函数参数解构 展开运算符:复制合并数组、复制合并对象、浅拷贝特性 数组方法:push/pop/shift/unshift、slice/splice、map/filter/reduce 对象遍历:Object.keys/values/entries、for...in 嵌套结构:可选链操作符、链式调用处理嵌套数据 学习建议 区分点语法和方括号语法的适用场景(特殊属性名必须用方括号) 理解数组length不一定等于实际元素个数(稀疏数组) 区分修改原数组的方法与不修改原数组的方法 理解数组解构按顺序、对象解构按属性名的区别 注意展开运算符是浅拷贝,嵌套对象仍为引用 优先使用Object.keys/values/entries遍历对象,避免for...in遍历原型链 掌握可选链?.安全访问嵌套结构,避免报错

20 题 查看专题 →

JS 异步编程入门

JS 异步编程入门 专题说明 本专题系统讲解JavaScript异步编程入门知识,涵盖回调函数概念、Promise对象创建与使用、async/await语法糖、事件循环机制、微任务与宏任务优先级等内容,帮助理解JavaScript单线程异步执行的原理。 学习目标 理解回调函数的概念与应用场景 掌握Promise的三种状态与状态不可逆特性 学会Promise链式调用与错误处理 掌握async/await语法与try-catch错误处理 理解async/await与Promise的关系 掌握事件循环的基本执行流程 区分微任务与宏任务及执行优先级 学会分析异步代码的执行顺序 学习内容 本专题涵盖以下核心知识点: 回调函数:回调函数定义、同步回调与异步回调、应用场景 Promise:三种状态、状态不可逆、链式调用、Promise.all、错误处理 async/await:async函数声明、await等待Promise、try-catch错误处理、与Promise的关系 事件循环:单线程执行、调用栈与任务队列、执行流程 微任务与宏任务:微任务来源、宏任务来源、执行优先级、执行顺序分析 学习建议 理解JavaScript单线程异步执行的原理 Promise状态只能改变一次,理解状态不可逆特性 async函数总是返回Promise,await等待Promise完成 Promise.then回调是微任务,setTimeout回调是宏任务 微任务优先级高于宏任务,在每个宏任务后清空微任务队列 练习分析异步代码执行顺序,掌握事件循环机制 注意setTimeout最小延迟4ms,不是立即执行

20 题 查看专题 →

JS 异步进阶与并发控制

JS 异步进阶与并发控制 专题说明 本专题深入讲解JavaScript异步编程的进阶技术,涵盖异步迭代器、Generator函数与异步生成器、Web Workers多线程编程、Promise并发控制方法以及事件循环机制。适合已经掌握基础异步编程的开发者进阶学习。 学习目标 掌握异步迭代器的实现原理与 for await...of 语法 理解 Generator 函数的特性、yield 表达式及异步生成器的应用 学会使用 Web Workers 实现多线程并发计算 精通 Promise.all、Promise.race、Promise.allSettled 等并发控制方法 深入理解事件循环中微任务与宏任务的执行机制 学习内容 本专题涵盖以下核心知识点: 异步迭代器与 for await...of:异步迭代器协议、手动实现异步迭代器、错误处理与提前终止 Generator函数与异步生成器:yield表达式传值、return/throw方法、yield*委托、async Generator Web Workers与多线程:Worker线程池、数据传输机制、SharedArrayBuffer与Atomics原子操作 并发控制:Promise.all/race/allSettled/any特性对比、并发限制实现、取消机制 事件循环:微任务与宏任务执行顺序、Node.js与浏览器差异、queueMicrotask应用 学习建议 先理解基础Promise和async/await,再学习本专题内容 重点掌握异步迭代器和Generator的结合应用场景 Web Workers部分需要实践操作,建议在浏览器环境中调试 事件循环机制建议画出执行流程图辅助理解 并发控制部分要理解各方法的适用场景和错误处理策略

20 题 查看专题 →

JS 运算符与流程控制

JS 运算符与流程控制 专题说明 本专题系统讲解JavaScript运算符与流程控制的核心知识,涵盖算术运算符、赋值运算符、比较运算符、逻辑运算符、条件语句、循环语句及流程控制语句等内容,是JavaScript编程的基础技能。 学习目标 掌握算术运算符的使用与类型转换规则 理解赋值运算符与复合赋值运算符 区分相等运算符(==)与严格相等运算符(===) 掌握逻辑运算符的短路特性 学会使用if-else条件语句和三元运算符 掌握switch语句的使用与case穿透问题 学会使用for、while、do-while循环语句 理解break与continue的区别与应用场景 掌握运算符的综合应用能力 学习内容 本专题涵盖以下核心知识点: 算术运算符:加减乘除、取模、字符串拼接与类型转换 赋值运算符:基本赋值、复合赋值运算符 比较运算符:相等与严格相等、类型转换规则 逻辑运算符:逻辑与或非、短路特性、返回实际值 条件语句:if-else语法、else if链式判断、三元运算符、假值判断 switch语句:switch语法、case穿透、break使用 循环语句:for循环、while循环、do-while循环、执行流程 流程控制:break终止循环、continue跳过迭代 学习建议 注意+运算符的双重功能:数字相加与字符串拼接 推荐使用严格相等===避免类型转换带来的问题 理解逻辑运算符返回实际值而非布尔值的特性 掌握6个假值:false、0、""、null、undefined、NaN switch使用严格相等比较,注意case穿透问题 区分break(终止循环)与continue(跳过迭代) while先判断后执行,do-while先执行后判断

20 题 查看专题 →

JS安全与边界处理

JS安全与边界处理 专题说明 本专题聚焦JavaScript安全编码的核心技能,系统讲解CSRF、XSS等常见Web攻击的防御策略,以及输入验证、输出编码等安全编程最佳实践,帮助开发者构建安全可靠的前端应用。 学习目标 理解CSRF攻击原理,掌握Token验证、SameSite Cookie等防御技术 理解XSS攻击类型与危害,掌握输入净化与输出编码策略 掌握白名单验证、内容安全策略(CSP)等安全防护措施 培养安全编码意识,规避常见安全陷阱 学习内容 跨站请求伪造(CSRF)防御机制 跨站脚本攻击(XSS)类型与防护 输入验证与净化策略 输出编码与转义技术 安全编码最佳实践 学习建议 先理解攻击原理,再学习防御策略 结合实际项目场景练习安全编码 重点关注现代框架的安全特性与使用边界 养成防御性编程习惯,对用户输入保持警惕

20 题 查看专题 →

JS引擎与运行时原理专题

JS引擎与运行时原理专题 专题说明 本专题聚焦JavaScript引擎内部机制与运行时原理,涵盖V8引擎架构、内存管理、JIT编译优化、执行上下文、事件循环、垃圾回收等核心知识,帮助开发者深入理解JS底层工作机制,写出更高效的代码。 学习目标 理解JavaScript引擎的架构与编译执行流程 掌握内存管理与垃圾回收机制原理 理解JIT编译优化与隐藏类机制 掌握执行上下文、作用域链、this绑定的底层原理 深入理解事件循环、宏任务与微任务的执行顺序 学习内容 本专题覆盖以下核心知识点: JavaScript引擎架构(V8、SpiderMonkey、JavaScriptCore) 编译与解释执行机制 JIT编译优化原理 内存分代管理与垃圾回收算法 隐藏类与内联缓存 执行上下文与调用栈 事件循环与任务队列 浏览器与Node.js运行时差异 学习建议 先理解引擎的整体架构,再深入学习各子系统 结合实际代码示例理解理论概念 使用Chrome DevTools进行内存分析和性能调优实践 关注不同引擎的实现差异,理解背后的设计思想

21 题 查看专题 →

JS浏览器与DOM高级

JS浏览器与DOM高级 专题说明 本专题系统讲解JavaScript浏览器环境的高级特性,涵盖事件处理与委托、BOM浏览器对象模型、Web Workers与Service Workers、性能优化与内存管理等进阶知识。 学习目标 掌握事件委托原理及其性能优化优势 理解事件对象属性:target、currentTarget的区别 掌握事件传播机制:捕获、目标、冒泡三阶段 理解BOM核心对象:window、location、history、navigator的使用 掌握Web Storage API:localStorage与sessionStorage的区别 理解Web Worker的基本特性与通信机制 掌握Service Worker的生命周期与缓存策略 理解V8垃圾回收的分代回收策略 掌握requestAnimationFrame与requestIdleCallback的使用 学会识别与避免内存泄漏 学习内容 本专题涵盖以下核心知识点: 事件处理与委托:事件委托原理、target与currentTarget、stopPropagation与stopImmediatePropagation、passive选项、自定义事件 BOM与浏览器对象:window对象、location对象、history对象、navigator对象、screen对象、postMessage跨窗口通信 Web Workers与Service Workers:Worker通信机制、Service Worker生命周期、缓存策略、Background Sync API、Cache API 性能优化与内存管理:requestAnimationFrame、requestIdleCallback、防抖与节流、内存泄漏识别、V8垃圾回收、重排重绘优化、虚拟列表 学习建议 先理解事件委托原理,掌握target与currentTarget的区别 重点学习BOM核心对象,理解location与history的区别 深入理解Service Worker生命周期,掌握不同缓存策略的适用场景 掌握requestAnimationFrame的使用,理解其与setTimeout的差异 理解V8分代垃圾回收策略,学会识别常见内存泄漏场景 结合实践,将性能优化技术应用到实际项目中

20 题 查看专题 →

JS设计模式与架构思想

JS设计模式与架构思想 专题说明 本专题系统讲解JavaScript设计模式与架构思想,涵盖创建型、结构型、行为型模式在前端的应用,以及MVC/MVVM架构、单向数据流等现代前端架构思想,帮助开发者构建可维护、可扩展的前端应用。 学习目标 理解依赖注入与控制反转原理,掌握DI容器实现 掌握观察者模式、代理模式、装饰器模式等经典设计模式 理解异步流程控制模式,合理选择串行、并行、竞速策略 理解MVC/MVVM架构分层思想,明确各层职责边界 掌握单向数据流与状态管理最佳实践 学习内容 依赖注入与控制反转(IoC) 观察者模式与事件驱动 代理模式与装饰器模式 异步设计模式 MVC/MVVM架构思想 单向数据流与状态管理 学习建议 先理解设计模式的意图和适用场景,再学习具体实现 结合实际项目对比不同架构方案的优缺点 关注设计模式在前端框架中的实际应用 注重架构分层思想,明确各层职责边界

20 题 查看专题 →

JS高级性能分析

JS高级性能分析 专题说明 本专题系统讲解JavaScript高级性能优化技术,从加载优化、渲染优化、计算优化到监控分析全方位覆盖,帮助开发者识别性能瓶颈并实施针对性优化策略。 学习目标 掌握代码分割与懒加载策略,优化首屏加载性能 理解浏览器渲染原理,掌握DOM操作优化技巧 掌握Core Web Vitals等性能指标监控与分析方法 掌握虚拟列表等大数据渲染优化技术 理解Web Worker多线程优化原理与应用场景 掌握内存泄漏检测与优化方法 学习内容 代码分割与懒加载策略 DOM操作优化与重排重绘 性能监控与profiling工具 虚拟列表与大数据渲染 Web Worker多线程优化 内存泄漏检测与优化 学习建议 先理解浏览器渲染原理,再针对性优化 使用DevTools等工具分析实际性能瓶颈 结合实际项目场景选择优化策略 性能优化需权衡成本,避免过度优化

20 题 查看专题 →

JS高级语法与特性

JS高级语法与特性 专题说明 本专题系统讲解JavaScript高级语法特性,涵盖原型链机制、ES Modules模块化、事件循环原理、Proxy/Reflect元编程、生成器与迭代器协议、高阶函数与函数式编程、闭包高级应用等核心进阶知识。 学习目标 理解原型链的查找机制与__proto__、prototype的关系 掌握ES Modules的静态特性与导入导出机制 深入理解事件循环的微任务与宏任务执行顺序 掌握Proxy的拦截操作与Reflect API的使用 理解生成器的yield机制与迭代器协议 掌握高阶函数、柯里化、偏函数的实现原理 理解函数式编程的不可变性原则 掌握闭包的形成条件与经典应用场景 学习内容 本专题涵盖以下核心知识点: 原型链:原型链查找机制、__proto__与prototype关系、原型链顶端、实例与原型修改的影响 模块化(ES Modules):静态结构特性、import提升、export default与named export区别、动态导入 事件循环(Event Loop):微任务与宏任务分类、执行顺序、setTimeout(0)实际延迟、await的微任务特性 代理与反射(Proxy/Reflect):13种拦截操作、Reflect API作用、可撤销代理、与Object.defineProperty对比 生成器与迭代器:yield机制、next参数传递、迭代器协议、可迭代协议、Symbol.iterator 高阶函数与函数式编程:高阶函数定义、柯里化实现、偏函数应用、函数组合、不可变性原则 闭包:闭包形成条件、独立闭包实例、循环中的闭包问题、IIFE与闭包的关系 学习建议 先理解原型链的基本结构,重点掌握__proto__与prototype的区别 深入理解事件循环机制,能够准确判断代码的执行顺序 掌握Proxy的13种拦截操作,理解Reflect与Proxy的配合使用 理解生成器的yield机制,掌握next参数传递的原理 掌握柯里化与偏函数的实现,理解函数式编程的核心思想 通过闭包经典问题(循环闭包、计数器)深入理解闭包特性

20 题 查看专题 →

JSDOM操作与事件专题测试

本试卷为 JavaScript DOM 操作与事件处理专题测试,主要考察 DOM 选择器使用、节点操作、样式操作、事件监听、事件对象、事件冒泡与捕获、事件委托等核心知识点。适合前端入门学习者进行专项巩固训练。

18 题 40 分钟 ★★

JS中级技能认证

技能认证
20 题 45 分钟 ★★

JS函数与作用域专题测试

本试卷为 JavaScript 函数与作用域专题测试,主要考察函数定义与调用、参数传递、返回值、作用域与变量提升、闭包、箭头函数等核心知识点。适合前端入门学习者进行专项巩固训练。

20 题 45 分钟 ★★

JS初级技能认证

技能认证
20 题 30 分钟 ★

JS原型链与继承测试

本试卷专门针对JavaScript原型链与继承进阶知识点设计,涵盖原型链基础、原型对象、继承实现方式、原型链查找机制等核心概念。适合有一定JavaScript基础的开发者深入理解面向对象编程机制。

20 题 40 分钟 ★★

JS基础语法与变量专题测试

本试卷为 JavaScript 基础语法与变量专题测试,主要考察变量声明与赋值、数据类型、变量命名规则、常量与字面量、作用域与变量提升等核心知识点。适合前端入门学习者进行专项巩固训练。

19 题 30 分钟 ★

JS安全与边界处理专题测试

20 题 60 分钟 ★★★

JS对象与数组专题测试

本试卷为 JavaScript 对象与数组专题测试,主要考察对象字面量创建与属性访问、数组字面量与索引操作、数组遍历方法、数组常用方法、对象遍历方法、解构赋值等核心知识点。适合前端入门学习者进行专项巩固训练。

20 题 40 分钟 ★

JS异步编程入门专题测试

本试卷专门针对JavaScript异步编程入门知识点设计,涵盖回调函数、Promise基础、async/await语法以及事件循环机制等核心概念。适合初学者巩固异步编程基础,为后续深入学习打下坚实基础。

20 题 30 分钟 ★

JS异步进阶与并发控制测试

本试卷专门针对JavaScript异步进阶与并发控制知识点设计,涵盖异步迭代器、Generator函数、Promise高级方法、并发控制模式等核心概念。适合有一定异步编程基础的开发者深入理解复杂异步场景的处理技巧。

20 题 45 分钟 ★★

JS引擎与运行时原理专题测试

20 题 60 分钟 ★★★

JS模块化与工程化基础专题测试

本试卷聚焦JavaScript模块化与工程化基础,涵盖模块打包工具(Webpack、Rollup)、包管理工具(npm、yarn)、工程化基础(Babel、ESLint)以及模块化规范(CommonJS、ES Module)四大核心领域,适合前端开发人员巩固工程化基础知识。

20 题 45 分钟 ★★

JS浏览器与DOM高级专题测试

本试卷聚焦JavaScript浏览器与DOM高级特性,涵盖事件处理与委托、BOM与浏览器对象、Web Workers与Service Workers、性能优化与内存管理四大核心领域,适合前端开发人员深入理解浏览器运行机制和性能优化技术。

20 题 45 分钟 ★★

JS设计模式与架构思想专题测试

20 题 60 分钟 ★★★

JS运算符与流程控制专题测试

本试卷专门针对JavaScript运算符与流程控制入门知识点设计,涵盖算术运算符、比较运算符、逻辑运算符、条件语句、循环语句等核心概念。适合初学者掌握JavaScript基础语法,为后续学习打下坚实基础。

20 题 30 分钟 ★

JS高级性能分析专题测试

25 题 90 分钟 ★★★

JS高级技能认证

技能认证
20 题 60 分钟 ★★★

JS高级语法与特性专题测试

本试卷聚焦JavaScript高级语法与特性,涵盖原型链、ES Modules模块化、高阶函数、事件循环(Event Loop)、代理与反射(Proxy/Reflect)、生成器与迭代器、函数式编程等核心领域,适合前端开发人员深入理解JavaScript语言的高级特性。

20 题 45 分钟 ★★