-
- 自定义滚动容器添加返回顶部按钮方法
- 本教程旨在解决“回到顶部”按钮在特定网页布局中不显示的问题，特别是当body元素设置了overflow:hidden而实际滚动发生在自定义容器内时。文章将详细阐述如何正确识别负责滚动的元素，监听其滚动事件，并基于其滚动位置控制按钮的显示与隐藏，同时提供平滑滚动至顶部的实现方法，确保按钮功能在复杂布局下依然稳定可靠。
- 文章 · 前端 | 2星期前 | 464浏览 收藏
-
- CSS网格背景制作教程
- 调整网格线颜色和粗细需修改repeating-linear-gradient中的颜色值和停止点，1将颜色由rgba(0,0,0,0.1)改为red实现变色，2将11px改为12px实现加粗至2px，3结合background-size控制网格密度，通过调整渐变角度、颜色、间距可创建复杂图案，但需注意减少渐变层数、避免复杂设计、合理设置background-size以优化性能，最终实现灵活高效的CSS网格背景。
- 文章 · 前端 | 2星期前 | 性能 background-size repeating-linear-gradient CSS网格背景 网格线 165浏览 收藏
-
- 是的，`Promise.resolve`返回的Promise是微任务（microtask）。在JavaScript中，所有通过`Promise`创建的任务都被视为微任务，会在当前宏任务（如事件循环中的定时器、DOM事件等）完成后，优先于下一个宏任务执行。
- Promise.resolve()本身不是微任务，而是一个同步函数，其作用是立即包装一个值为已解决的Promise对象，真正的微任务是该Promise后续的.then()、.catch()或.finally()回调。1.Promise.resolve(value)同步返回一个已解决的Promise，若value是普通值；2.若value是Promise对象，则直接返回该Promise；3.若value是thenable对象，会同步调用其then方法进行解包，若解包过程涉及异步操作，则回调会通过微任务队列调
- 文章 · 前端 | 2星期前 | 172浏览 收藏
-
- HTML5全屏API使用教程及元素全屏方法
- HTML5的FullscreenAPI允许网页元素全屏显示，需用户手势触发。1.使用requestFullscreen()方法实现全屏，配合exitFullscreen()退出；2.需考虑浏览器兼容性，部分旧版本需加前缀；3.必须由用户交互触发，不可自动执行；4.全屏元素必须可见且非隐藏；5.跨域iframe需添加allowfullscreen属性；6.推荐使用HTTPS以确保安全上下文；7.可通过监听fullscreenchange和fullscreenerror事件处理状态变化与错误；8.利用CSS伪
- 文章 · 前端 | 2星期前 | 402浏览 收藏
-
- HTML5标签美化技巧分享
- HTML5新标签在旧浏览器中样式不生效，是因为IE8及以下版本将这些标签视为未知元素，默认以行内元素渲染，无法正确应用块级样式。解决方案有二：1.CSS强制块级显示：通过为所有HTML5新标签设置display:block;确保其具备块级元素特性；2.JavaScript兼容处理：引入HTML5Shiv脚本，使旧版IE识别这些标签并支持CSS样式化。
- 文章 · 前端 | 2星期前 | 300浏览 收藏
-
- HTML输入标签详解及使用方法
- 文本框通过type="text"或type="password"设置，常用属性包括id、name、value和placeholder；2.按钮类型包括type="button"、"submit"、"reset"及使用<button>标签创建的按钮，可结合onclick等事件触发操作；3.其他常用input类型有number、email、date、radio、checkbox和file，分别用于数字输入、邮箱验证、日期选择、单选、多选和文件上传；4.使用CSS可通过属性选择器和伪类美化input
- 文章 · 前端 | 2星期前 | JavaScript 按钮 文本框 类型 input标签 102浏览 收藏
-
- JS获取兄弟节点的常见方法有哪些
- 获取所有兄弟元素节点（不含自身）的最常用方法是通过父节点的children属性结合过滤操作，具体步骤为：1.获取目标元素的父节点（parentNode）；2.通过父节点的children属性获取所有子元素集合（HTMLCollection）；3.使用Array.from()将集合转换为数组，并用filter()方法排除目标元素本身。该方法能准确返回所有同级兄弟元素，不受文本节点或注释节点干扰，且逻辑清晰、兼容性好，适用于绝大多数场景。例如使用函数封装：functiongetAllSiblings(elem
- 文章 · 前端 | 2星期前 | 185浏览 收藏
-
- 异步函数副作用处理方法解析
- 异步函数的副作用源于其非阻塞和时间不确定性，导致状态变化难以预测。1.利用Promise或async/await封装副作用，构建清晰执行链；2.强化错误处理机制，通过.catch()或try...catch确保异常可控；3.引入Redux、Vuex等状态管理工具，实现状态变更可追踪；4.使用AbortController等手段实现取消机制，避免竞态条件；5.设计幂等性操作，提升重试机制安全性。选择方案需根据项目复杂度、团队熟悉度权衡，从小型项目的简单封装逐步过渡到大型项目的高级工具。
- 文章 · 前端 | 2星期前 | 369浏览 收藏
-
- HTML弹窗美化技巧：模态框样式优化方法
- 模态框实现平滑的出现与消失效果需结合CSS过渡与JavaScript控制。1.利用opacity、visibility和transform属性配合transition定义动画时长及方式；2.通过添加或移除类（如show）触发进入与退出动画；3.使用transitionend事件确保动画结束后再隐藏元素，避免生硬切换display属性。此外，提升专业感还需关注字体层级、焦点管理、内边距外边距平衡、图标设计、背景模糊效果等细节。响应式设计方面，采用max-width与width百分比结合、Flexbox垂直居
- 文章 · 前端 | 2星期前 | 431浏览 收藏
-
- JS尾递归优化原理与实现解析
- 尾递归的特点是递归调用位于函数体的最后一步，且其结果直接作为函数的返回值，无需在调用后进行额外计算，从而理论上可重用当前栈帧以避免栈溢出；在JavaScript中，尽管ES6曾计划支持尾递归优化（TCO），但因调试困难、性能收益有限及兼容性问题，主流引擎未普遍实现，因此实际运行中仍可能导致栈溢出；为解决此问题，开发者可通过将递归转换为迭代循环以彻底消除栈增长，或采用蹦床函数（Trampoline）模式，通过返回thunk并由外部循环执行来模拟尾递归优化效果，其中迭代法更高效常用，而蹦床法则适用于需保留函数
- 文章 · 前端 | 2星期前 | JavaScript 迭代 栈溢出 尾递归 TCO 444浏览 收藏
-
- JS异步加载脚本技巧大全
- 异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
- 文章 · 前端 | 2星期前 | 279浏览 收藏
-
- Vue中scoped样式怎么用？详解作用域样式原理
- 作用域样式通过限制CSS影响范围防止全局污染，常用方案包括CSSModules、ShadowDOM、BEM命名、Vue的scopedCSS等，其中CSSModules适用于现代框架项目，ShadowDOM提供更强隔离，而scope伪类因浏览器支持差、规范不明确已被更优方案取代。
- 文章 · 前端 | 2星期前 | VUE ShadowDOM 作用域样式 scoped属性 CSSModules 420浏览 收藏
-
- 梵文装饰效果实现，CSStext-decoration新用法
- 要实现梵文独特的装饰效果，必须结合伪元素、背景图、字体选择等综合手段而非依赖text-decoration；1.使用text-decoration的现代属性控制基础线条样式；2.利用::before和::after伪元素创建自定义的顶部连线（Shirorekha）或复杂图案；3.通过background-clip:text将梵文纹理填充至文字内部；4.引入支持Devanagari脚本的合适字体如NotoSansDevanagari；5.调整line-height、letter-spacing等布局属性确保
- 文章 · 前端 | 2星期前 | CSS 字体 伪元素 text-decoration 梵文装饰 352浏览 收藏
-
- JS数组unshift用法详解
- unshift方法用于在数组开头添加一个或多个元素，并返回新数组长度，1.它直接修改原数组；2.添加的元素按传入顺序置于最前；3.每次调用需重新索引所有现有元素，性能为O(n)，大数组频繁操作时可能造成性能问题；4.适用于需“最新优先”展示的场景，如最近浏览记录；5.替代方案包括splice()（灵活但语法复杂）和展开运算符（...），后者更推荐用于保持数据不可变性，尤其在React/Vue等框架中。选择方法应基于是否需修改原数组、性能需求及代码可维护性。
- 文章 · 前端 | 2星期前 | 424浏览 收藏
-
- 对象数组合并方法全解析
- 本文介绍了如何将包含多个对象数组的复杂数据结构，转换为一个扁平化的对象。通过Array.flatMap()和Object.assign()的巧妙结合，可以高效地提取并合并所有错误对象，最终生成一个包含所有键值对的单一对象。同时，针对TypeScript环境，本文还提供了类型定义方案，确保代码的类型安全。
- 文章 · 前端 | 2星期前 | 355浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 511次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 499次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 千音漫语
- 千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com
- 735次使用
-
- MiniWork
- MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。
- 694次使用
-
- NoCode
- NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。
- 723次使用
-
- 达医智影
- 达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。
- 740次使用
-
- 智慧芽Eureka
- 智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。
- 717次使用
