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

分类:

最新
热门

一月内

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

HTML中aria-busy正确使用方法

aria-busy适用于动态内容区域以提升可访问性，其使用场景包括异步加载内容、表单提交状态更新、实时数据刷新仪表板。1.异步加载内容区域：如无限滚动列表、AJAX表格或图表更新时，通过设置aria-busy="true"防止屏幕阅读器读取不完整信息；2.表单提交后的状态提示：在提交过程中标记相关区域为忙碌，避免用户误解；3.实时数据仪表板：在数据频繁更新时短暂标记忙碌以确保播报准确性。与aria-live协同时，先设aria-busy抑制过早播报，待内容稳定后移除busy属性触发live播报。正确使用需

文章 · 前端 | 1星期前 | 189浏览收藏
表单JSON提交实现方法详解

标准HTML表单本身不支持直接以JSON格式提交数据，必须通过JavaScript拦截提交事件，收集表单数据并转换为JSON字符串后，使用fetch或XMLHttpRequest异步发送；具体实现时可借助FormData对象快速获取表单值并转为普通对象，再根据需要处理数据类型或结构，最终通过设置请求头Content-Type为application/json将JSON数据发送至后端；后端如Express、Flask或Laravel等主流框架均能自动解析该类请求，只需启用相应中间件或调用内置方法即可获取解析

文章 · 前端 | 6天前 | 189浏览收藏
JS变量声明方式全解析

JavaScript中var、let和const的核心区别在于作用域、提升和重复声明/赋值：var是函数作用域，存在变量提升且允许重复声明；let和const为块级作用域，存在暂时性死区，不允许重复声明，其中const声明的变量不可重新赋值。

文章 · 前端 | 5天前 | 189浏览收藏
HTML表单跨域提交与CORS解决方法

实现HTML表单的跨域提交，核心在于使用JavaScript（如FetchAPI）拦截表单提交并发送异步请求，同时服务器端必须正确配置CORS响应头（如Access-Control-Allow-Origin、Access-Control-Allow-Credentials等），以允许指定源的请求并处理预检请求（OPTIONS），从而实现安全的跨域数据交互，该方案优于JSONP、代理等传统方法，是现代Web开发的标准做法。

文章 · 前端 | 5天前 | 189浏览收藏
手动控制事件循环执行顺序的技巧

手动控制事件循环的本质是利用API将任务插入不同队列以影响执行顺序，而非直接干预底层机制；2.process.nextTick()优先级最高，在当前宏任务后立即执行，甚至早于Promise微任务；3.Promise.then()属于微任务，在nextTick之后、宏任务前执行；4.setImmediate()在I/O回调后的check阶段执行，比setTimeout(0)更早且稳定；5.setTimeout(0)受系统最小延迟影响，在timers阶段执行，时机不如setImmediate可靠。

文章 · 前端 | 2天前 | 189浏览收藏
CSSmargin实用技巧分享

margin属性在CSS中的用法和技巧包括：1.控制元素间距，如p{margin-bottom:20px;}。2.实现自动居中，如div{width:800px;margin:0auto;}。3.理解外边距重叠，如两个段落的margin-bottom和margin-top会重叠。4.使用负margin值调整布局，如.element{margin-left:-10px;}。5.性能优化建议避免使用百分比单位的margin。6.保持margin和padding的一致性以提高CSS代码的可维护性。

文章 · 前端 | 3星期前 | 188浏览收藏
CSS旋转加载动画制作方法

答案是利用@keyframes和transform:rotate()创建旋转动画，通过border差异形成动态缺口，配合animation实现持续旋转；优化可采用linear时间函数、GPU加速（如translateZ或will-change）以提升流畅度；自定义可通过调整animation-duration、颜色、尺寸等属性实现；项目中推荐使用CSS变量、组件化封装和工具类提高复用性，并添加role="status"、aria-live="polite"及sr-only文本增强可访问性。

文章 · 前端 | 3星期前 | animation GPU加速 @keyframes CSS旋转加载动画 transform:rotate() 188浏览收藏
BOM画中画功能怎么开启？

操作浏览器画中画功能的核心在于使用HTMLVideoElement的requestPictureInPicture()方法进入PiP模式，以及document.exitPictureInPicture()退出；1.进入PiP需调用videoElement.requestPictureInPicture()，并处理Promise成功或失败情况；2.退出PiP可通过document.exitPictureInPicture()实现；3.requestPictureInPicture()必须由用户手势触发，不能

文章 · 前端 | 3星期前 | 188浏览收藏
JS历史记录管理实用技巧分享

JavaScript通过HistoryAPI管理浏览器历史记录，核心是利用pushState、replaceState方法和popstate事件实现无刷新的URL变更与页面内容更新，从而在单页应用中模拟多页导航。使用pushState可添加新历史记录并改变URL，replaceState则替换当前记录避免后退重复提交，popstate事件用于监听前进后退操作并响应式更新界面，而首次加载或直接访问子路由时需依赖服务器配置回退至index.html以确保前端路由生效，相比传统哈希路由，HistoryAPI能实

文章 · 前端 | 3星期前 | 188浏览收藏
HTMLSSE技术解析：三种实时更新方法详解

SSE（Server-SentEvents）是一种服务器向客户端推送实时数据的单向通信方式，适用于股票行情、新闻推送、聊天消息等场景。1.使用JavaScript连接SSE流的方法是创建EventSource对象并监听事件，如onmessage处理默认消息，onerror处理错误，addEventListener监听自定义事件；2.服务器端发送SSE事件需设置Content-Type为text/event-stream，并按格式发送以data:开头、\n\n结尾的数据，示例使用Node.js每秒推送递增消

文章 · 前端 | 2星期前 | 实时更新自定义事件 EventSource SSE 服务器推送 188浏览收藏
HTML5time标签如何使用及优势解析

HTML5的<time>元素通过datetime属性将人类可读时间转换为机器可读的标准化格式，提升数据精度与互操作性。1.datetime属性必须遵循ISO8601标准，如YYYY-MM-DD或HH:MM，并可包含时区信息（如+08:00或Z）；2.可表示持续时间，如PT2H30M代表2小时30分钟；3.使用<time>有助于SEO优化、无障碍访问和应用程序间的数据同步；4.常见错误包括格式不规范以及时区信息缺失，应避免歧义确保全球一致性。

文章 · 前端 | 2星期前 | 188浏览收藏
表单同意管理如何实现与记录

答案是设计合规同意表单需做到透明告知、明确同意、精细控制和可追溯管理。首先使用清晰易懂的文案说明数据用途，避免法律术语堆砌；禁止默认勾选，对不同用途提供独立复选框实现颗粒度控制；在技术层面建立独立的同意记录表，包含用户ID、同意类型、状态、时间戳、IP地址、隐私政策版本等字段，确保审计链完整；提供显眼的隐私政策链接，杜绝黑暗模式；支持用户随时通过个人中心或邮件退订链接撤销同意，操作后立即生效并记录日志；所有同意数据加密存储，严格管控访问权限，保障用户权利与数据安全。

文章 · 前端 | 2星期前 | 188浏览收藏
表单动画怎么加？平滑过渡实现方法

表单动画效果的添加核心在于提升用户体验，可通过CSSTransitions和Animations实现简单状态变化与复杂动画序列，JavaScript（如Anime.js）用于动态控制动画，SVG和CSSHoudini支持更高级效果但需注意兼容性，避免动画影响体验的关键是保持简洁、优化性能并尊重用户，为确保跨浏览器一致性可使用前缀、Polyfill和渐进增强策略，并在多设备上充分测试，常用动画库包括GreenSock(GSAP)、Anime.js、Velocity.js、Mo.js和Three.js，应根据

文章 · 前端 | 2星期前 | 用户体验 CSS动画平滑过渡表单动画 JavaScript动画库 188浏览收藏
CSS旋转加载动画实现方法

实现旋转加载动画需利用CSS3的transform:rotate()与animation关键帧，配合HTML元素或SVG创建视觉效果，通过优化动画曲线、启用硬件加速、合理选择颜色并结合用户反馈与性能监控，确保动画平滑且提升用户体验。

文章 · 前端 | 2星期前 | css3 用户体验 transform:rotate() 旋转加载动画 animation关键帧 188浏览收藏
CSSdisplay属性全面解析

display属性在CSS中非常重要，因为它决定了元素的布局类型，直接影响网页的结构和样式。1)display属性可以让元素表现为不同的盒模型类型，如block、inline、inline-block等。2)现代布局如flex和grid提供了强大的布局能力，适合复杂的响应式设计。3)使用时需注意兼容性问题和避免过度嵌套，结合语义化HTML标签可提高代码可读性和SEO性能。display属性是前端开发者必备的布局工具。

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

1 301 302 303 389

查看更多

课程推荐

前端进阶之JavaScript设计模式

设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。

543次学习
GO语言核心编程课程

本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。

514次学习
简单聊聊mysql8与网络通信

如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让

499次学习
JavaScript正则表达式基础与实战

在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。

487次学习
从零制作响应式网站—Grid布局

本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。

484次学习
Golang深入理解GPM模型

Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。

474次学习

查看更多

AI推荐

AI Mermaid流程图

SEO AI Mermaid 流程图工具：基于 Mermaid 语法，AI 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。

520次使用
搜获客【笔记生成器】

搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！

511次使用
iTerms

iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。

538次使用
TokenPony

TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。

589次使用
迅捷AIPPT

迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。

507次使用