前端技术文章-Golang学习网

分类:

最新
热门

三月内

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

WebSocket状态码详解与关闭码对照表

1006是客户端在TCP连接无声中断且未收到关闭帧时自动生成的占位码，不来自服务端、无reason、日志不可查，根因需结合网络超时、代理静默断连、进程崩溃等上下文排查。

文章 · 前端 | 2星期前 | 393浏览收藏
PWAServiceWorker注册与缓存配置教程

ServiceWorker注册失败主因是HTTPS缺失或路径错误；离线打不开HTML几乎必因未判断request.destination==='document'或缓存资源不全。

文章 · 前端 | 2星期前 | 231浏览收藏
font-size:0间隙消失怎么解决

font-size:0能消除缝隙是因为缝隙本质是父容器中被渲染的空格字符，其宽度由父级font-size决定；设为0后空格不占空间，但子元素会继承该值导致文字不可见，因此必须显式重设字号。

文章 · 前端 | 2星期前 | 293浏览收藏
CSS固定按钮点击区域偏移，absolute+padding微调技巧

按钮点击区域偏移主因是absolute定位时未校准padding对热区的影响，应检查定位基准、用transform替代top/left、加outline验证热区，并统一box-sizing:border-box。

文章 · 前端 | 2星期前 | 446浏览收藏
HTML表格与CSSGrid性能对比

HTML表格布局性能问题不在于渲染慢，而在于结构绑架导致整表重排、响应式处理低效；CSSGrid初始计算略重但可控，变化边界清晰，语义正确时性能更优。

文章 · 前端 | 2星期前 | 114浏览收藏
Sass三栏布局：Calc与浮动清除Mixin教程

结论：别用calc()+float封装三栏布局Mixin——兼容性假象大，维护成本真高，现代项目里纯属倒退。因calc()在旧版Safari等浏览器中存在解析异常，float布局本身已过时，且现代项目应优先采用Flexbox或Grid。

文章 · 前端 | 2星期前 | 410浏览收藏
动态创建与删除HTML元素方法全解析

应使用createElement()创建、remove()删除元素，注意IE兼容性需回退parentNode.removeChild()；动态表单中name属性必须用items[]格式，删除时须移除整个DOM节点；表格操作优先用insertRow()/deleteRow()。

文章 · 前端 | 2星期前 | 198浏览收藏
CSS背景图自适应高度避免裁剪方法

background-size:contain不会裁切图片，所谓“被切”实为父容器高度塌陷导致背景渲染区域过小；解决需设明确宽高、aspect-ratio或padding-top百分比技巧，并排查路径、overflow、浮动塌陷等问题。

文章 · 前端 | 2星期前 | 249浏览收藏
CSS表格颜色设置技巧

使用CSS设置表格背景色和边框色可提升可读性与美观度，建议采用浅色背景如#f9f9f9和细实线边框1pxsolid#ccc，并通过border-collapse:collapse合并边框；2.利用tr:nth-child(even)为偶数行设置交替背景色，增强横向阅读体验，配合tr:hover实现悬停高亮效果；3.表头th应使用深色背景配白色文字以突出层级；4.可通过border-left等属性对重点数据添加左侧彩条或去除特定边框实现视觉引导；5.整体设计需保持色调统一，避免过度装饰，确保信息清晰传达。

文章 · 前端 | 2星期前 | CSS 表格布局 224浏览收藏
CSS去掉最后一个元素底边线的方法

:not(:last-child)失效主因是DOM结构不符预期，如存在注释、空白文本节点或非目标元素导致:last-child判定错误；应清理结构或改用.item:has(+.item)等更鲁棒方案。

文章 · 前端 | 2星期前 | 122浏览收藏
AI聊天界面HTML布局教程

用户消息靠右、对方消息靠左仅需两条CSS：.mine.bubble设margin-left:auto，.theirs.bubble保持左对齐或设margin-right:auto；均禁用width:100%，并配max-width:80%防撑爆。

文章 · 前端 | 2星期前 | 405浏览收藏
自定义WebSocket事件，实现网络推送转DOM交互

核心思路是解耦WebSocket通信与DOM操作：收到消息后转为自定义事件（如"ws:chat:message"）派发，由业务组件监听响应。此举避免强耦合、提升复用性与可测试性，并支持多组件响应同一消息；需配合心跳状态事件、ACK机制及可选局部事件总线保障可靠性与性能。

文章 · 前端 | 2星期前 | 482浏览收藏
Node.js操作JSON数据详解

答案是利用JavaScript原生支持的JSON对象进行解析与序列化。Node.js通过JSON.parse()将JSON字符串转为对象，JSON.stringify()将对象转为JSON字符串，结合fs模块读写文件，并使用try...catch处理解析错误，确保程序健壮性。

文章 · 前端 | 2星期前 | 467浏览收藏
HTML描述列表加边框实现方法如下：使用<dl>标签创建描述列表。为<dl>添加border属性或通过CSS设置边框样式。示例代码：<dlstyle="border:1pxsolid#000;padding:10px;"><dt>术语</dt><dd>定义内容。</dd><dt>另一个术语</dt

dl标签不支持HTML的border属性，因其未被HTML规范定义；加边框须用CSS并满足宽度、样式、颜色三要素，推荐对dl整体或dt/dd组合分别设置，避免语义退化。

文章 · 前端 | 2星期前 | 126浏览收藏
WebSocket跨域问题解决方法

WebSocket跨域本质是服务端是否校验并接受Origin头，CORS响应头对其无效；需在握手阶段（101响应）显式认可Origin，Django用AllowedHostsOriginValidator，SpringBoot用setAllowedOrigins()，Nginx代理须透传Upgrade和Connection头。

文章 · 前端 | 2星期前 | 254浏览收藏

1 27 28 29 500

查看更多

课程推荐

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

剧云

剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。

101次使用
万象有声

万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！

105次使用
Red Skill

小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务，助力用户解锁更多创作者专属功能，体验高效创作！

107次使用
MiMo Code

MiMo Code 是小米大模型团队开源的新一代 AI 编程助手，面向开发者提供代码理解、生成与辅助开发能力，适合作为 AI 编程工具收藏和体验。

205次使用
TRAE Work

TRAE AI IDE | 国内首款 AI 原生集成开发环境，深度集成 Doubao-1.5-pro 与 DeepSeek 模型，支持中文自然语言一键生成完整代码框架，实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发，兼容 Windows/macOS 系统，官网下载即用。

240次使用