全部内容
JS实现搜索引擎来路识别与PC端跳转屏蔽

本文介绍如何使用JavaScript判断访问者是否来自搜索引擎以及是否为PC设备,并在满足条件时执行PC端跳转屏蔽操作。通过检测referrer字段识别主流搜索引擎,结合User-Agent判断设备类型,最终调用特定函数实现页面跳转控制,适用于需要区分移动端与PC端访问场景的网站开发。

2026-10-31 09:35:24
348
沉舟
JavaScript Object.groupBy 方法详解与实战

本文介绍 JavaScript 新推出的 Object.groupBy 方法,用于对可迭代对象进行分组。通过城市列表示例,展示如何根据首字母生成分组结果,解析语法结构及回调函数的使用方式。

2026-10-31 09:34:53
557
木棉
基于原生JS与CSS变量实现可拖拽容器布局组件

本文介绍如何不依赖重型第三方库,利用原生JavaScript和CSS变量实现一个高性能的可拖拽容器布局组件。通过封装DragLine与DragContainer,结合Flex布局特性,实现多列宽度自定义调整,同时避免React状态更新导致的重复渲染,提升页面性能。

2026-10-31 09:34:33
561
北岛
6种JavaScript判断对象自身为空的方法小结

本文总结6种判断JavaScript对象是否为空的方法,包括JSON.stringify、for in、Object.keys、Object.getOwnPropertyNames及Reflect.ownKeys。重点分析各方法的局限性,如忽略Symbol或不可枚举属性,并推荐Reflect.ownKeys作为最完善的解决方案。

2026-10-31 09:33:57
189
半夏
JavaScript数组unshift()方法详解与性能优化

本文详解JavaScript中unshift()方法向数组头部添加元素的用法,并深入分析其性能瓶颈。通过对比手写unshift、push结合reverse以及直接unshift三种实现方式,展示在大规模数据操作下,利用push添加元素后reverse反转数组可显著提升执行效率,为前端开发提供实用的性能优化建议。

2026-10-31 09:32:54
669
寒星
Promise中的then链机制用法详解

本文详细解析JavaScript中Promise的then链机制,涵盖实例状态判断、链式穿透及异步微任务处理。同时介绍Promise.all的并行处理逻辑,以及async/await语法在简化异步编程中的核心作用与执行流程。

2026-10-31 09:32:37
387
代码拾荒
Element UI 日历组件隐藏年份及左右切换按钮的实现方法

本文介绍如何在 Element UI 的 el-date-picker 组件中通过 CSS 隐藏年份显示及左右切换按钮。通过定位 .el-date-picker__header 下的特定 span 和 button 元素并设置 display:none,实现仅显示月日的紧凑日历视图。同时包含默认日期初始化的 JavaScript 处理逻辑。

2026-10-31 09:32:00
575
小圆点
JavaScript 实现页面局部更新的三种主流方案:原生 XMLHttpRequest、jQuery Ajax 与 Fetch API

本文总结了在 JavaScript 中实现页面局部更新的三种核心方法。首先介绍基于原生 XMLHttpRequest 对象的手动构建请求流程,涵盖状态监听与数据解析;其次演示利用 jQuery 的 $.ajax() 方法简化跨浏览器兼容性与代码结构;最后详解现代 Fetch API 基于 Promise 的链式调用方式。通过对比三种方案在代码简洁度、异步处理机制及兼容性上的差异,帮助开发者根据项目需求选择最合适的网络请求实现方式。

2026-10-31 09:31:48
407
函数茶馆
Math.js解决js中小数精度丢失问题

JavaScript原生小数运算存在精度丢失问题,本文介绍使用Math.js库通过BigNumber和format方法解决该问题。涵盖基础加减乘除、保留指定位数小数以及科学计数法转小数的具体实现方案。

2026-10-31 09:31:41
276
青柠
Node.js 升级指南:n 与 NVM 工具的使用详解

本文介绍两种Node.js升级方法:使用n模块直接管理版本,以及通过NVM进行更灵活的环境配置。涵盖全局安装、版本切换、脚本执行及环境变量配置,帮助开发者高效管理Node.js环境。

2026-10-31 09:31:12
261
接口漫谈
JavaScript代码压缩工具的核心原理与实现步骤

本文深入解析JavaScript代码压缩工具的工作原理,涵盖去除冗余字符、变量与函数名混淆、操作符替换及性能优化等关键步骤。通过两个具体示例演示了从原始代码到压缩后单行代码的完整转换过程,展示如何有效减小文件体积并提升网页加载速度。

2026-10-31 09:30:54
201
沉舟