前端技术文章
-
- HTML表单如何对接区块链存证？
- HTML表单无法直接实现区块链存证，必须通过后端服务将表单数据的哈希值写入区块链，1.首先前端收集数据并提交至后端，2.后端进行数据校验、标准化后使用SHA-256等算法生成哈希值，3.再通过区块链SDK构造并签名交易，将哈希值上链，4.最终利用区块链的密码学哈希链、分布式共识和时间戳机制确保数据不可篡改，同时通过链上哈希与原始数据比对实现可验证性，5.敏感信息应避免直接上链，可结合IPFS或Arweave等链下存储方案，将数据指纹上链以兼顾隐私与永久性，6.技术栈选择需权衡去中心化、成本与性能，公共链适
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML弹窗焦点管理操作指南
- 弹窗焦点管理需手动实现：打开时用requestAnimationFrame聚焦首个可交互元素，关闭时恢复触发元素焦点并校验其存在性，Tab导航需循环控制，inert属性需兼容降级。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML性能评分优化技巧【速查】
- HTML性能优化不直接计分但影响FCP、LCP、CLS等核心指标；改img的loading="lazy"和decoding="async"可减少主线程阻塞、避免布局偏移，需配width/height；preload须慎用，仅限字体、关键CSS、hero图等高优且无法自动发现的资源，并严格指定as和crossorigin；关键CSS应精准内联首屏必需规则，避免全量或含@import/@font-face，超14KB时分段异步加载；优化本质是理解浏览器渲染流水线，而非盲目压缩或加属性。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- CSS文本溢出省略技巧全解析
- text-overflow:ellipsis仅对块级或明确设宽的内联块元素生效，需同时满足white-space:nowrap、宽度限制及溢出条件；原生不支持多行省略，WebKit私有属性存在兼容性限制，Flex中需设min-width:0才能触发。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- CSSscale3d()怎么用？优化3D元素缩放效果
- scale3d()函数用于3D缩放，接受X、Y、Z三轴参数，如scale3d(2,0.5,1)分别放大、缩小、保持各轴，可结合transition实现动画，常用于卡片翻转等效果，且不影响文档流布局，需注意性能优化与transform-origin设置。
- 文章 · 前端 | 2个月前 | CSS教程 css函数怎么用 501浏览 收藏
-
- VSCode中HTML如何正确引入CSS样式表
- HTML中link标签href路径错误是CSS失效的最常见原因，需确保href值与CSS文件实际位置匹配，区分大小写，避免绝对路径，并确认LiveServer根目录和rel="stylesheet"拼写正确。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML通信能解决跨窗口问题吗
- window.postMessage()是唯一通用且安全的跨窗口通信方式；它属JavaScriptAPI，需指定targetOrigin校验origin，支持跨源通信，但要求发送前检查窗口状态、加载完成及消息唯一性。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML样式继承失效原因及解决方法
- class样式未生效的主因是CSS特异性冲突或元素未匹配选择器；检查开发者工具Styles面板中被划掉的样式，按内联>id>类>标签优先级排查，避免滥用!important和误用inherit。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- 提升HTML可访问性，屏幕阅读器更友好
- 要让HTML页面更容易被屏幕阅读器访问，核心在于使用语义化HTML、ARIA属性和遵循无障碍最佳实践。1.使用语义化HTML标签（如<nav>、<main>、<article>）赋予内容结构和意义，帮助屏幕阅读器识别页面角色并提供导航选项；2.合理使用ARIA属性（如role、aria-label、aria-describedby）补充复杂UI组件的语义，但优先使用原生HTML；3.确保键盘可访问性，使所有交互元素可通过Tab键聚焦并用Enter/Space激活；4.为
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- JS类方法中this丢失原因及解决办法
- JavaScript类中方法的this丢失本质是函数单独调用时上下文丢失；常见于回调传递、解构赋值、异步操作三类场景，可通过箭头函数、bind绑定、类字段语法等方案解决。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML嵌套结构基础入门教程
- HTML嵌套是具有明确父子关系的树状结构，错误嵌套会导致浏览器自动修正、样式失效或JS无法选中元素；<p>仅允许嵌套行内元素，不可嵌套块级元素。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- 如何创建和编写HTML文件（入门指南）
- 用记事本写HTML需注意：文件名必须为index.html（小写），编码选UTF-8（无BOM）；必备四要素——<!DOCTYPEhtml>、<htmllang="zh-CN">、<head>中<metacharset="UTF-8">（在<title>前）、非空<body>；本地双击打开用file://协议，图片用相对路径，JS模块需本地服务；验证用W3C校验器。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- Canvas实现图片滤镜效果教程
- 使用JavaScript和Canvas可实现图片滤镜，通过getImageData获取像素数据并修改RGB值，再用putImageData渲染；常见滤镜包括灰度、反色和亮度调整，需注意性能与跨域问题。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- HTML阻止表单默认提交方法
- 根本原因是事件监听未绑定到form元素的submit事件上；必须用addEventListener监听form的submit事件并同步调用event.preventDefault()，且提交按钮应设为type="button"以防回车触发表单。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
-
- CSS背景定位技巧：background-position使用方法
- background-position百分比的原点是背景图自身与容器的相对关系：0%0%为图左上角对齐容器左上角，100%100%为图右下角对齐容器右下角；50%50%使图中心对齐容器中心，但图尺寸与容器差异会导致视觉偏移。
- 文章 · 前端 | 2个月前 | 501浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合，面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板，适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 1735次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 1671次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 1606次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 1808次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 1793次使用
