全部内容
JavaScript结合Cookies实现简易浏览历史记录功能

本文介绍如何使用JavaScript和Cookies记录用户的浏览历史。通过监听页面点击事件,利用srcElement获取触发元素,提取链接名称与地址,并写入Cookie。代码包含对重复记录的过滤逻辑及最多保存6条历史的限制,适用于简单的前端历史记录功能实现。

10.22
热度 310
JavaScript遍历DOM元素的常见方式示例

本文介绍JavaScript中遍历DOM元素的两种常见方式。首先指出IE9前后浏览器对空格文本节点处理的差异,建议使用firstElementChild等属性避免兼容性问题。接着通过nodeType判断节点类型,分别演示了使用firstChild/nextSibling和firstElementChild/nextElementSibling遍历元素节点的具体代码实现。

10.22
热度 595
JavaScript实现JSON数组按ID分组合并示例

本文介绍如何使用JavaScript对JSON数组进行分组合并操作。通过遍历数组并构建映射对象,将具有相同ID的数据项合并为包含子数组的单个对象,从而简化数据结构。

10.22
热度 220
JavaScript中JSON对象与字符串互转的两种方法及不规范JSON处理

本文详解JavaScript中JSON对象与字符串的互转方法。通过JSON.stringify可将对象转为标准字符串,而JSON.parse用于将标准JSON字符串转为对象。针对使用单引号的不规范JSON字符串,JSON.parse会报错,此时可借助eval函数配合括号包裹的方式实现转换,并提供了相应的代码示例与结果分析。

10.22
热度 595
深入解析JavaScript预编译机制与执行流程

本文详细解析JavaScript引擎在代码执行前的预编译过程,区分脚本级与函数级的预编译差异。通过GO(全局对象)与AO(活动对象)的创建步骤,阐明变量声明提升与函数声明提升的具体表现,并结合实例代码展示执行流程中的值变化。

10.22
热度 579
JavaScript 获取2008年奥运会金牌榜排名示例

本文提供了一个简单的JavaScript代码示例,用于获取2008年北京奥运会的金牌榜排名数据。通过引入外部脚本并刷新页面执行,展示了如何在网页中动态展示奥运赛事成绩信息,适用于前端开发学习参考。

10.22
热度 344
JavaScript计算5的阶乘:循环与递归两种实现方式

本文通过JavaScript代码演示如何计算5的阶乘。详细介绍了两种常用方案:一是利用while循环进行迭代计算,二是通过函数递归实现逻辑。文中提供了完整的代码片段及运行结果,并附带在线工具链接供读者测试验证,帮助开发者掌握基础算法实现。

10.22
热度 159
JavaScript数组对象去重的两种实现方式

本文介绍JavaScript中数组对象去重的两种常用方法。第一种利用对象访问属性的特性,通过判断key是否存在来过滤重复数据;第二种结合数组的reduce方法遍历数组,同样基于对象属性判断实现去重。

10.22
热度 335
JavaScript统计数组元素出现次数的两种方法

本文介绍在JavaScript中统计数组内元素重复出现次数的两种常用实现方式。通过遍历数组构建计数对象,以及利用Array.prototype.reduce方法简化逻辑,展示了如何高效获取如{apple: 2, orange: 3}这样的统计结果。

10.22
热度 437
JavaScript查看代码运行效率console.time()与console.timeEnd()用法

本文介绍如何利用JavaScript内置的console.time()和console.timeEnd()方法组合来精确计算代码段的运行时间。通过实际HTML与JS示例,演示在批量操作DOM节点时,使用数组拼接方式优化innerHTML赋值以提升性能,并展示如何在控制台查看具体的耗时结果,帮助开发者进行基础的性能分析与代码优化。

10.22
热度 192
JavaScript 贪吃蛇游戏完整实现与逻辑解析

本文详细介绍使用 JavaScript 实现贪吃蛇游戏的核心思路与完整代码。内容涵盖蛇与食物的对象设计、地图渲染机制、移动与碰撞检测逻辑,以及定时器与键盘事件的绑定方法。通过完整实例展示如何构建一个可运行的贪吃蛇游戏,适合前端开发者参考学习。

10.22
热度 95
JavaScript装饰者模式:通过汽车组装实例解析动态扩展功能

本文通过汽车组装案例,深入解析JavaScript中的装饰者模式。文章对比了修改接口、增加子类和使用装饰器三种方案,论证了为何在不改变原有接口的前提下,利用装饰者模式透明地包装对象是扩展功能的最优解。文中包含完整的接口定义、实现类及装饰类代码,帮助开发者理解如何在实际项目中应用该模式。

10.22
热度 327

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署