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

分类:

最新
热门

一月内

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

事件循环与内存管理深度解析

事件循环决定代码执行时机，直接影响变量何时创建和变得不可达，从而影响垃圾回收；2.内存泄漏常因未移除事件监听器、未清除定时器、滥用全局变量或闭包导致，这些都与事件循环调度的任务生命周期有关；3.JavaScript使用标记-清除算法回收内存，现代引擎如V8还采用分代回收和增量回收优化性能；4.避免泄漏需显式解除引用、及时清理监听器和定时器、善用WeakMap/WeakSet弱引用结构，并利用ChromeDevTools分析内存快照定位问题。

文章 · 前端 | 2天前 | 415浏览收藏
HTML表格数据标记实现方法详解

我们需要对HTML表格数据进行标记，是因为它能提升数据的可访问性、可理解性和维护性，使搜索引擎和辅助技术能准确解析表格内容。核心实现方式包括：1.使用语义化结构元素（thead、tbody、tfoot）划分表格逻辑区域；2.通过th标签定义表头单元格；3.结合scope属性（col/row）明确表头与数据的关联；4.使用caption为表格提供描述性标题；5.利用id和headers属性处理复杂表格的多维关系；6.合理使用data-属性存储自定义数据，但不替代语义标记。实际应用中应避免滥用td做表头、忽略

文章 · 前端 | 2天前 | 415浏览收藏
HTML可访问性审计是什么？怎么操作？

HTML可访问性审计的关键在于确保网页对所有用户友好，尤其残障人士。步骤包括：1.明确审计范围与目标；2.使用自动化工具（如Lighthouse、AxeDevTools、WAVE）初筛明显错误；3.进行人工深度检查，涵盖键盘导航、屏幕阅读器测试、语义化HTML验证、表单可访问性、颜色对比度、多媒体内容及ARIA属性使用；4.撰写审计报告并推动修复；5.修复后验证测试。重要性体现在法律合规、用户体验提升、SEO优化及品牌形象建设。人工审计不可或缺，因其能理解上下文、处理复杂交互及真实体验模拟。为实现持续优化

文章 · 前端 | 2星期前 | 414浏览收藏
CSS自定义滑块按钮制作教程

使用CSS制作自定义滑块按钮的核心是结合input[type="checkbox"]的状态与伪元素、过渡效果；2.HTML结构需包含隐藏的checkbox和用于视觉呈现的label及span；3.通过position定位、transform滑动、背景色变化实现滑动动画；4.可自定义颜色、形状（修改border-radius）、尺寸（width/height）；5.添加文字提示需用.slider:after配合:checked控制content内容；6.响应式布局使用em/rem单位和媒体查询调整不同屏幕下

文章 · 前端 | 2星期前 | 可用性伪元素过渡效果 CSS自定义滑块按钮 input[type="checkbox"] 414浏览收藏
JS设置对象原型指向函数的方法

可以通过Object.setPrototypeOf()或proto属性让对象的原型指向一个函数，但更常见且正确的继承方式是指向函数的prototype属性；2.使用Object.setPrototypeOf()是现代推荐做法，Object.create()适合创建时指定原型，__proto__不推荐；3.直接指向函数本身会继承其静态属性和Function.prototype方法，但通常不符合行为继承的预期；4.实际开发中推荐使用ES6Class或Object.create()来管理原型链，避免动态修改原型

文章 · 前端 | 2星期前 | 414浏览收藏
JS中JSON.parse与JSON.stringify详解

JSON.parse用于将JSON字符串转换为JavaScript对象，而JSON.stringify则用于将JavaScript对象转换为JSON字符串。1.JSON.parse通过反序列化接收JSON字符串并返回对象，若格式错误则抛出SyntaxError；2.JSON.parse可接受reviver函数以处理键值对，如将日期字符串转为Date对象；3.JSON.stringify将对象序列化为JSON字符串，可使用replacer函数过滤或修改属性；4.JSON.stringify支持space参数

文章 · 前端 | 2星期前 | 反序列化序列化 JSON.parse JSON.stringify Web数据交换 414浏览收藏
Vuev-if指令作用及使用场景解析

v-if根据条件决定元素是否渲染到DOM，条件为假时完全销毁元素及其组件、事件和数据请求；2.v-if与v-show区别在于：v-if操作DOM实现“存在或不存在”，开销大适合不常切换场景，v-show仅切换display样式实现“看得见或看不见”，适合频繁切换；3.v-if会触发组件完整生命周期钩子（如mounted和unmounted），需在销毁前清理资源避免内存泄漏；4.使用v-if避免与v-for同用、推荐用template分组或父级控制，复杂条件抽成computed，必要时加key确保组件独立。

文章 · 前端 | 2星期前 | 414浏览收藏
HTML表格数据关联显示的技巧有哪些？

HTML表格可通过后端预关联或前端JavaScript动态处理实现数据关联显示。常见方式包括：1.后端SQLJOIN操作生成扁平化数据集，前端直接渲染；2.前端通过多API获取数据并用JS匹配关联；3.嵌套子表格展开显示关联信息；4.使用视觉链接导航到关联页面。针对大型数据集，应采用分页加载、虚拟滚动、服务器端筛选及懒加载策略。前端实现时需注意性能优化、内存泄漏防范、数据同步及XSS防护，同时推荐使用现代框架或库提升开发效率和可维护性。此外，卡片布局、图表、树形视图、交互式数据网格和时间轴等现代展示方式也

文章 · 前端 | 2星期前 | 414浏览收藏
CSS行高设置与优化技巧

调整CSS行高通过line-height属性实现，影响文本垂直间距与可读性。设置方法包括像素值、倍数、百分比、em/rem单位及默认值normal；常见问题如样式覆盖、继承错误、元素类型限制可通过开发者工具检查解决；line-height还可用于单行文本垂直居中，将行高等于元素高度即可；合适的行高建议为字体大小的1.4到1.8倍，提升排版美观与阅读体验。

文章 · 前端 | 2星期前 | 414浏览收藏
开发者工具如何显示完整钱包地址

本文介绍如何通过浏览器开发者工具，临时性地在Etherscan.io的TopAccounts页面或其他包含截断地址的页面上显示完整的以太坊钱包地址。无需安装任何插件，只需几步简单的操作即可实现。

文章 · 前端 | 2星期前 | 414浏览收藏
响应式设计5大HTML适配方法

响应式设计通过灵活布局与媒体查询适配多设备，提升用户体验与开发效率。1.设置视口元标签控制缩放；2.使用Flexbox/Grid实现弹性布局；3.图片与媒体使用max-width与srcset自适应；4.媒体查询定义断点调整样式；5.采用rem、vw等相对单位保持比例；6.区别于自适应设计，响应式为连续流动布局，而自适应为预设固定布局；7.断点选择应以内容为主，结合设备尺寸，推荐移动优先与少量断点策略；8.性能优化包括图片压缩懒加载、CSS/JS精简拆分、字体格式优选及CDN加速等手段。

文章 · 前端 | 2星期前 | 414浏览收藏
GET与POST表单提交方式对比解析

GET和POST是HTML表单提交的两种主要方式，选择依据包括数据用途、敏感性及大小；2.GET将数据附加在URL后，适合非敏感、小量数据的获取操作，如搜索和分页，但不安全且有长度限制；3.POST将数据放在请求体中，适合敏感或大量数据的提交，如注册、登录，更安全且无长度限制；4.GET请求幂等，可缓存和书签化，POST非幂等，不被缓存；5.除GET和POST外，PUT、DELETE、PATCH用于RESTfulAPI，需通过JavaScript实现；6.提高安全性需使用HTTPS、输入验证、输出编码、C

文章 · 前端 | 2星期前 | 安全性 get 数据提交 post HTML表单 414浏览收藏
异步函数超时处理技巧分享

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

文章 · 前端 | 1星期前 | 414浏览收藏
CSS过渡动画设置教程

CSS的transition属性通过平滑改变属性值实现动画效果。1.它需要指定过渡属性（transition-property）、时长（transition-duration）、速度曲线（transition-timing-function）和延迟（transition-delay）。2.transition用于简单状态过渡，由交互触发，而animation支持多关键帧和循环播放。3.JavaScript可通过修改样式触发transition，并可用transitionend事件监听完成。4.性能优化包括

文章 · 前端 | 1星期前 | 414浏览收藏
HTML下划线常用方法有哪些

不推荐使用<u>标签是因为它原本是纯视觉标签，违背了HTML语义化原则，容易造成屏幕阅读器误解，影响可访问性；2.现代开发应使用CSS的text-decoration属性来实现下划线，以实现结构与表现分离，提升代码可维护性和样式灵活性；3.<u>标签在HTML5中保留，适用于标记拼写错误或非强调性注释等特定语义场景；4.CSS的text-decoration属性可实现下划线、上划线、删除线、波浪线等多种样式，并能自定义颜色、粗细和线型，提供更强大的视觉控制能力。

文章 · 前端 | 1星期前 | 414浏览收藏

1 107 108 109 497

查看更多

课程推荐

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