-
- window对象详解与实用方法分享
- window对象是BOM的核心，作为JavaScript与浏览器交互的入口，它代表浏览器窗口并承载所有全局变量及BOM其他对象。1.它提供了访问浏览器功能的接口，如获取视口尺寸（innerWidth/innerHeight）、控制滚动（scrollTo/scrollBy）、管理定时器（setTimeout/setInterval）、弹出对话框（alert/confirm/prompt）、操作窗口（open/close）、访问其他BOM对象（document、location、navigator等）以及本地
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- JS数组映射新数组的3种方法
- JavaScript数组映射新数组的核心是map()方法，它通过对每个元素执行回调函数生成新数组，且新数组长度与原数组相同。1.使用map()方法可将每个元素转换为新值，如将数字数组的每个元素乘以2得到新数组；2.性能方面，map()方法通常高效，但应避免在回调中执行昂贵操作、减少中间变量，并在极端性能需求时考虑传统循环；3.处理对象数组时，可通过回调访问属性并返回新对象，如提取用户名或构造包含id和全名的新对象；4.map()与forEach()的主要区别在于，map()返回新数组而forEach()不
- 文章 · 前端 | 1个月前 | JavaScript 映射 数组 map() foreach() 409浏览 收藏
-
- HTML引入外部CSS的三种方式
- 在HTML中引入外部CSS样式的主要方法是使用<link>标签。具体步骤如下：1.创建一个独立的CSS文件，例如styles.css，并编写所需的样式规则；2.在HTML文件的<head>部分插入<link>标签，通过rel属性指定“stylesheet”，并通过href属性指向CSS文件的路径；3.若CSS文件位于不同目录，需正确设置相对路径或绝对路径；4.避免使用@import或JavaScript动态加载等非推荐方式；5.引入多个CSS文件时，按优先级顺序添加多个
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- BOM操作浏览器历史记录方法解析
- 1.pushState用于添加新历史条目，replaceState用于替换当前条目；2.使用pushState实现SPA页面导航，replaceState用于更新URL但不增加历史记录；3.通过监听popstate事件处理浏览器后退/前进按钮的点击；4.操作历史记录受同源策略限制，无法读取完整历史堆栈，state对象有大小限制，title参数通常被忽略。pushState在SPA中用于模拟多页面行为，replaceState适用于URL清理、筛选等场景，popstate事件用于恢复UI状态，同时需注意安全
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- CSS图标脉动效果制作教程
- 调整脉冲动画节奏需修改animation-duration控制快慢（如0.8s~3s）和animation-timing-function选择缓动效果（如ease-in-out或cubic-bezier自定义）；2.强度由@keyframes中scale值决定，建议位图图标控制在1.05~1.2之间、SVG图标略小以防不协调；3.增强创意效果可结合box-shadow制造能量波、filter调整模糊或亮度、transform-origin改变膨胀方向、border/outline添加边框光圈，或用伪元素实
- 文章 · 前端 | 1个月前 | CSS动画 transform:scale() @keyframes 脉冲动画 效果增强 409浏览 收藏
-
- 定时器阶段在事件循环中的作用详解
- 事件循环中的“定时器阶段”负责检查并执行已到期的setTimeout和setInterval回调。1.它在事件循环的特定时机检查定时器队列，将到期的回调加入任务队列等待执行。2.setTimeout(fn,0)不会立即执行，必须等待主线程空闲并进入定时器阶段，且微任务优先执行。3.定时器执行时间不精确，受同步任务、其他阶段任务和微任务影响。4.避免阻塞事件循环的方法包括任务拆分、使用WorkerThreads、合理设置定时器间隔和及时清理无效定时器。
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- JS数组对象添加默认值技巧
- 为JavaScript对象数组添加默认值的核心方法有三种：1.使用Object.assign()将默认值合并到每个对象的副本中，确保原始数据不变；2.使用扩展运算符({...defaults,...item})实现更简洁的浅层合并；3.使用Lodash的defaultsDeep()进行嵌套对象的深层合并。在添加默认值后，可通过类型检查、范围验证、必需属性检测、正则表达式、自定义函数或yup等验证库进行数据验证。处理大型数组时的性能优化策略包括：避免不必要的对象复制、使用for循环替代map()、仅在属性缺
- 文章 · 前端 | 1个月前 | 过滤 数据验证 性能优化 对象数组 添加默认值 409浏览 收藏
-
- contenteditable属性怎么用
- contenteditable属性的作用是让任意HTML元素变为可编辑状态，实现类似文本框的输入功能。1.它是一个全局布尔属性，可应用于div、span、p等几乎所有元素；2.其值包括true（可编辑）、false（不可编辑）和inherit（继承父元素），默认为inherit；3.用户可直接修改内容并支持富文本粘贴与格式化；4.可通过CSS控制外观，如去除outline或自定义焦点样式；5.配合document.execCommand()可实现加粗、斜体等基础富文本操作；6.面临跨浏览器兼容性问题，不同
- 文章 · 前端 | 1个月前 | 兼容性 富文本编辑器 可编辑 HTML属性 contenteditable 409浏览 收藏
-
- JS获取REST剩余元素方法
- 获取数组中除第一个元素之外的剩余元素，可以使用解构赋值结合剩余参数或slice()方法。1.使用解构赋值和剩余参数：const[first,...rest]=arr;returnrest;该方法简洁现代，若数组为空或仅有一个元素，rest为空数组。2.使用slice()方法：returnarr.slice(1);该方法返回从索引1开始的新数组，同样在数组为空或只有一个元素时返回空数组。3.对空数组或单元素数组的处理：两种方法均自然返回空数组，无需额外处理，但可根据需求添加if(!arr||arr.leng
- 文章 · 前端 | 1个月前 | JavaScript 数组 slice() 解构赋值 剩余参数 409浏览 收藏
-
- JS实现3D渲染的实用技巧分享
- JavaScript实现3D渲染的核心是利用WebGLAPI，并通过Three.js等高层库简化开发；1.直接使用WebGL需手动管理顶点、矩阵和着色器，适合高阶定制但难度大；2.更常用的是Three.js，封装了场景、相机、渲染器、几何体、材质、网格、光源和控制器等对象，极大降低开发门槛；3.性能优化策略包括减少绘制调用、合并几何体、使用实例化、LOD、视锥剔除、优化纹理与材质、利用WebWorkers及避免频繁垃圾回收；4.核心概念涵盖线性代数、坐标系统转换、光照模型、UV映射和着色器原理；5.除Th
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- ES6字符串全局替换方法详解
- String.prototype.replaceAll()与replace()的本质区别在于前者默认全局替换，后者仅替换首个匹配项。replace()需配合正则表达式与g标志才能实现全局替换，而replaceAll()直接替换所有匹配项，简化了操作。在使用replaceAll()时，若searchValue为字符串，则作为字面量处理，特殊字符无需转义；若需复杂模式匹配，仍需依赖replace()结合正则表达式。ES6引入replaceAll()旨在降低心智负担、提升可读性与开发效率，专为简单全局替换场景设
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- HTML表格调用API数据的5种方法
- 使用FetchAPI在HTML表格中加载数据的步骤是：首先准备HTML结构，包含表头和空的tbody；其次用JavaScript监听DOM加载完成事件；接着显示加载指示器并调用fetch()发起GET请求；然后解析返回的JSON数据；再遍历数据创建tr和td元素填充数据；最后将新创建的行插入tbody。同时应处理错误和空数据情况，并优化用户体验。1.准备HTML表格结构；2.编写JavaScript代码监听DOM加载；3.发起Fetch请求获取数据；4.解析响应数据为JSON；5.动态生成表格行与单元格；
- 文章 · 前端 | 1个月前 | 409浏览 收藏
-
- HTML画中画加载样式设置及PIP加载伪类使用教程
- HTML通过CSS的::picture-in-picture-loading伪类设置画中画加载样式，可用于自定义视频在画中画模式加载时的外观，如添加背景、文本和动画；主流浏览器如Chrome、Firefox、Safari和Edge均支持画中画功能，但需检测API兼容性；playsinline属性用于确保移动端视频以内联方式播放，避免强制全屏，是启用画中画的关键；可通过检查document.pictureInPictureEnabled或video.requestPictureInPicture方法判断浏览
- 文章 · 前端 | 3星期前 | 画中画 浏览器兼容性 ::picture-in-picture-loading playsinline 视频加载样式 409浏览 收藏
-
- HTML表单怎么创建？form标签作用解析
- 要创建一个HTML表单，必须使用<form>标签并设置action和method属性，1.action属性指定数据提交的URL，2.method属性定义提交方式为GET或POST，3.表单内可包含input、textarea、select、button等元素，4.GET将数据附加在URL中，适合非敏感小数据，5.POST将数据放在请求体中，适合敏感或大量数据，6.服务器端需用PHP、Python等语言处理提交的数据，7.其他常用元素包括radio、checkbox、file、date、data
- 文章 · 前端 | 3星期前 | HTML表单 form标签 action属性 method属性 GET/POST方法 409浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。
- 354次使用
-
- 搜获客【笔记生成器】
- 搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！
- 328次使用
-
- iTerms
- iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。
- 364次使用
-
- TokenPony
- TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。
- 338次使用
-
- 迅捷AIPPT
- 迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。
- 344次使用
