前端技术文章-Golang学习网

分类:

最新
热门

三天内

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

HTML中param标签怎么用？

param标签用于为HTML中的object或已废弃的applet元素提供参数，通过name和value属性定义配置项，如Flash动画的源文件、质量、背景色等；2.现代插件参数设置主要通过JavaScript配置对象、HTMLdata-属性或前端框架的props/inputs实现，使组件行为可定制；3.param标签在现代Web开发中已基本被淘汰，因HTML5原生标签和JavaScriptAPI替代了插件需求，仅在维护遗留系统时可能遇到；4.前端组件接收配置的常见方式包括：JavaScript对象（结构

文章 · 前端 | 1天前 | 428浏览收藏
HTML图表可访问性技巧：ARIA与语义标签应用

为HTML图表提供可访问的替代，核心在于确保所有用户都能完整理解图表信息。1.对于简单图表，使用简洁的alt属性进行描述；2.对于中等复杂度图表，结合aria-labelledby和aria-describedby关联标题与详细描述；3.对于复杂图表，提供结构化HTML数据表格供用户查看原始数据；4.对极其复杂或数据量庞大的图表，可链接到单独的描述页面或数据文件。此外，避免常见误区，如过度依赖alt文本、仅提供原始数据而缺乏解读、忽视动态图表的无障碍更新。高级技巧包括实现键盘导航、分层信息披露、声音图（S

文章 · 前端 | 1天前 | 344浏览收藏
CSS居中技巧全解析

CSS中实现居中的方法包括：1.文本居中，使用text-align:center;适用于单行文本或内联元素。2.块级元素水平居中，使用margin:0auto;需设置宽度。3.单行文本垂直居中，使用line-height与高度相同。4.绝对定位居中，使用position:absolute;和transform:translate(-50%,-50%);适用于任何元素。5.Flexbox布局，使用display:flex;、justify-content:center;和align-items:center

文章 · 前端 | 1天前 | 113浏览收藏
JavaScript如何用pipe依次执行函数

最直接的方式是使用管道（pipe）函数实现函数的顺序执行与数据传递，1.pipe函数通过reduce方法将多个函数从左到右依次执行，前一个函数的输出作为下一个函数的输入；2.compose函数则从右到左执行，符合数学上的函数复合概念；3.实际应用中pipe更符合数据流动的直觉，适用于数据转换、中间件、表单验证等场景；4.对于异步操作，可通过asyncPipe利用Promise链式调用实现；5.错误处理在同步管道中可用try...catch捕获，在异步管道中可通过.catch()统一处理，确保流程的健壮性。

文章 · 前端 | 1天前 | JavaScript 错误处理异步操作管道函数组合 303浏览收藏
JavaScript发送AJAX请求的几种方式

在JavaScript中发送AJAX请求可以使用XMLHttpRequest对象或fetchAPI。1)使用XMLHttpRequest发送GET请求：创建对象、设置请求方法和URL、处理响应。2)使用fetchAPI发送GET请求：简洁且支持Promise，处理响应和错误。注意跨域请求、错误处理、性能优化和安全性。

文章 · 前端 | 1天前 | 204浏览收藏
CSS视差滚动实现与perspective应用解析

CSS实现视差滚动的核心方法有三种：1.使用background-attachment:fixed，适用于背景图层，实现简单且兼容性好，但仅限于背景且效果单一；2.利用transform:translateZ()结合perspective属性，通过3D变换实现多图层深度视差，需JavaScript动态控制滚动位移，效果丰富但性能开销较大；3.结合前两者，既用fixed背景营造基础视差，又用3D变换增强元素层次感。perspective属性定义观察距离，值越小透视越强，必须作用于父容器以影响子元素的3D呈现

文章 · 前端 | 1天前 | 性能优化 perspective 视差滚动 background-attachment:fixed transform:translateZ() 178浏览收藏
交互式HTML文件是什么？怎么打开？

交互式HTML通过JavaScript和CSS实现用户交互、动态内容更新及与后端通信，使网页具备动态功能；2.查看HTML内容最直接的方式是使用现代浏览器（如Chrome、Firefox）打开文件或网址，浏览器会解析代码并渲染成可视界面；3.查看HTML原始代码可使用文本编辑器（如记事本）或专业工具（如VSCode、SublimeText），后者提供语法高亮、代码补全等功能提升可读性与编辑效率；4.调试交互式HTML推荐使用浏览器开发者工具（按F12或右键“检查”），其中元素面板可查看和修改HTML/CS

文章 · 前端 | 1天前 | JavaScript 浏览器开发者工具跨浏览器兼容性交互式HTML 360浏览收藏
HTML表格交替列颜色实现方法分享

最直接且优雅为HTML表格添加交替列颜色的方式是使用CSS的nth-child伪类选择器作用于<td>元素。1.通过td:nth-child(even)和td:nth-child(odd)分别设置偶数列和奇数列的背景色；2.nth-child基于同级元素位置计算，适用于标准表格结构；3.遇到colspan或rowspan时需采用JavaScript辅助或手动添加类等方案处理。此方法依赖标准DOM结构，若表格复杂可能需要调整设计或引入脚本逻辑以确保视觉一致性。

文章 · 前端 | 1天前 | 175浏览收藏
跳过链接是什么？怎么用HTML实现？

跳过链接是一种提升可访问性的关键设计，它通过HTML锚点功能，让用户特别是键盘和屏幕阅读器用户能快速跳过重复导航内容，直达主内容区域。具体实现包括：1.在页面顶部添加指向主内容ID的链接；2.在目标内容区域设置相同ID并加tabindex="-1"以支持聚焦；3.使用CSS隐藏链接并在获得焦点时显示。其重要性在于避免用户反复Tab遍历冗余内容，体现对不同用户群体的尊重，并符合WCAG标准。常见误区包括错误隐藏方式、焦点管理不当、目标元素不明确及样式突兀。进阶技巧涵盖多重跳过链接、SPA动态内容适配、视觉反

文章 · 前端 | 1天前 | 348浏览收藏
JavaScript闭包实现分页状态保存

闭包在JavaScript中保存分页状态是通过函数作用域使变量在函数执行后仍驻留在内存中，1.使用IIFE创建闭包封装分页变量并返回操作方法；2.闭包可能导致内存泄漏，可通过及时解除引用、避免循环引用、使用WeakRef来避免；3.其他保存分页状态的方法包括使用URL参数、LocalStorage/SessionStorage、Cookie、Redux/Vuex等状态管理库；4.在React/Vue中可结合useState和useEffect等Hook或CompositionAPI利用闭包特性管理分页状态

文章 · 前端 | 1天前 | 内存泄漏状态管理 hook JavaScript闭包分页状态 329浏览收藏
HTML表单创建方法及form属性详解

HTML表单中action属性指定表单数据提交的目标URL，method属性定义数据提交的HTTP方法（GET或POST）；2.action决定数据发送到哪里，method决定发送方式，GET将数据附加在URL后，适合非敏感信息查询，POST将数据放在请求体中，适合传输敏感或大量数据；3.HTML5新增了多种输入类型，如email、url、number、date、range、color、tel等，提升移动端体验并提供基础客户端验证；4.构建复杂表单时需注意：始终使用label标签确保可访问性，input元

文章 · 前端 | 1天前 | HTML表单 form标签 action属性 method属性 HTML5输入类型 321浏览收藏
HTML属性是什么？常用属性有哪些？

HTML属性用于为元素提供额外信息，通常以“属性名=属性值”形式出现在开始标签中，属性值应使用引号括起。1.alt属性：用于img标签，提供图片无法加载时的替代文本，提升可访问性和SEO。2.class属性：为元素指定一个或多个类名，便于通过CSS统一应用样式，多个类名用空格分隔。3.id属性：为元素设置唯一标识，用于精准定位元素，适用于CSS、JavaScript或页面锚点跳转。4.style属性：直接在HTML中定义内联样式，适用于快速测试但不推荐长期使用。5.title属性：提供鼠标悬停时的提示信息

文章 · 前端 | 1天前 | 元素 HTML属性 data-*属性 class属性 src属性 111浏览收藏
iframesrcdoc用法及注意事项

srcdoc属性允许在iframe中直接嵌入HTML内容，无需外部请求，适用于小型、动态或需隔离的场景。1.使用srcdoc可避免HTTP请求，提升渲染速度，适合预览用户输入的HTML、展示代码片段或组件；2.与src属性相比，srcdoc为内联内容，而src加载外部资源，前者适合静态或动态小内容，后者适合大型或频繁更新的页面；3.安全性方面，srcdoc默认具有唯一源隔离，但必须配合sandbox属性使用，如sandbox="allow-scripts"可允许脚本执行，同时限制其他权限，防止XSS攻击；

文章 · 前端 | 1天前 | 256浏览收藏
CSS粘性头部实现技巧分享

position:sticky是CSS中用于实现粘性定位的属性，其核心机制是通过设置position:sticky并配合top、bottom、left或right偏移量，使元素在滚动到特定位置时“粘”在视口某侧；1.它结合了相对定位与固定定位的特点，在未触发粘性条件时保持文档流布局，在触发后表现类似fixed定位；2.应用场景包括粘性导航栏、侧边栏目录、列表分组标题、表格表头、购物车按钮等提升用户体验的设计；3.与position:fixed的区别在于sticky元素受父容器限制且只在特定区域内生效，而f

文章 · 前端 | 1天前 | 143浏览收藏
CSSfloat属性怎么用？清除浮动方法有哪些

float属性用于让元素脱离文档流并实现图文环绕或列布局，其常见场景包括文字环绕图片、多列布局及水平导航菜单。清除浮动的常用方法包括：1.使用clear属性添加空div，优点是直观但增加了冗余HTML；2.通过overflow:hidden或auto创建BFC，优点是无需额外标签但可能裁剪内容；3.clearfix伪元素方法，语义良好且推荐使用。浮动导致父元素高度塌陷的原因在于浮动元素脱离文档流，现代布局如Flexbox和Grid通过保持子元素在文档流中自动撑开容器高度，从根本上解决了该问题。

文章 · 前端 | 1天前 | 344浏览收藏

1 23 24 25 70

查看更多

课程推荐

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

119次使用
MiniWork

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

114次使用
NoCode

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

131次使用
达医智影

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

123次使用
智慧芽Eureka

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

127次使用