一周内热门-前端技术文章-Golang学习网

分类:

最新
热门

一周内

三天内一周内一月内三月内

JavaScript Promise.race竞速异步任务详解

Promise.race在JavaScript中的作用是返回第一个确定状态的Promise结果，无论成功或失败。1.它适用于“只要最快结果”的场景，如实现超时机制或选择多个异步任务中最早完成的结果；2.与Promise.any不同，race对失败零容忍，只要有一个Promise状态确定即返回，而any会等待第一个成功结果或所有失败后返回AggregateError；3.使用时需注意race不会取消输掉的Promise，可能导致资源浪费或副作用，需手动管理取消逻辑；4.错误处理方面，race一旦遇到首个re

文章 · 前端 | 3天前 | 381浏览收藏
BOM页面拖放实现方法全解析

要实现基于BOM的页面拖放功能，核心在于监听并处理mousedown、mousemove和mouseup三个事件。具体步骤包括：1.设置可拖拽元素的CSS定位为absolute或fixed；2.在mousedown事件中记录初始鼠标与元素位置，并绑定mousemove和mouseup事件；3.在mousemove事件中计算位移并更新元素的left和top样式属性；4.在mouseup事件中清除拖拽状态并解绑相关事件监听器；5.通过设置isDragging标志控制拖拽流程，提升用户体验。

文章 · 前端 | 6天前 | 379浏览收藏
CSS媒体查询实现响应式布局的方法

@media查询通过检测设备特性应用不同样式实现响应式布局。2.它常用屏幕宽度、高度、方向、分辨率及颜色方案等特性调整样式。3.移动优先策略优先为小屏幕设计基础样式，再逐步增强大屏适配。4.使用CSS预处理器嵌套、断点变量、模块化文件管理复杂规则。5.避免过多断点并保持逻辑统一以提升维护性和性能。

文章 · 前端 | 4天前 | 379浏览收藏
JS实现进度条的多种方式解析

实现JavaScript进度条的核心是动态修改元素的width样式属性来反映任务完成百分比；2.需要HTML结构作为骨架，CSS定义样式和过渡动画，JavaScript通过updateProgress函数更新宽度和文本内容；3.结合实际业务时，可通过XMLHttpRequest的onprogress事件获取文件上传进度，或由后端通过轮询、WebSocket推送任务进度；4.优化体验需添加平滑过渡动画、处理不确定性进度（使用CSS动画模拟加载中）、增强可访问性（添加ARIA属性如role="progress

文章 · 前端 | 3天前 | 379浏览收藏
JS判断数组的几种方法有哪些

判断一个变量是否为数组最推荐的方法是使用Array.isArray()，因为它准确、可靠且能正确处理跨iframe等不同执行环境下的数组判断；2.typeof不能用于判断数组，因为它对所有对象（包括数组、普通对象、null）都返回"object"，无法区分具体类型；3.instanceofArray在跨执行环境（如多个iframe）时会失效，因为不同环境中的Array构造函数不相等，导致判断错误；4.Object.prototype.toString.call()也能正确判断数组且跨环境安全，但语法较冗长

文章 · 前端 | 19小时前 | 379浏览收藏
I/O优先于定时器，事件循环真相揭秘

定时器回调通常比I/O回调更早执行，因为事件循环中timers阶段在poll阶段之前；2.I/O操作完成后的回调必须等到poll阶段才会处理，即使它在timers阶段前就已完成；3.微任务（如Promise、nextTick）优先级最高，会在每个阶段间立即执行；4.实际开发中应避免阻塞事件循环，CPU密集任务用worker_threads；5.合理使用setTimeout(0)、setImmediate和process.nextTick可优化执行顺序，提升性能。

文章 · 前端 | 20小时前 | 378浏览收藏
页面加载慢怎么优化？实用技巧分享

通过代码压缩（minification）去除HTML、CSS、JS中的空格、注释和冗余字符，减小文件体积；2.使用关键CSS（CriticalCSS）内联首屏样式，异步加载非关键CSS，避免渲染阻塞；3.合理使用async和defer属性加载JavaScript，防止阻塞HTML解析；4.优化图片，采用WebP/AVIF格式、响应式图片（srcset）、懒加载和压缩技术；5.利用浏览器缓存，设置Cache-Control、ETag等响应头提升二次访问速度；6.部署CDN，将资源分发至离用户最近的节点，降低

文章 · 前端 | 6天前 | 377浏览收藏
HTML音频插入教程及代码示例

使用<audio>标签可嵌入音频，controls属性显示播放控件；2.通过<source>标签提供MP3和OGG等多种格式以增强浏览器兼容性；3.自动播放需谨慎，建议配合autoplay和muted属性使用，并避免滥用loop循环；4.可用JavaScript的play()和pause()方法控制播放状态，并监听ended等事件实现自定义逻辑；5.应监听error事件处理加载失败，同时利用canplaythrough事件判断缓冲情况以提升用户体验。

文章 · 前端 | 6天前 | html JavaScript 音频播放浏览器兼容性 audio标签 377浏览收藏
媒体查询：响应式设计的核心技术

CSS媒体查询常用属性包括min-width、max-width、orientation、resolution和prefers-color-scheme。①min-width用于设定视口最小宽度条件，常用于移动优先策略；②max-width用于设定视口最大宽度条件，适用于桌面优先策略；③orientation用于检测屏幕方向；④resolution用于高分辨率屏幕优化；⑤prefers-color-scheme用于匹配用户颜色方案偏好。此外，响应式设计还依赖弹性图片、Flexbox与Grid布局及相对单位

文章 · 前端 | 9小时前 | 377浏览收藏
HTML模板标签使用教程及实战示例

首先，通过document.getElementById或querySelector获取template标签引用，然后使用其content属性访问内容，接着用cloneNode(true)克隆内容以避免原模板被移除，最后将克隆内容插入DOM；1.template标签内容不会被渲染，而display:none的元素仍会被解析和渲染；2.template可用于存储含脚本、样式的HTML片段，无副作用；3.使用占位符结合JavaScript函数替换变量值实现模板填充；4.渲染大型列表时，结合DocumentFr

文章 · 前端 | 6天前 | JavaScript 性能优化 html模板动态内容 template标签 376浏览收藏
标签在HTML中用于标注引用内容的来源，如书名、文章名或电影名。它不仅有助于语义化标记，还能提升内容的专业性和可信度，是SEO优化中的实用元素。

cite标签用于标记创意作品的标题，如书籍、文章、电影等，具有语义化价值，表明其内容是作品名称而非普通文本；2.它与blockquote或q标签结合使用时，cite标签负责标明作品标题，而blockquote或q的cite属性则提供引用来源的URL；3.除cite外，HTML还提供abbr、dfn、mark、time、address和small等元素辅助引用和标注，共同构建语义清晰、易于机器解析和辅助技术识别的网页内容；正确使用这些标签能提升可访问性、SEO和整体信息结构完整性。

文章 · 前端 | 5天前 | 376浏览收藏
Promise.allSettled使用方法详解

Promise.allSettled用于处理多个Promise，无论成功或失败，都会等待全部完成并返回结果报告。1.它接收一个Promise数组，返回一个在所有Promise落定后解决的新Promise；2.返回值是一个数组，每个元素包含status（'fulfilled'或'rejected'）及对应value或reason；3.与Promise.all不同，它不会因单个失败而中断；4.适用于需要完整结果报告的场景，如批量操作、数据收集、非关键任务执行和调试分析；5.处理结果时可通过遍历数组区分成功与失

文章 · 前端 | 5天前 | 376浏览收藏
col和colgroup标签怎么用？

col和colgroup标签用于对HTML表格的列进行分组和样式设置，能统一控制列宽、背景色和可见性；2.通过在colgroup或col上应用CSS类而非内联样式，可实现更高效、可维护的列样式管理；3.相比直接操作td，使用col和colgroup具有更好的语义化、维护效率、潜在性能优势和更简洁的CSS选择器；4.常见应用场景包括固定列宽、列背景色分组、隐藏特定列以及配合多级表头增强结构；5.使用时需注意仅部分CSS属性有效（如width、background-color、display），必须将colg

文章 · 前端 | 4天前 | 376浏览收藏
HTML元标签怎么写？8个提升搜索排名的meta标签配置

HTML元标签对SEO至关重要，写得好可提升搜索排名，写错则可能导致页面不被收录或排名下降。1.<metaname="description">虽不直接影响排名，但能提升点击率（CTR），应包含关键词并具有吸引力；2.<metaname="robots">控制搜索引擎是否收录和追踪页面，错误配置可能导致页面无法被索引；3.<metaname="viewport">确保移动端良好体验，缺失或错误将影响移动优先索引排名；4.<metacharset="UTF-8"&g

文章 · 前端 | 3天前 | 376浏览收藏
HTML5iframesandbox属性详解

iframe的sandbox属性是前端安全的关键防线，因为它通过隔离机制限制第三方内容的行为，防止恶意代码攻击父页面。其核心价值在于默认启用严格限制，如禁止脚本执行、表单提交、弹窗等，并通过allow-令牌有选择地放宽权限。常见误区包括滥用allow-令牌和误认为sandbox可替代CSP。最佳实践应遵循最小权限原则，谨慎使用allow-scripts和allow-same-origin，结合CSP增强整体安全性。此外，sandbox还能提升用户体验和系统稳定性，如防止页面劫持、优化性能、遏制错误扩散，使

文章 · 前端 | 5天前 | 375浏览收藏

1 34 35 36 113

查看更多

课程推荐

前端进阶之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

151次使用
MiniWork

MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。

143次使用
NoCode

NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。

158次使用
达医智影

达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。

151次使用
智慧芽Eureka

智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。

160次使用