三月内热门-前端技术文章-Golang学习网

分类:

最新
热门

三月内

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

JS生成哈希值的几种方式

在JavaScript中生成Hash值的方法有多种，具体选择取决于安全性、性能和环境需求：1.使用第三方库如crypto-js，支持MD5、SHA1、SHA256等算法，但MD5和SHA1不推荐用于敏感场景；2.自行实现简单Hash算法，适用于非安全场景如快速查找，但易产生冲突；3.在Node.js中使用内置crypto模块，可直接调用createHash方法生成SHA256等安全Hash；4.在浏览器中使用WebCryptoAPI，通过crypto.subtle.digest异步生成SHA-256等安全

文章 · 前端 | 1个月前 | 安全性 WebCryptoAPI 加盐 JSHash Hash算法 417浏览收藏
class与id区别详解：选择器对比指南

id具有唯一性，class具有复用性；2.id用于精准定位单个元素，class用于对多个元素进行分类和样式化；3.id在CSS中优先级更高，一个id选择器的权重为0,1,0,0，而class为0,0,1,0；4.JavaScript中可通过document.getElementById()快速获取唯一元素，class则用于获取元素集合；5.class支持组合使用，便于构建可维护、可扩展的组件化样式体系，推荐在大多数场景下使用class而非id。

文章 · 前端 | 1个月前 | 417浏览收藏
事件循环优化CPU密集任务技巧

利用事件循环优化CPU密集型任务的核心是将其从主线程剥离，避免阻塞事件循环导致应用无响应；2.浏览器中使用WebWorkers在后台线程执行计算，通过postMessage通信，保持主线程流畅；3.Node.js中可选WorkerThreads（轻量、高效、适合频繁交互的计算任务）或ChildProcesses（高隔离、适合外部程序调用或重任务）；4.正确选择方案需根据任务特性、资源开销和隔离需求权衡，最终保障事件循环正常运转和用户体验完整。

文章 · 前端 | 1个月前 | 417浏览收藏
JS生成指定范围数组的技巧

循环方式通过for循环逐个添加元素，代码直观但冗长；2.Array.from结合长度和映射函数生成数组，现代且可读性强；3.扩展运算符配合Array.keys()利用索引映射生成数组，写法巧妙但性能略低；4.递归方式不推荐，因效率低且有栈溢出风险；对于步长和倒序需求，可在Array.from基础上调整计算逻辑；性能方面，循环和Array.from较优，扩展运算符次之，递归最差；综合可读性与性能，Array.from是最佳选择，适用于大多数场景。

文章 · 前端 | 1个月前 | JavaScript 性能循环 Array.from 数组生成 417浏览收藏
微任务先于宏任务执行解析

JavaScript事件循环中微任务优先于宏任务执行。1.每次事件循环执行一个宏任务；2.宏任务执行完毕后，立即清空当前所有微任务；3.微任务全部执行完后，进入下一个宏任务周期。这确保了Promise等异步操作能快速响应，提升用户体验。

文章 · 前端 | 1个月前 | 417浏览收藏
多任务并行处理技巧解析

JavaScript中处理多个异步任务并行执行的核心方法包括：1.使用Promise.all实现“全有或全无”的并发控制，适用于所有数据必须成功获取才能继续执行的场景；2.使用Promise.allSettled确保所有任务无论成功或失败都能完成，便于更细致地处理每个结果；3.通过限制并发数（如实现并发池）避免资源耗尽或服务过载，适合大量任务同时执行的场景；4.采用Promise.race实现竞速机制，常用于设置超时控制；5.结合依赖关系和重试机制提升健壮性，例如链式Promise满足任务依赖、指数退避策

文章 · 前端 | 1个月前 | 417浏览收藏
JavaScripttoString()方法详解及用法示例

toString()方法用于将不同数据类型的值转换为字符串表示。1.数字调用toString()返回数字字符串，可传入基数进行进制转换；2.布尔值直接转为"true"或"false"；3.数组会将其元素依次转为字符串后用逗号连接；4.普通对象默认返回"[objectObject]"，需重写方法才能获取具体信息；5.函数返回其源码字符串；6.日期返回可读性强的日期时间字符串；7.null和undefined没有toString()方法，直接调用会报错。此外，Object.prototype.toString

文章 · 前端 | 1个月前 | 417浏览收藏
JavaScript数组元素批量修改技巧

使用map()生成新数组，适用于需要保持原数组不变的场景；2.使用forEach()或for循环进行原地修改，适用于明确需要更新原数组或追求性能的场景；3.处理对象数组时，若需保持不可变性，应结合map()与展开运算符实现浅层复制；4.修改嵌套对象属性时，需逐层展开以避免引用共享导致的意外修改；5.性能敏感场景下，优先选择for循环避免额外内存开销，并优化循环内操作以提升效率；6.频繁根据键查找修改时，可将数组转为Map或对象以提高查找效率；7.实际性能瓶颈多源于算法或DOM操作，应先分析定位再优化，避免

文章 · 前端 | 1个月前 | 性能优化批量修改 map() foreach() JavaScript数组 417浏览收藏
HTMLspan标签4种内联用法解析

<p>span标签的核心作用是提供一个无语义的内联容器，用于精准控制文本样式或实现JavaScript交互。1.它作为内联元素，不会独占一行，适合包裹少量文本或内联元素；2.通过class或id为特定文本添加CSS样式，如高亮关键词或设计价格展示；3.用作JavaScript操作的目标，动态更新页面内容而不影响布局；4.使用时应优先考虑语<imgsrc="https://via.placeholder.com/150"alt=""/><

文章 · 前端 | 1个月前 | 417浏览收藏
HTML标签增强可访问性：ARIA属性使用指南

为HTML标签添加可访问的关联，关键在于使用语义化HTML、表单标签关联和WAI-ARIA属性。1.使用语义化HTML5元素（如header、nav、main）提供结构和角色信息，帮助屏幕阅读器识别页面布局；2.通过label标签与for属性绑定表单控件，确保输入字段可被正确朗读；3.在复杂组件中合理使用ARIA属性（如aria-labelledby、aria-describedby、aria-controls）补充语义和状态；4.避免滥用ARIA，优先使用原生HTML元素以减少错误和维护成本；5.利用L

文章 · 前端 | 1个月前 | 417浏览收藏
HTML圆形图片制作技巧及border-radius使用方法

最直接的方法是使用CSS的border-radius:50%将正方形图片变为圆形；2.对非正方形图片，应使用正方形容器配合overflow:hidden和object-fit:cover实现完美圆形裁剪；3.border-radius:50%的原理是通过设置等于宽高一半的圆角半径，使正方形元素呈现圆形视觉效果；4.为确保不同比例图片均显示为圆形，关键在于创建正方形显示区域并用object-fit:cover填充以避免变形；5.其他方法包括CSS的clip-path属性（灵活性高但兼容性和复杂性较高）和SV

文章 · 前端 | 1个月前 | object-fit border-radius clip-path SVG 正方形容器 417浏览收藏
CSS实现视差滚动效果教程

<p>视差滚动效果的核心原理是不同图层以不同速度移动，从而产生深度感。1.通过设置HTML结构中的多个图层并赋予data-speed属性来定义移动速率；2.利用CSS的transform:translate3d()结合calc(var(--scroll-y)*speed)实现各图层基于滚动位置的位移；3.使用JavaScript将页面滚动偏移量window.pageYOffset赋值给CSS变量--scroll-y以驱动动画；4.通过使用translate3d开启GPU硬件加速、添加will-

文章 · 前端 | 1个月前 | JavaScript CSS动画 transform translate3d 视差滚动 417浏览收藏
事件循环中“空闲”阶段的作用是处理微任务队列，确保异步操作完成后及时执行回调函数。

引入“空闲”阶段的核心目的是在保持应用响应性的同时高效执行低优先级任务，避免主线程阻塞导致卡顿；2.浏览器通过requestIdleCallbackAPI显式提供空闲回调机制，需利用deadline.timeRemaining()实现任务分片与可中断执行；3.Node.js无标准空闲API，需借助setImmediate或任务分片模拟，强调避免阻塞而非主动调度；4.桌面GUI框架如Qt、Win32等在主事件循环中天然支持空闲处理，常用于后台计算或UI优化；5.使用时应避免将其当作保证执行的队列、在空闲任务

文章 · 前端 | 1个月前 | 417浏览收藏
HTML下拉菜单怎么制作？select和option用法详解

HTML下拉菜单的核心是<select>和<option>标签的配合使用，其中<select>定义下拉容器，<option>定义具体选项；通过value属性设置提交值，id属性便于JavaScript操作；可通过JavaScript动态创建<option>元素并添加到<select>中实现选项的动态生成；使用addEventListener监听change事件可获取用户选择的值并执行相应操作；添加multiple属性可实现多选功能，此

文章 · 前端 | 1个月前 | html JavaScript 下拉菜单 select标签 option标签 417浏览收藏
HTML画中画音量样式与伪类应用解析

目前无法通过CSS伪类如::picture-in-picture-volume直接控制画中画（PiP）模式下音量条的样式，因为PiP窗口的UI由浏览器原生实现且出于安全、用户体验一致性和技术复杂性考虑被严格限制自定义；开发者只能通过JavaScript操作源视频元素的volume属性来间接控制音量，或依赖系统级音量调节，同时可在网页内构建自定义播放器界面，将音量控制与PiP按钮集成，从而在进入PiP前提供良好体验，确保用户无论通过网页控件还是操作系统功能都能有效调整音量，最终实现对PiP音量的全面管理。

文章 · 前端 | 4星期前 | 417浏览收藏

1 254 255 256 500

查看更多

课程推荐

前端进阶之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 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。

569次使用
搜获客【笔记生成器】

搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！

572次使用
iTerms

iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。

592次使用
TokenPony

TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。

657次使用
迅捷AIPPT

迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。

556次使用