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

分类:

最新
热门

一周内

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

CSS首行缩进设置：中文怎么空两格

在HTML中实现中文段落两格缩进可以通过CSS的text-indent属性实现。具体方法是：1.使用p{text-indent:2em;}实现两格缩进，2em相当于两个汉字宽度。2.确保在不同设备和浏览器上的一致性，可以选择em单位或px单位。3.处理段落内嵌套元素时，可使用pimg,pblockquote{text-indent:0;}重置缩进。

文章 · 前端 | 4天前 | 479浏览收藏
Node.js事件循环详解与优化技巧

事件循环阻塞会显著影响Node.js应用的响应速度和吞吐量。1.阻塞导致请求回调堆积，响应延迟上升；2.事件循环调度能力下降，单位时间内处理请求数减少；3.并发能力受限，系统承载压力降低。关键指标包括事件循环延迟、活跃句柄数、活跃请求数及事件循环利用率。优化策略包括：1.避免同步I/O操作，优先使用异步API；2.将CPU密集型任务移至worker_threads；3.分块处理大数据，合理调度任务；4.强化错误处理机制，防止异常中断；5.审查代码，减少不必要的同步计算。

文章 · 前端 | 3天前 | 479浏览收藏
CSS数据可视化效果实现技巧

使用CSS伪元素实现数据标记的核心方法是通过content属性结合定位技术在不修改HTML结构的前提下添加装饰性内容。1.使用::before或::after插入文本、图标或图形，例如价格单位“元”或状态标签“NEW”。2.通过position:absolute实现伪元素的精确定位，并配合父元素的position:relative布局。3.利用attr()函数动态读取data-*属性值以显示不同内容。4.在响应式设计中结合媒体查询控制伪元素的显示与隐藏。5.控制层叠上下文避免被覆盖，同时使用transfo

文章 · 前端 | 8小时前 | 479浏览收藏
异步函数超时中断解决方案

处理异步函数的超时中断，核心在于引入时间限制机制以主动终止未完成的操作，避免资源占用或程序卡死。1.使用Promise.race模式：通过让异步操作与定时器Promise赛跑实现超时判断，若定时器先完成则返回超时错误，但此方法无法真正中断底层操作，仅在逻辑上“忽略”结果；2.使用AbortController：提供真正的取消机制，适用于支持AbortSignal的API（如fetch），能中止底层操作并释放资源，需在自定义函数中监听signal.aborted状态以执行清理逻辑。两者适用场景不同：Prom

文章 · 前端 | 6天前 | 478浏览收藏
HTML表格本地存储技术解析与实现方法

HTML表格数据实现本地存储的核心技术包括localStorage、sessionStorage和IndexedDB。1.localStorage适合数据量小、结构简单的场景，如用户偏好设置或小型数据缓存，通过JSON.stringify()序列化数据后存储；2.sessionStorage用于临时性数据，如多步表单中的页面状态，关闭标签页后自动清除；3.IndexedDB适用于数据量大、需复杂查询的场景，支持异步操作、事务处理和索引查询，能高效管理结构化数据；4.其他方案如ServiceWorkers结

文章 · 前端 | 6天前 | 478浏览收藏
JS调用NFC功能的实现方法

JavaScript操作NFC主要通过WebNFCAPI实现，需在HTTPS安全上下文下由用户手势触发，使用NDEFReader对象读写NDEF格式数据；2.读取标签需创建NDEFReader实例，监听onreading事件并调用scan()方法；3.写入数据通过write()方法将包含文本、URL等记录的消息写入标签；4.可调用makeReadOnly()方法将标签设为只读；5.该API不支持低级APDU命令、NFC卡模拟、点对点通信及后台扫描；6.浏览器支持有限，主要适用于Android的Chrome

文章 · 前端 | 2天前 | 478浏览收藏
JavaScript获取年份方法详解

getFullYear()方法用于获取本地时间的四位数年份，解决跨世纪年份解析问题。它直接返回完整年份如2023或1995，而不像废弃的getYear()那样对1900-1999年份返回减去1900的结果（如1995年返回95），现代浏览器中getYear()可能返回年份减1900的值（如2023年返回123），因此推荐始终使用getFullYear()。此外，Date对象还提供getMonth()（0-indexed月份）、getDate()（月中的天数）、getDay()（星期几）、getHours(

文章 · 前端 | 13小时前 | 478浏览收藏
CSS递归控制树形菜单checkbox方法

纯CSS无法实现真正的checkbox递归控制，但可以实现视觉联动效果。1.展开/折叠菜单：通过:checked伪类结合~选择器显示或隐藏子菜单，并可配合过渡动画；2.选中状态高亮：利用:checked伪类改变选中项及其标签的样式；3.鼠标悬停反馈：通过:hover伪类增强交互体验；4.层级缩进：使用padding或margin区分不同层级；5.禁用状态提示：通过:disabled伪类调整不可操作项的外观。这些效果仅限于视觉层面，无法进行数据处理或逻辑判断。真正实现父子节点checkbox的递归控制，如勾

文章 · 前端 | 6天前 | 477浏览收藏
HTML脚本优化，4种加速渲染方法解析

脚本加载优化的核心在于减少阻塞以提升页面渲染速度，常用策略包括async异步加载、defer延迟加载、动态创建脚本标签和模块化加载。1.async用于独立性强、不依赖DOM的脚本，下载时不阻塞解析且执行顺序不确定；2.defer用于需操作DOM或存在依赖关系的脚本，下载时不阻塞解析且按顺序执行；3.动态创建<script>标签实现按需加载，适用于用户交互后才需要的功能；4.模块化加载（如ESModules）通过代码拆分和按需加载提升性能与可维护性。此外，还可结合CDN、资源预加载、HTTP/2

文章 · 前端 | 5天前 | 477浏览收藏
JavaScript异步编程模式详解

在JavaScript中处理异步编程，主流推荐模式是Promises与async/await的组合。其一，Promise对象通过三种状态（pending、fulfilled、rejected）及其链式调用方法（.then()、.catch()、.finally()），使异步流程更清晰；其二，async/await作为基于Promise的语法糖，让异步代码具备同步代码的直观性，尤其适合顺序执行多个异步操作；其三，并行任务可使用Promise.all()、Promise.race()或Promise.allS

文章 · 前端 | 4天前 | 477浏览收藏
JS语音合成实现全解析

JavaScript实现语音合成的核心是WebSpeechAPI，通过speechSynthesis检查浏览器支持性；2.创建SpeechSynthesisUtterance对象并设置文本内容；3.配置语速rate、音调pitch、音量volume及选择语言语音；4.调用speechSynthesis.speak(utterance)开始合成；5.监听onstart、onend、onerror等事件处理播放状态；6.使用cancel、pause和resume控制播放；7.兼容性问题可通过polyfill、

文章 · 前端 | 3天前 | JavaScript 语音合成 WebSpeechAPI SpeechSynthesis SpeechSynthesisUtterance 477浏览收藏
Flex与Grid等高布局对比详解

现在实现CSS等高布局最推荐的方式是使用Flexbox和Grid。Flexbox通过设置父容器为display:flex;，子项默认会在交叉轴上拉伸以保持高度一致，适用于一维布局场景；2.Grid则通过定义行和列的结构，使同一行中的单元格自动等高，更适合处理二维复杂布局。两者都能直观、高效地实现等高效果，替代了过去依赖float、inline-block或JavaScript的复杂方式。

文章 · 前端 | 3天前 | 477浏览收藏
JavaScript数组filter方法详解

在JavaScript中，Array.prototype.filter方法是处理数组时非常强大且常用的工具。它的用法简单但功能强大，允许你根据特定条件过滤数组中的元素，返回一个新的数组。让我们深入了解一下filter方法的使用，以及它在实际编程中的一些应用场景和技巧。Array.prototype.filter方法接收一个回调函数作为参数，这个回调函数会对数组中的每个元素执行，并返回一个布尔值。根据这个布尔值，filter方法会决定是否将该元素包含在返回的新数组中。让我们看一个简单的例子：constnu

文章 · 前端 | 1天前 | 477浏览收藏
CSS中span的作用及定义说明

CSS中的span是一个内联元素，用于文本样式化和分组。1.span是无语义的内联元素，不影响布局。2.通过CSS，span可用于改变文本的颜色、字体等。3.span不适合布局，应避免过度嵌套以优化性能。

文章 · 前端 | 10小时前 | 477浏览收藏
JavaScript异常处理：try...catch详解

JavaScript的try...catch语句用于处理运行时错误，防止程序崩溃，并允许开发者优雅地捕获和响应异常。1.try块中放置可能出错的代码；2.catch块捕获并处理错误，接收包含错误信息的对象；3.finally块无论是否发生错误都会执行，适合清理资源。此外，error对象提供message、name和stack等属性，有助于精准调试和记录日志。对于异步操作，Promise使用.catch()方法处理拒绝，而async/await则通过try...catch捕获await表达式的错误，确保异步

文章 · 前端 | 6天前 | 476浏览收藏

1 8 9 10 161

查看更多

课程推荐

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

116次使用
MiniWork

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

111次使用
NoCode

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

128次使用
达医智影

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

120次使用
智慧芽Eureka

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

124次使用