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

分类:

最新
热门

请选择

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

CSS设置数据空状态样式，让页面更友好

要处理数据空状态的CSS样式，尤其是placeholder样式，核心在于结合CSS选择器和JavaScript逻辑来控制视觉呈现。1.对于输入框占位符，直接使用::placeholder伪元素定义样式，如颜色、字体等；2.对于非输入框的数据空状态，通过JavaScript或后端为容器添加特定类名或属性，再由CSS响应这些状态变化以展示空提示内容；3.可利用:empty伪类实现纯CSS方案，但其对空白敏感，适用性受限；4.推荐使用基于类名或自定义属性的方式，由JavaScript判断数据状态并切换类名或属性

文章 · 前端 | 1星期前 | 479浏览收藏
JavaScript动态仪表盘制作教程

在JavaScript中创建仪表盘主要有两种方法：1.使用CanvasAPI，适合需要频繁更新的场景；2.使用SVG，适用于复杂图形和不需要频繁更新的场景。这两种方法各有优缺点，选择时需考虑性能、响应式设计、用户交互、可访问性和数据驱动等因素。

文章 · 前端 | 1星期前 | 479浏览收藏
JS类的作用与适用场景解析

JavaScript中的class本质上是语法糖，但带来了可读性、继承简化、默认严格模式和封装增强等实质性改进；2.适用于UI组件、数据模型、服务类等需结构化封装的场景，提升代码组织性和复用性；3.常见坑包括this绑定问题、过度设计、缺乏私有性、继承复杂性和与函数式范式的权衡，需合理使用以写出健壮代码。

文章 · 前端 | 1星期前 | 479浏览收藏
HTML分割线标签使用及属性详解

在HTML中创建分割线，最直接、最标准的方法就是使用标签。它代表一个主题性的分隔，通常在视觉上表现为一条水平线。这个标签是自闭合的，不需要结束标签。解决方案要创建一条分割线，你只需要在HTML文档中你希望出现分隔的地方插入标签即可。例如：这是第一段内容。这是第二段内容，通过分割线与第一段隔开。从语义上讲，标签表示内容中主题的改变。比如，一篇文章从一个话题切换到另一个话题，或者一个故事场景的转换。它不仅仅是视觉上的分隔，更承载了结构上的意义。当然，在视觉呈现上，浏览器会默认给它一个样式，通常是一条灰色的

文章 · 前端 | 1星期前 | 479浏览收藏
藏文混排技巧：CSStext-orientation使用解析

要实现藏文与中文在竖排场景下的正确混排，关键在于使用text-orientation:upright确保字符直立；1.设置writing-mode:vertical-rl以启用竖排布局；2.使用text-orientation:upright强制中文、藏文及拉丁字符均保持直立，避免旋转；3.选择支持双文字的统一字体，如Noto系列；4.调整line-height优化行间距；5.通过text-align控制对齐，text-combine-upright处理横向字符组合；6.解决字体缺失、渲染差异、跨浏览器兼

文章 · 前端 | 1星期前 | CSS writing-mode text-orientation 藏文中文混排竖排 479浏览收藏
JavaScript数字非空验证方法

在JavaScript交互式程序中，对用户输入进行有效验证至关重要。本文将详细介绍如何使用prompt函数获取用户输入，并结合类型转换（如Number()或一元加号操作符+）以及条件判断（如isNaN()、非空检查）来确保用户输入既非空又符合数值要求。通过循环结构实现持续验证，提升程序的健壮性和用户体验。

文章 · 前端 | 1星期前 | 479浏览收藏
2. "> 2. ">

2. ">figure和figcaption是HTML5中用于更好地语义化图片与标题关系的标签。它们能提升网页的可访问性和SEO优化。一、基本用法1. figure 标签
用于包裹独立的内容，比如图片、图表、代码块等。它表示一个“图示”或“插图”，通常与文本内容相关但可以独立存在。

2.

使用figure和figcaption标签能实现图片或其他媒体与其标题的语义化组合，1.figure作为自包含内容单元，可包裹img、video、code等媒体或内容；2.figcaption为其提供描述性标题，可置于媒体前后；3.语义化结构使屏幕阅读器能识别标题与内容的关联，提升可访问性；4.搜索引擎借此理解媒体上下文，增强SEO效果；5.相比div+p，figure+figcaption不仅实现视觉组合，更明确传达内容关系；6.适用场景包括代码片段、图表、音视频、引用块及多图组合；7.正确使用可提升内

文章 · 前端 | 1星期前 | 479浏览收藏
Node.js的blocked-at与事件循环紧密相关，当主线程被阻塞时，事件循环无法正常处理其他任务。blocked-at是Node.js中用于标记代码执行位置的机制，通常在异步操作未完成时，事件循环会继续处理其他任务，而一旦遇到同步阻塞操作（如长时间计算或未正确使用异步API），事件循环就会被“阻塞”，导致性能下降和响应延迟。关键点解析：事件循环的作用Node.js基于事件循环模型，用于处理非

Node.js事件循环中的blocked-at属性揭示了事件循环被长任务阻塞的时间点，直接影响应用性能和响应能力；blocked-at是V8引擎提供的指标，用于记录执行时间过长的JavaScript代码或同步操作导致的阻塞；可通过DiagnosticReport或APM工具结合perf_hooks模块监听longtask来检测阻塞；常见阻塞原因包括CPU密集型任务、同步I/O、低效正则表达式和死循环；解决方法依次为：1.使用异步I/O替代同步操作；2.利用WorkerThreads处理CPU密集型任务；3

文章 · 前端 | 1星期前 | Node.js 性能阻塞事件循环 blocked-at 479浏览收藏
判断对象是否被密封的几种方法

判断JavaScript对象的原型是否被密封，核心在于检查原型是否允许添加新属性。1.首先验证输入是否为对象，不是则返回false；2.获取对象的原型，若无原型则返回false；3.使用Object.isSealed()直接检测原型是否被密封，若是则返回true；4.尝试向原型添加测试属性并立即删除，若添加成功说明未密封，返回false；5.若添加属性抛出异常，则说明原型被密封，返回true。该方法通过检测属性可扩展性准确判断原型密封状态，并在严格模式下捕获TypeError异常。原型被密封后，子类无法向

文章 · 前端 | 5天前 | JavaScript 性能优化继承对象原型密封 Object.seal() 479浏览收藏
微任务与异常捕获如何关联？

在JavaScript中，微任务（如Promise拒绝）产生的异常无法用常规try...catch捕获，需通过Promise链的.catch()或async/await中的try...catch处理。1.Promise拒绝会触发微任务，若未被.catch()捕获，则会成为未处理的拒绝，导致全局错误；2.在Promise链末尾使用.catch()可集中捕获链中所有环节的错误；3.async/await语法允许用try...catch同步方式捕获异步错误，提升代码可读性与维护性；4.全局可通过监听unhand

文章 · 前端 | 5天前 | 479浏览收藏
JavaScript数组转图表数据实战教程

本教程旨在指导开发者如何将常见的扁平化数组对象数据结构，高效转换为图表库（如Chart.js）所需的特定对象格式。通过利用JavaScript的map方法，我们将原始数据中的时间轴和各项指标数据分离并重组，从而满足动态图表渲染的需求，提升数据可视化的灵活性和兼容性。

文章 · 前端 | 4天前 | 479浏览收藏
CSS触摸反馈优化，-webkit-tap-highlight详解

移除默认高亮：使用-webkit-tap-highlight-color:transparent;消除不协调的默认点击效果；2.自定义点击反馈：通过:active伪类实现简单样式变化，或结合JavaScript监听touchstart和touchend事件添加动画类名以实现复杂反馈；3.优化触摸延迟：设置touch-action:manipulation减少双击缩放带来的延迟，提升响应速度；4.处理复杂交互：使用JavaScript监听touchstart、touchmove、touchend实现拖拽滑动

文章 · 前端 | 4天前 | :active伪类 touch-action CSS触摸反馈 -webkit-tap-highlight-color 移动Web开发 479浏览收藏
JavaScript翻译功能实现方法详解

实现JavaScript翻译功能的核心是调用翻译API并处理其差异与费用问题，1.选择合适的API如DeepL、百度或有道；2.注册获取APIKey作为调用凭证；3.使用fetch或XMLHttpRequest发送请求，并通过async/await优化代码可读性；4.针对不同API返回格式解析数据并做好错误处理；5.通过缓存、延迟翻译和批量处理提升性能；6.构建抽象层统一接口以应对API差异；7.控制调用频率、监控用量并利用免费额度降低费用；最终实现高效、稳定且低成本的前端翻译功能。

文章 · 前端 | 3天前 | 性能优化 APIKey 费用管理翻译API JavaScript翻译 479浏览收藏
JS发送POST请求的几种方式

用JavaScript发送POST请求最直接的方法是使用XMLHttpRequest对象，但现代开发中更推荐使用fetchAPI。使用fetchAPI发送POST请求的步骤如下：1.使用fetch函数发送请求，设置method为'POST'，并在headers中设置'Content-Type'为'application/json'。2.在body中使用JSON.stringify()将数据转换为JSON格式。3.使用.then处理响应，使用.catch处理错误。

文章 · 前端 | 3天前 | 479浏览收藏
JavaScriptPromise全面解析

Promise在JavaScript中用于异步编程，其核心在于处理异步操作的最终结果。使用Promise可以避免回调地狱，状态不可变，支持链式调用和并行执行。通过async/await语法，Promise的使用变得更加直观和高效。

文章 · 前端 | 2天前 | 479浏览收藏

1 150 151 152 500

查看更多

课程推荐

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

203次使用
MiniWork

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

207次使用
NoCode

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

204次使用
达医智影

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

210次使用
智慧芽Eureka

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

228次使用