-
- HTML拖放实现方法及draggable属性详解
- 要实现HTML拖放功能，需使用draggable属性和JavaScript的DragandDropAPI。1.设置元素draggable="true"使其可拖动；2.在dragstart事件中通过event.dataTransfer.setData()设置拖动数据，并配置effectAllowed；3.drag事件用于拖动过程中的轻量级反馈；4.在dragenter事件中调用preventDefault()并提示进入放置区；5.dragover事件必须调用preventDefault()以允许放置，并设置
- 文章 · 前端 | 22小时前 | 379浏览 收藏
-
- 什么是favicon？网站小图标添加方法
- Favicon显示不出来最常见的原因是浏览器缓存、路径错误、文件格式或尺寸问题；解决方法依次为：1.清除浏览器缓存或使用无痕模式测试；2.检查href路径是否正确，文件名及大小写是否匹配；3.优先使用兼容性好的.ico格式或支持透明的PNG格式，并确保图片未损坏；4.确认服务器正确配置了.ico或.png的MIME类型；5.确保图标尺寸符合规范，基础尺寸为16x16和32x32像素，多尺寸可提升跨设备显示效果。
- 文章 · 前端 | 22小时前 | 408浏览 收藏
-
- Node.js事件循环中，poll阶段的作用是处理I/O回调。在这一阶段，Node.js会检查是否有已完成的I/O操作（如文件读取、网络请求等），并将这些操作的结果作为回调函数执行。poll阶段是事件循环中非常关键的一个环节，它确保了非阻塞I/O操作能够高效地进行，从而提升Node.js应用的性能和响应速度。
- Node.js事件循环的poll阶段是处理异步I/O回调的核心机制。1.它负责检查并执行已完成的非定时器、非立即执行的I/O操作回调，如文件读取、网络请求等；2.若无待处理定时器或setImmediate回调，poll阶段会阻塞等待新I/O事件，以节省CPU资源；3.在执行完I/O回调后，若发现有setImmediate回调或到期定时器，会跳转至check阶段或timers阶段，确保任务优先级调度；4.poll阶段与事件循环其他阶段协同工作，动态决定事件循环流向，保障高效响应和资源利用，是Node.js实
- 文章 · 前端 | 22小时前 | 168浏览 收藏
-
- setTimeout与setImmediate谁先执行？
- setTimeout(0)不一定立即执行，因浏览器最小延迟和主线程阻塞；setImmediate在Node.js中优先于setTimeout(0)执行。1.setTimeout(0)将回调放入延迟队列，受浏览器4ms最小延迟及主线程任务影响，需等待当前执行栈清空后下一轮事件循环执行；2.setImmediate将回调放入check阶段队列，在I/O回调后立即执行，但跨平台或不同事件循环阶段可能影响其顺序；3.实际开发中setTimeout(0)用于非阻塞延迟任务，setImmediate用于I/O完成后立
- 文章 · 前端 | 22小时前 | 事件循环 执行顺序 平台差异 setTimeout(0) setImmediate 144浏览 收藏
-
- JavaScriptgetDate()方法详解与使用示例
- Date.prototype.getDate()方法用于返回本地时区日期对象的月份中的第几天（1-31）。1.它可以直接从Date对象中提取日信息；2.返回值为1到31的整数；3.处理不同时区问题时建议使用getUTCDate()获取UTC时间的日期；4.通常与其他日期方法如getMonth()和getFullYear()配合使用以格式化完整日期；5.遇到闰年影响时可借助日期库如date-fns简化计算；6.提升用户体验时推荐使用toLocaleDateString()进行本地化格式化；7.注意勿与set
- 文章 · 前端 | 22小时前 | JavaScript 时区 日期处理 Date对象 Date.prototype.getDate() 415浏览 收藏
-
- 微任务不阻塞渲染，但影响性能
- 微任务不会直接阻塞渲染，但会延迟渲染时机。因为微任务在当前宏任务执行后、渲染前执行，若微任务队列过长或执行复杂计算，将占用主线程，推迟浏览器更新屏幕的机会，导致页面卡顿。事件循环中，主线程执行完同步代码后优先处理所有微任务，之后才进行渲染和执行下一个宏任务。若微任务链过长，会持续推迟渲染，造成视觉上的不流畅。优化方式包括：1.拆分任务，使用setTimeout或requestAnimationFrame分批执行；2.合理使用Promise，避免嵌套与同步计算；3.将耗时任务移至WebWorkers中执行，
- 文章 · 前端 | 22小时前 | 420浏览 收藏
-
- JavaScriptProxy是什么？怎么用？
- Proxy对象通过拦截并自定义对象操作实现细粒度控制，其核心在于newProxy(target,handler)构造函数，其中target为被代理对象，handler包含用于拦截操作的陷阱方法。1.Proxy与Object.defineProperty的区别在于：Proxy在对象层面拦截操作，支持多种行为（如属性读写、删除、in操作符、函数调用等），而defineProperty仅限于单个属性的配置，无法拦截数组操作或新增属性；2.Proxy适用场景包括数据校验、日志记录、访问控制、响应式系统、虚拟对象和
- 文章 · 前端 | 22小时前 | 180浏览 收藏
-
- JavaScript扁平化嵌套数组技巧
- JavaScript中扁平化嵌套数组的核心是将多层结构转为一维数组，1.使用Array.prototype.flat()可指定层数或用Infinity扁平化所有层级；2.使用reduce结合递归能手动实现深度扁平化，逻辑清晰且通用；3.使用扩展运算符结合while循环的迭代法可避免递归栈溢出风险，适合处理深度不确定的数组；flat(Infinity)通过递归遍历实现，但需注意性能、内存和兼容性问题；最佳实践包括优先使用flat()、按需指定深度、确保非数组元素正确处理，并在可读性与性能间权衡，最终选择适合
- 文章 · 前端 | 22小时前 | 214浏览 收藏
-
- JavaScriptclassList操作全攻略
- JavaScript的classList属性提供了一种便捷的方式来操作DOM元素的CSS类名，相比传统的className属性，它更加直观且不易出错。1.添加类名：element.classList.add()可以添加一个或多个类名；2.移除类名：element.classList.remove()用于移除一个或多个类名；3.切换类名：element.classList.toggle()根据是否存在来切换类名，也可通过布尔参数强制添加或移除；4.检查类名：element.classList.contain
- 文章 · 前端 | 22小时前 | 336浏览 收藏
-
- a标签怎么用？超详细教程分享
- a标签在CSS中的用法包括基本样式和不同状态的样式定制。1.使用:link、:visited、:hover、:active伪类控制链接状态。2.导航菜单中使用:hover增加视觉反馈。3.:focus伪类提升可访问性。4.简洁样式和CSS预处理器优化性能。5.属性选择器区分内部和外部链接。6.:hover和display属性实现下拉菜单。
- 文章 · 前端 | 22小时前 | 317浏览 收藏
-
- BOM本地存储操作技巧全解析
- localStorage与sessionStorage的核心差异在于数据生命周期和作用域。1.localStorage存储的数据是持久化的，除非手动清除，否则始终存在；2.sessionStorage则仅在当前浏览器会话期间有效，关闭标签页后数据会被清除；3.两者均遵循同源策略、只能存储字符串，并共享相同的API；4.选择依据为数据是否需要长期保留：长期用localStorage，临时用sessionStorage。此外，使用时需注意：5.存储复杂数据类型时需用JSON.stringify()转换；6.存
- 文章 · 前端 | 22小时前 | 467浏览 收藏
-
- JS中Map如何替代对象使用
- 在JavaScript中，当键不是字符串、需保持插入顺序或频繁操作键值对时，应使用Map。①Map支持任意类型键，避免对象键被转为字符串；②Map提供get、set、has、delete等方法及size属性，语义更清晰；③Map遍历时保证插入顺序，传统对象不严格支持；④Map更适合动态增删查改场景，对象适用于静态配置或简单哈希表。
- 文章 · 前端 | 22小时前 | 378浏览 收藏
-
- 事件循环优化与缓存策略技巧
- 传统缓存策略可能成为性能瓶颈，因其常含同步阻塞操作（如磁盘I/O、网络请求或复杂失效逻辑），会冻结主线程，尤其在高并发下导致服务卡顿；2.在Node.js中应利用事件循环优化缓存读写，通过异步I/O（如Redis客户端）、setImmediate/process.nextTick延迟非关键任务、worker_threads处理CPU密集型操作，确保主线程流畅；3.缓存失效与更新需协同事件循环，采用后台定时分批清理过期项、事件驱动失效（如RedisPub/Sub）及stale-while-revalidat
- 文章 · 前端 | 22小时前 | 225浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 511次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 498次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 千音漫语
- 千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com
- 113次使用
-
- MiniWork
- MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。
- 109次使用
-
- NoCode
- NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。
- 126次使用
-
- 达医智影
- 达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。
- 118次使用
-
- 智慧芽Eureka
- 智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。
- 122次使用
