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

分类:

最新
热门

请选择

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

生成器如何影响JavaScript事件循环？

生成器函数通过协作式暂停和恢复执行，间接避免阻塞主线程。1.生成器函数使用function*声明，调用时返回迭代器对象，通过next()方法控制执行流程；2.每次调用next()，生成器执行到yield表达式暂停，并将控制权交还调用者；3.在yield暂停时，事件循环有机会处理其他微任务或宏任务；4.生成器本身是同步的，但通过手动分解任务并在关键点yield，可显式释放主线程；5.async/await基于生成器和Promise实现，自动化恢复执行，而生成器需手动调用next()；6.两者均提供同步化异步

文章 · 前端 | 6个月前 | 490浏览收藏
HTML动画循环播放，animation-iteration-count全解析

animation-iteration-count是CSS中用于控制动画播放次数的属性，1表示播放一次，infinite表示无限循环；要实现循环动画，需配合animation-name、animation-duration和animation-timing-function使用，如.loop-animation{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-func

文章 · 前端 | 5个月前 | 490浏览收藏
HTMLdetails标签作用及使用方法

details标签的核心作用是提供原生折叠功能，用summary作为可点击标题，隐藏其余内容，实现渐进式信息披露；2.它提升用户体验在于简化页面初始视图、优化信息层级、降低认知负担，并具备原生可访问性，无需JS即可被键盘和屏幕阅读器良好支持；3.适用场景包括FAQ页面、技术文档中的可选细节、表单高级设置及博客延伸内容；4.局限性在于默认无动画、跨浏览器样式差异、无“全部展开/收起”功能，但可通过CSS定制样式（如隐藏默认箭头并用伪元素替换图标）来改善外观，虽需JS增强动画或批量控制，但作为轻量原生组件仍极

文章 · 前端 | 5个月前 | 490浏览收藏
Symbol创建唯一对象键名的方法

Symbol解决了对象键名冲突问题，模拟私有属性，支持元编程。1.Symbol创建唯一键，避免不同模块间属性覆盖；2.Symbol键默认不可枚举，隐藏内部属性；3.内置知名Symbol扩展对象行为。Symbol()每次生成唯一值，适合局部唯一键；Symbol.for()在全局注册表中查找或创建Symbol，确保跨模块共享。访问Symbol键需用方括号语法并持有Symbol引用，遍历可用Object.getOwnPropertySymbols或Reflect.ownKeys。二者区别在于唯一性与作用域，使用

文章 · 前端 | 5个月前 | 490浏览收藏
JavaScript异步事件监听方法

JavaScript事件监听是异步的，因为其回调函数被放入任务队列等待主线程空闲时执行，而非立即执行。1.事件触发时，浏览器将回调放入任务队列；2.主线程执行完同步任务后，事件循环将回调推入调用栈执行；3.这种机制避免阻塞UI，提升响应性和流畅性；4.若为同步处理，耗时操作会卡死页面；5.异步依赖于事件循环和宿主环境协作，确保单线程下非阻塞执行；6.常见问题包括循环绑定、竞态条件、事件冒泡控制等；7.优化方式有移除监听器、防抖节流、事件委托及once选项等策略。

文章 · 前端 | 5个月前 | 性能优化事件委托事件循环 JavaScript异步事件监听防抖节流 490浏览收藏
JavaScript大数运算实现全解析

JavaScript中可以实现大数运算，通过手动实现或使用库。1)使用字符串模拟大数，实现加法和乘法。2)推荐使用BigInt或bignumber.js库，性能更优且经过充分测试。

文章 · 前端 | 5个月前 | 490浏览收藏
标签用法与HTML换行技巧详解

最直接的换行方式是使用 标签，它是一个空元素，用于在文本中强制换行；2. 与的本质区别在于语义： 仅表示行内换行，无结构意义，而表示一个独立段落，具有块级结构和默认上下边距；3.应在地址、诗歌等需精确行内断行时用 ，而在组织逻辑段落时用；4.其他换行或布局方式包括使用块级元素（如<div>）或CSS的display:block、white-space属性控制空白处理、以

文章 · 前端 | 5个月前 | 490浏览收藏
CSS菱形裁剪：旋转容器实现图片变形

实现图片菱形裁剪的核心原理是利用transform的旋转特性与overflow:hidden结合。1.将容器旋转45度，使其视觉呈现为菱形，但其布局边界仍为原始矩形，overflow:hidden据此裁剪超出部分；2.容器内的图片通过反向旋转-45度恢复正向显示，并配合scale(1.414)放大，以覆盖旋转后菱形的对角线区域，避免边角留白；3.该方法依赖transform不改变文档流的特性，使视觉变形与实际裁剪分离，从而实现菱形效果。

文章 · 前端 | 5个月前 | CSS clip-path transform 菱形裁剪 SVG遮罩 490浏览收藏
let和var的区别及使用技巧解析

let和var最核心的区别在于作用域、变量提升行为及重复声明规则。1.var是函数作用域，而let是块级作用域；2.var存在变量提升且访问未赋值前的变量会得到undefined，而let虽然也存在变量提升但处于“暂时性死区”（TDZ）时访问会抛出ReferenceError；3.var允许在同一作用域内重复声明，而let不允许。此外，ES6推荐使用let和const的原因在于它们提供了更清晰、可预测的行为，减少了因var的模糊规则导致的常见错误，例如循环中闭包问题。let和const的区别在于const

文章 · 前端 | 5个月前 | 490浏览收藏
JavaScript异步模块化设计详解

JavaScript中异步编程的模块化设计核心在于封装独立异步操作为可复用单元，依赖Promises与Async/Await实现清晰边界和高效协作。首先将异步操作（如网络请求）封装为返回Promise的函数，通过.then()/.catch()或async/await处理结果；其次使用ESM或CommonJS规范组织模块，实现职责分离；最后利用Promise.all()等工具组合多个异步任务，并统一错误处理。相比传统回调，Promises和Async/Await提升了可读性、错误传播能力和模块内聚性，解决

文章 · 前端 | 5个月前 | 490浏览收藏
HTML添加地图标记教程详解

HTML本身不能直接画地图点，因为它只负责结构，不具备动态交互能力；2.实现地图标记需借助JavaScript和地图API，在HTML中创建容器div；3.引入地图库的CSS和JS文件；4.使用JavaScript初始化地图并设置中心点和缩放级别；5.添加瓦片图层以显示地图底图；6.调用地图库方法添加标记点并绑定经纬度；7.可选地为标记点添加弹出信息框、自定义图标、事件监听、数据绑定、集群化显示等交互功能；整个过程依赖JavaScript操作DOM与地图服务交互，最终在网页上渲染出可交互的地图标记，该方案

文章 · 前端 | 5个月前 | 490浏览收藏
事件循环调试技巧与问题解决方法

调试事件循环问题的核心是理解JavaScript单线程与任务队列机制，明确宏任务（如setTimeout）先执行、微任务（如Promise）紧随其后清空的顺序；2.使用浏览器Performance面板录制并分析主线程火焰图，定位超过50毫秒的长任务，识别是脚本执行、频繁DOM操作还是渲染瓶颈；3.在Node.js中借助--inspect、perf_hooks或clinic.js工具监控事件循环阶段（如poll阻塞）和CPU/内存使用情况，排查同步I/O或CPU密集型操作导致的服务器响应延迟；4.优化方案包

文章 · 前端 | 5个月前 | 490浏览收藏
ScrollControls触摸控制怎么实现？

本文旨在解决在使用ScrollControls时触摸控制失效的问题。通过分析代码冲突的原因，提供了一种简单有效的解决方案，即禁用可能冲突的OrbitControls，从而启用ScrollControls的触摸滚动功能。本文将指导您如何在Three.js项目中正确配置ScrollControls，使其在触摸设备上也能流畅运行。

文章 · 前端 | 5个月前 | 490浏览收藏
CSS多尺寸背景图显示技巧

本文旨在解决在使用CSS显示不同尺寸的PNG图标时，由于图标本身包含透明背景，导致在页面上显示尺寸不一致的问题。我们将探讨如何利用object-fit属性，灵活控制图像在容器中的缩放和裁剪方式，从而保证所有图标都能以期望的尺寸呈现，解决图标显示大小不一的问题。

文章 · 前端 | 5个月前 | 490浏览收藏
暗黑模式实现与CSS变量切换技巧

实现暗黑模式的核心方案有两种：1.基于系统偏好自动切换，通过CSS的@media(prefers-color-scheme:dark)检测用户操作系统设置，自动应用暗色主题变量；2.用户手动切换，通过JavaScript操作HTML元素的类名（如dark-theme）并结合localStorage保存用户选择，实现个性化主题记忆。这两种方式通常结合使用，优先读取localStorage中的用户偏好，若无则根据系统偏好设置初始主题。CSS变量是实现主题切换的关键，因其具备集中管理、动态修改、可继承与层叠、调

文章 · 前端 | 5个月前 | 490浏览收藏

1 143 144 145 4780

查看更多

课程推荐

前端进阶之JavaScript设计模式

设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。

543次学习
GO语言核心编程课程

本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。

516次学习
简单聊聊mysql8与网络通信

如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让

500次学习
JavaScript正则表达式基础与实战

在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。

487次学习
从零制作响应式网站—Grid布局

本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。

485次学习
Golang深入理解GPM模型

Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。

474次学习

查看更多

AI推荐

ChatExcel酷表

ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。

3711次使用
Any绘本

探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。

3981次使用
可赞AI

可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。

3921次使用
星月写作

星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。

5095次使用
MagicLight

MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。

4292次使用