-
![JS取数组最后n个元素的几种方法：方法一：使用slice方法constarr=[1,2,3,4,5];constn=2;constlastN=arr.slice(-n);console.log(lastN);//输出:[4,5]方法二：使用length和spliceconstarr=[1,2,3,4,5];constn=2;constlastN=arr.splice(arr.length-n);c](/uploads/20250823/175595552668a9c1467036a.jpg)
- JS取数组最后n个元素的几种方法：方法一：使用slice方法constarr=[1,2,3,4,5];constn=2;constlastN=arr.slice(-n);console.log(lastN);//输出:[4,5]方法二：使用length和spliceconstarr=[1,2,3,4,5];constn=2;constlastN=arr.splice(arr.length-n);c
- 获取数组最后n个元素的推荐方法是使用slice(-n)或_.takeRight()；1.使用Array.prototype.slice(-n)可直接获取末尾n个元素，若n大于数组长度则返回整个数组，若n为0或负数则返回空数组（但slice(-0)等同于slice(0)，返回整个数组）；2.使用Lodash的_.takeRight(array,n)语义更清晰，行为更符合直觉，n为0或负数时明确返回空数组；选择取决于是否已引入Lodash及对代码可读性的要求，原生slice无需依赖且性能佳，而takeRigh
- 文章 · 前端 | 2星期前 | 201浏览 收藏
-
- HTML全屏设置与fullscreen伪类使用教程
- 实现HTML全屏样式需通过JavaScript调用FullscreenAPI触发全屏状态，并使用CSS的:fullscreen伪类定义全屏时的样式；2.为确保全屏下布局正常，应设置全屏元素宽高为100%，利用Flexbox或Grid进行响应式布局，并结合object-fit处理媒体元素，同时在:fullscreen中嵌套媒体查询适配不同屏幕；3.全屏请求被拒绝主因是未由用户手势触发或iframe权限限制，需确保在用户交互中调用requestFullscreen并捕获Promise错误，同时处理浏览器前缀兼
- 文章 · 前端 | 2星期前 | 431浏览 收藏
-
- CSS无法应用Body元素的解决方法大全
- 本文旨在帮助开发者解决CSS样式无法正确应用于HTML<body>元素的问题。文章将分析可能导致此问题的常见原因，并提供相应的解决方案，包括HTML结构、CSS链接方式、样式优先级以及浏览器缓存等方面的排查方法，确保CSS样式能够准确地控制<body>元素的呈现效果。
- 文章 · 前端 | 2星期前 | 119浏览 收藏
-
- JS柯里化原理与实战应用
- 柯里化是将一个接收多个参数的函数转化为一系列只接收一个参数的函数，其核心优势在于提升函数的复用性与组合性。通过逐步传入参数并返回新的函数，柯里化支持参数复用、延迟执行和函数工厂模式，例如可从通用的fetchData(baseUrl,endpoint,params)派生出固定baseUrl的专用函数；在组合性方面，柯里化函数因只接受单个参数，能无缝与map、filter、compose、pipe等高阶函数集成，构建清晰的数据处理流水线。相较偏函数应用（允许一次传入多个剩余参数），柯里化强调每次只传一个参数，
- 文章 · 前端 | 2星期前 | 227浏览 收藏
-
- JS用times生成指定长度数组的方法
- JavaScript没有内置times方法，但可通过Array.from、fill+map或for循环等原生方式实现循环调用函数生成指定长度数组的效果；2.Array.from({length},mapFn)是最推荐的现代写法，语义清晰且简洁；3.newArray(n).fill(null).map(fn)需填充以避免稀疏数组问题，适合需map转换的场景；4.for循环在性能和复杂逻辑控制上更具优势；5.可自行封装times函数以获得更优雅的API；6.JS未内置times是因其设计哲学倾向基础构建块，鼓
- 文章 · 前端 | 2星期前 | 275浏览 收藏
-
- HTML表单数据本地存储方法解析
- 要实现HTML表单的数据本地化并确保数据在特定国家存储，必须从前端用户体验和后端合规架构两方面协同处理。前端通过检测浏览器语言、使用i18n库动态加载多语言文本、利用HTML5输入类型和JavaScriptIntl对象实现日期、数字、货币等格式的本地化展示，并针对不同国家的地址、电话、证件等习惯设计表单结构，同时支持RTL布局和无障碍访问；后端则需将数据库、应用服务、备份及日志等全部部署在目标国家的数据中心（如AWSeu-central-1），严格控制数据流入路径不跨境，审查第三方服务（如支付、分析工具）
- 文章 · 前端 | 2星期前 | 332浏览 收藏
-
- Vuev-if指令作用及使用场景解析
- v-if根据条件决定元素是否渲染到DOM，条件为假时完全销毁元素及其组件、事件和数据请求；2.v-if与v-show区别在于：v-if操作DOM实现“存在或不存在”，开销大适合不常切换场景，v-show仅切换display样式实现“看得见或看不见”，适合频繁切换；3.v-if会触发组件完整生命周期钩子（如mounted和unmounted），需在销毁前清理资源避免内存泄漏；4.使用v-if避免与v-for同用、推荐用template分组或父级控制，复杂条件抽成computed，必要时加key确保组件独立。
- 文章 · 前端 | 2星期前 | 208浏览 收藏
-
- text-indent属性用法详解
- 答案：HTML中通过CSS的text-indent属性设置文本首行缩进，推荐使用em或rem相对单位以提升响应式与可访问性，注意仅块级元素生效，避免负值过大导致溢出，配合margin、padding等属性可实现更灵活的文本布局。
- 文章 · 前端 | 2星期前 | 214浏览 收藏
-
- HTML图像映射怎么用？5个area标签技巧
- 要创建HTML图像映射，核心步骤是：1.使用<img>标签并添加usemap属性指向一个<map>标签；2.在<map>标签内使用多个<area>标签定义可点击区域。每个<area>通过shape和coords属性指定形状与坐标，href属性设置链接。常见形状包括矩形（rect）、圆形（circle）、多边形（poly）以及默认区域（default），分别适用于不同几何形状的交互需求。此外，还可结合JavaScript实现无跳转交互或动态功能。响
- 文章 · 前端 | 2星期前 | 121浏览 收藏
-
- 浮动标签实现方法：CSS结合placeholder-shown技巧
- 要实现表单输入框标签的浮动效果，应利用:placeholder-shown伪类结合CSS完成；1.HTML结构中input需设置placeholder=""，label作为其兄弟元素并关联for与id；2.CSS中通过.form-group设置相对定位，label使用绝对定位默认置于输入框内；3.利用input:not(:placeholder-shown)+label和input:focus+label选择器触发label向上浮动、缩小字体、改变颜色；4.添加transition实现平滑动画，focus
- 文章 · 前端 | 2星期前 | CSS 表单 :placeholder-shown 浮动标签 无JavaScript 203浏览 收藏
-
- 事件循环轮询阶段解析
- 轮询阶段是Node.js事件循环的核心，负责处理绝大多数I/O回调，确保高性能和非阻塞特性。1.它首先检查timers和pendingcallbacks队列，优先处理其中的回调。2.然后执行poll队列中的I/O回调，直到队列为空或达到内部限制。3.若poll队列为空，会检查setImmediate队列，若有则跳到check阶段执行。4.若setImmediate队列也为空，则检查timers队列，等待最近定时器到期或新I/O事件。5.若所有队列均空且无定时器，事件循环将完全阻塞，等待I/O事件唤醒。开发
- 文章 · 前端 | 2星期前 | 288浏览 收藏
-
- JS去重方法汇总，高效实用技巧
- 最直接、最现代的JavaScript数组去重方法是使用Set，因其设计初衷即为存储唯一值，可高效去除基本类型重复项；2.对于对象数组去重，需基于唯一标识属性结合Map实现，或通过自定义比较逻辑处理复杂场景；3.需警惕类型隐式转换、NaN特殊性等潜在陷阱，并根据数据规模权衡性能与可读性，确保明确“重复”定义后再选择合适方案。
- 文章 · 前端 | 2星期前 | 232浏览 收藏
-
- WebWorkers教程与实战技巧详解
- WebWorkers通过在后台线程执行JavaScript，避免主线程阻塞，提升页面响应性。它适用于计算密集型任务，如大数据处理、图像操作、复杂算法等，能有效分离UI渲染与逻辑计算，结合TransferableObjects可优化通信性能，调试较复杂但现代工具已支持良好，另有SharedWorker、ServiceWorker和Worklets等扩展类型适应不同场景。
- 文章 · 前端 | 2星期前 | 319浏览 收藏
-
- JavaScript闭包减少重复计算技巧
- 闭包通过记忆化技术优化重复计算，其核心是利用闭包的私有性封装缓存，避免全局污染并实现高阶函数的解耦；1.创建一个缓存对象（如Map）在外部函数中；2.返回一个内部函数，通过闭包访问该缓存；3.每次调用时检查输入参数对应的缓存结果；4.若存在则直接返回，否则计算并存入缓存后再返回；此机制适用于纯函数，能显著提升性能，但需注意内存消耗、缓存键生成策略、缓存淘汰机制及适用场景，避免因滥用导致内存泄漏或性能下降，因此应结合性能分析合理使用。
- 文章 · 前端 | 2星期前 | 275浏览 收藏
-
- MongoDB聚合排序不生效原因解析
- 本文针对MongoDB聚合查询后排序失效的问题，提供了一种基于大小写不敏感排序的解决方案。通过在聚合管道中添加$project或$addFields阶段，将需要排序的字段转换为小写，再进行排序，从而实现正确排序。文章提供了两种不同的实现方式，分别适用于字段较少和字段较多的情况，并附带代码示例，帮助读者快速解决实际问题。
- 文章 · 前端 | 2星期前 | 184浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 514次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 499次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- AI Mermaid流程图
- SEO AI Mermaid 流程图工具：基于 Mermaid 语法，AI 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。
- 248次使用
-
- 搜获客【笔记生成器】
- 搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！
- 218次使用
-
- iTerms
- iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。
- 253次使用
-
- TokenPony
- TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。
- 213次使用
-
- 迅捷AIPPT
- 迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。
- 240次使用
