前端技术文章-Golang学习网

分类:

最新
热门

三月内

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

JS获取表单值的几种方式

获取表单输入值的核心方法是通过DOM操作定位元素后访问其.value属性；2.不同表单元素获取值的方式不同：文本类输入直接使用.value，复选框和单选按钮需判断.checked并获取其value，下拉框通过.value获取选中项，多选需遍历收集；3.表单提交时获取值适合整体校验和数据提交，通过监听submit事件并阻止默认行为实现，而实时获取值通过input、change等事件实现，用于即时反馈和用户体验优化；4.批量获取表单数据可采用手动映射、FormDataAPI或遍历带name属性的元素，其中Fo

文章 · 前端 | 3星期前 | 409浏览收藏
JavaScript的BigInt类型是什么？怎么用？

JavaScript引入BigInt是为了解决Number类型无法安全表示超大整数的问题，1BigInt能表示任意精度的整数，避免超出Number.MAX_SAFE_INTEGER导致的精度丢失；2创建方式包括加n后缀或使用BigInt()构造函数；3支持常规算术和位运算，但除法结果会截断小数部分；4与Number不可直接混合运算，需显式转换；5比较时宽松相等会类型转换，严格相等不会；6JSON序列化需自定义处理；7不支持Math对象方法；80n为假值，其他为真值；9性能上不如Number，适用于特定高精

文章 · 前端 | 3星期前 | 448浏览收藏
CSS水彩画效果怎么实现

CSS滤镜不能完全模拟真实水彩画的艺术细节，它仅能通过blur()、saturate()、contrast()等属性对像素进行数学运算，实现视觉上的风格化近似，但无法复现水彩的湿润晕染、纸张纹理互动、颜料颗粒感等有机特性；2.为增强CSS水彩滤镜效果，应选择色彩块分明、细节较少、色彩饱和度适中、光影对比柔和、构图简洁的图片素材，如风景、花卉或静物特写，避免细节繁杂或高对比度图像；3.除CSS滤镜外，可结合mix-blend-mode叠加纸张纹理、使用clip-path创建不规则边缘、通过transform

文章 · 前端 | 3星期前 | 图片 CSS滤镜 mix-blend-mode CSS水彩画效果艺术表现力 288浏览收藏
HTML表单添加画布绘图工具的方法是使用<canvas>元素结合JavaScript实现。以下是详细步骤和示例代码：1.在HTML中添加<canvas>元素<canvasid="drawingCanvas"width="500"height="300"style="border:1pxsolid#000;"></canvas>这会创建一个可以绘制的画

可以通过结合HTML5的<canvas>元素和JavaScript实现画笔与橡皮擦功能，首先利用canvas的2D上下文绘制图形，通过监听鼠标事件实现实时绘图，再通过修改ctx.strokeStyle和ctx.lineWidth动态调整画笔颜色与粗细，添加颜色选择器和滑块控制参数，橡皮擦功能可通过将画笔颜色设置为白色或使用ctx.globalCompositeOperation='destination-out'实现透明擦除，最终将绘制结果以Base64编码的图片数据形式存入隐藏输入框并随表单

文章 · 前端 | 3星期前 | 194浏览收藏
JavaScript中Symbol.asyncIterator用法详解

在JavaScript中，Symbol.asyncIterator用于实现异步迭代，使对象可通过forawait...of循环处理异步数据流。1.定义Symbol.asyncIterator方法，返回一个包含next()方法的对象；2.next()方法返回Promise，resolve后返回{value,done}；3.可使用异步生成器简化实现。例如模拟异步数字生成、处理异步错误时可在循环中使用try...catch捕获异常。此外，可利用异步迭代器逐行读取大型文件，避免内存过载，通过fs和readline

文章 · 前端 | 3星期前 | 253浏览收藏
CSS33D文字效果实现教程

要实现CSS文字的3D立体效果，核心在于结合perspective和transform属性。1.perspective属性为3D场景设定视点距离，值越小透视越强，通常设置在父容器上以创建深度感；2.transform-style:preserve-3d需应用于变换容器，确保子元素保持在同一个3D空间中；3.利用伪元素::before和::after复制文字层，并通过translateZ()沿Z轴错开位置形成厚度，配合rotateX()或rotateY()倾斜文字增强立体感；4.每层可设置不同颜色或透明度模

文章 · 前端 | 3星期前 | CSS 优化 transform perspective 文字3D立体效果 252浏览收藏
HTML设置页面标题方法及title标签位置

网页标题通过HTML的<title>标签设置，需置于<head>区域中。1.<title>必须放在HTML文档的<head>部分，即<html>之后、<body>之前；2.标题不仅显示在浏览器标签页，还影响SEO和社交分享；3.设置时需注意控制字符长度在50~60字以内，关键词靠前且每页唯一，避免滥用特殊符号。正确使用标题标签有助于提升用户体验和网站推广效果。

文章 · 前端 | 3星期前 | 305浏览收藏
网页背景怎么改？教你添加背景色和图片

改网页背景的核心是使用CSS的background-color和background-image。1.设置纯色背景用background-color，支持颜色名、十六进制、RGB或rgba（可加透明度）；2.设置图片背景用background-image:url('路径')，需注意路径正确；3.防止图片重复用background-repeat:no-repeat；4.使图片居中显示用background-position:centercenter；5.让图片完全覆盖元素且保持比例用background-s

文章 · 前端 | 3星期前 | 128浏览收藏
HTML属性是什么？如何设置标签属性？

常用HTML属性包括id、class、src、href、alt、title、style和data-等；2.id用于唯一标识元素，class用于分类和批量样式控制，src指定外部资源路径，href定义超链接目标，alt提供图片替代文本，title显示悬停提示，style内联CSS样式，data-存储自定义数据；3.属性命名需小写、无空格，值用引号包裹，布尔属性无需赋值，优先使用标准属性并避免自定义非data-*属性；4.全局属性可应用于所有元素，提供通用功能如标识、样式和提示，特定标签属性则专属于某些标签以

文章 · 前端 | 3星期前 | 176浏览收藏
HTML表单记住密码设置方法

HTML表单实现“记住密码”功能的核心是正确使用autocomplete属性以引导浏览器密码管理器，而非前端直接存储密码。通过在form标签设置autocomplete="on"，并为用户名和密码输入框分别设置autocomplete="username"和autocomplete="current-password"，可明确告知浏览器字段语义，从而触发保存密码提示。此外，还需确保input类型正确（如type="password"）、name属性存在且合理，并在HTTPS环境下运行以保障安全。尽管如此，

文章 · 前端 | 3星期前 | 217浏览收藏
中藏文混排CSS实现方法

CSS中不存在line-height-mode属性，实现中文与藏文混排需通过line-height和vertical-align协同调整；2.首先为父容器设置足够大的无单位line-height（如1.8或2）以容纳藏文上下延展；3.使用font-family分别为中文和藏文指定合适的字体，推荐使用NotoSans等风格协调的字体；4.将藏文内容用<span>标签包裹，以便独立设置样式；5.通过vertical-align属性（如-0.2em或-2px）对藏文进行垂直微调，使其视觉基线与中文对

文章 · 前端 | 3星期前 | CSS 字体 line-height vertical-align 中文与藏文混排 361浏览收藏
表单JSON提交方法全解析

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

文章 · 前端 | 3星期前 | 164浏览收藏
JS数组条件分组技巧全解析

数组按条件分组的核心思路是使用reduce方法将每个元素根据条件归入对应的组，1.遍历数组并提取分组条件值；2.在累加器对象中以条件值为键创建数组；3.将当前元素推入对应数组；4.返回更新后的累加器。该方法适用于大多数分组场景，而forEach循环适合复杂逻辑或初学者，Lodash的groupBy适合已引入该库的项目，Map适合非字符串键或需保持插入顺序的情况。分组后常需遍历Object.entries结果进行聚合计算，处理大数据集时应注意避免重复计算和选择合适数据结构，最终目标是让数据结构化以便分析和展

文章 · 前端 | 3星期前 | map 数据处理 reduce 数组分组条件分组 128浏览收藏
JS图片懒加载实现方法全解析

实现图片懒加载的方法是使用JavaScript，通过IntersectionObserverAPI或回退到scroll事件监听。1）使用IntersectionObserverAPI检测图片进入视口时加载。2）如果不支持IntersectionObserver，使用scroll、resize和orientationchange事件手动检测。

文章 · 前端 | 3星期前 | 385浏览收藏
HTML表单怎么创建？form标签作用解析

要创建一个HTML表单，必须使用<form>标签并设置action和method属性，1.action属性指定数据提交的URL，2.method属性定义提交方式为GET或POST，3.表单内可包含input、textarea、select、button等元素，4.GET将数据附加在URL中，适合非敏感小数据，5.POST将数据放在请求体中，适合敏感或大量数据，6.服务器端需用PHP、Python等语言处理提交的数据，7.其他常用元素包括radio、checkbox、file、date、data

文章 · 前端 | 3星期前 | HTML表单 form标签 action属性 method属性 GET/POST方法 409浏览收藏

1 290 291 292 500

查看更多

课程推荐

前端进阶之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 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。

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

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

107次使用
iTerms

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

147次使用
TokenPony

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

104次使用
迅捷AIPPT

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

131次使用