JavaScript
文章平均质量分 89
本专栏从基础语法到高级特性,深入讲解 DOM 操作、事件处理、异步编程(Promise/async)、ES6 + 新特性及模块化开发。结合实战案例,带你掌握前端逻辑开发核心技能,理解闭包、原型链等难点概念,成为 JavaScript 全能开发者。
前端老鹰
前端开发知识分享!开源项目: 淳渔CMS-基于Node.js Nuxt3 实战开发的一套完整的影视视频, 短视频类网站系统。
gitHub:https://github.com/yinMrsir
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
解锁 JavaScript 字符串补全魔法:padStart()与 padEnd()
JavaScript 字符串格式化常用 padStart() 和 padEnd() 方法。padStart() 在字符串前补全目标长度,如数字补零("5"→"05");padEnd() 在字符串后补全,如价格补零("15.5"→"15.50")。两者语法相同,区别在于填充方向。实际应用中,可用于日期格式化(1→01)、价格显示补零、表格对齐等场景。特殊情况下,若目标长度小于原字符串则不处理,填充字符串过长则自动截取。这些方法简化了字符串格式化的常见需求。原创 2025-10-13 14:14:21 · 356 阅读 · 0 评论 -
JavaScript Intl.RelativeTimeFormat:自动生成 “3 分钟前” 的国际化工具
本文介绍了JavaScript内置的Intl.RelativeTimeFormat API,它能高效实现多语言环境下的相对时间格式化。相比传统库(如Moment.js),该API具有体积小、性能优、本地化支持完善等优势。文章详细讲解了其基本用法:通过format()方法根据时间偏移量和单位生成符合语言习惯的表达(如"1分钟前"),并介绍了numeric、style等配置选项。最后以社交媒体应用为例,展示了如何将时间戳转换为用户友好的相对时间显示。原创 2025-08-25 16:59:19 · 842 阅读 · 0 评论 -
JavaScript Object.hasOwn ():更安全的对象属性检测方法
JavaScript 中检测对象属性的新方法 Object.hasOwn() 比传统方式更安全可靠。它解决了 hasOwnProperty() 可能被重写导致的误判问题,以及 in 运算符包含继承属性的缺陷。作为静态方法,Object.hasOwn(obj, prop) 直接检测对象自身属性,正确处理 null/undefined 输入,避免了类型错误。适用于过滤继承属性、处理不可信对象和精确配置检测等场景。ES2022 引入的这一方法为属性检测提供了更简洁、安全的解决方案。原创 2025-08-22 10:30:09 · 1133 阅读 · 0 评论 -
JavaScript Array.prototype.at ():数组任意位置取值的新姿势
ES2022新增的Array.prototype.at()方法为数组操作提供了更简洁的语法,支持正负索引访问元素。主要优势体现在:1)简化负数索引操作,如arr.at(-1)直接获取最后一个元素;2)兼容正负索引,提升代码灵活性;3)与字符串方法保持一致,降低学习成本。该方法特别适用于获取数组末尾元素、处理动态索引和实现栈操作等场景,比传统arr[arr.length - n]的写法更直观简洁。at()方法让数组取值操作更加优雅高效,是JavaScript数组处理的重要补充。原创 2025-08-18 10:58:40 · 451 阅读 · 0 评论 -
JavaScript Array.prototype.flatMap ():数组 “扁平化 + 映射” 的高效组合拳
JavaScript 数组处理方法 flatMap() 将映射与扁平化操作合二为一,比传统 map() + flat() 更高效。它会对每个元素执行回调(需返回数组),然后将结果扁平化一层,适用于字符串拆分、数据转换等场景。关键特性包括:仅扁平化一层,可通过返回空数组实现过滤效果,但不支持深层扁平化。典型应用包括处理嵌套数据、合并多数组等。注意其性能优势在于避免创建中间数组,但无法替代 flat(depth) 的深层扁平化功能。原创 2025-08-12 14:30:00 · 989 阅读 · 0 评论 -
JavaScript Set:轻松搞定数组去重与成员检测的 “集合利器”
ES6的Set对象为解决数组去重和成员检测两大问题提供了高效方案。原创 2025-08-01 15:00:00 · 1018 阅读 · 0 评论 -
JavaScript Array.prototype.some ():数组判断的 “快捷侦探”
JavaScript的some()方法用于快速判断数组中是否存在符合条件的元素,一旦找到匹配项即停止遍历,代码简洁高效。原创 2025-07-29 10:56:34 · 632 阅读 · 0 评论 -
对象 “复制粘贴” 神器:JavaScript `Object.assign()` 实用指南
Object.assign()是JavaScript中用于对象属性复制的实用方法,支持将一个或多个源对象的可枚举属性合并到目标对象。它常用于对象合并、创建浅拷贝、添加默认属性等场景。原创 2025-07-22 10:32:20 · 1023 阅读 · 0 评论
分享