前端技术文章
-
- HTML背景图片大小如何调_HTML调背景图片大小方式【调整】
- background-size是CSS中控制背景图缩放的核心属性，需配合background-image使用且仅对设置背景图的元素生效；常见值包括cover、contain、100%100%、指定像素及auto组合，须协同background-position和background-repeat使用；响应式场景推荐媒体查询或clamp()；搭配background-attachment:fixed时易失效，应谨慎处理。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- css盒模型影响伸缩布局怎么办_结合flex-basis与box-sizing保证精确布局行为
- <p>使用box-sizing:border-box配合明确的flex-basis值可确保Flex布局按预期工作；核心是让padding和border纳入宽高计算，使flex-basis数值真实反映初始占用空间，并推荐全局设置*{box-sizing:border-box;}。</p>
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- HTML怎么做记账本_HTML简单记账本工具实现方法【从零开始】
- 用HTML+JS实现记账本需结合localStorage：输入数据→JSON序列化存入→解析渲染；添加时preventDefault防刷新，用value获取表单值并校验NaN；日期用type="date"自动设当天，分类用select或radio；删除需重写数组，导出用Blob触发下载。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- CSS网格对齐技巧：justify-items与align-items全解析
- 通过设置justify-items和align-items可解决CSS网格子元素对齐问题，前者控制水平对齐，后者控制垂直对齐，常用值有start、end、center和stretch，默认为stretch；需确保父容器设置了display:grid才生效；若需单独调整某个子元素，可使用justify-self或align-self覆盖全局设置。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- CSS瀑布流布局实现技巧
- 纯CSS瀑布流不能用float实现等高列，因其过时、易错且破坏可访问性；推荐column-count（内容需为块级流）或CSSGrid（适合交互卡片），强需求则用Masonry库。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- VSCodeLiveServer关闭自动刷新方法
- 通过配置LiveServer扩展的ignoreFiles设置，可完全禁用保存时的自动刷新，保留当前页面状态（如视频播放进度、滚动位置等），提升教育类长文档或多媒体网页的编辑效率。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- HTML图像描述教程｜figure与figcaption使用详解
- figure和figcaption是HTML5规定的语义组合：figure表示独立内容单元，figcaption必须为其首个或最后一个子元素，用于描述该内容；二者共同构成可访问、可索引的图文关联结构。
- 文章 · 前端 | 1个月前 | 306浏览 收藏
-
- HTML滑动指示器实现全解析
- 纯CSS实现导航栏滑动下划线需用::after伪元素+transform+transition，设a为position:relative，伪元素初始width:0、translateX()定位，过渡写在伪元素上；JS版则需用getBoundingClientRect动态计算激活项位置并更新下划线。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- 运行HTML代码步骤详解
- 运行HTML文件的方法有：一、直接双击打开，用浏览器查看静态内容；二、通过浏览器菜单选择“打开文件”加载本地文档；三、使用Node.js启动本地服务器运行，支持动态功能；四、利用VSCode等编辑器的LiveServer插件实现实时预览。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- Sass按钮样式系统：@mixin快速封装教程
- 用@mixin按职责拆分按钮逻辑（尺寸、变体、状态），配合CSS变量实现主题切换与深色模式响应，禁用态需显式重置颜色，一律用@include而非@extend。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- Redux中间件开发实战教程
- 答案：Redux中间件通过三层函数结构拦截action，在分发前执行异步处理、日志等逻辑，支持自定义功能如promise中间件，并可通过applyMiddleware集成，结合DevTools调试，需注意顺序与错误处理。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- HTML语义化重构方法与步骤详解
- HTML旧代码的语义化重构，核心目标是提升代码的可读性、可维护性和对搜索引擎及辅助技术的友好性。它不是简单地重写标签，而是通过合理使用现代HTML5语义标签，让页面结构更清晰、逻辑更明确。1.分析现有HTML结构在开始重构前，先通读原始代码，理解当前页面的布局和功能模块。重点关注以下几点：页面由哪些区块组成（头部、导航、内容区、侧边栏、页脚等）是否大量使用div和class来模拟结构（如）是否存在嵌套过深或冗余标签文本层级是否合理（标题是否按h1-h6正确使用）这个阶
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- JavaScript类定义与使用详解
- JavaScript的class是构造函数的语法糖，基于原型链，需用new调用；定义需constructor，方法直接声明，静态方法加static；继承用extends和super()，子类constructor必须首行调用super()。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- getters 动态计算权限，提升全局控制效率
- Vue权限控制核心是结构化管理权限数据并分层封装getter：模块/操作/实例三级嵌套结构，配合路由守卫拦截与响应式按需计算，避免异步、缓存及副作用问题。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
-
- HTML实现学习成就分享及图片链接生成方法
- Canvas生成成就图模糊是因未适配devicePixelRatio，需缩放canvas宽高并调用ctx.scale()；文字偏移需等待字体加载；分享须用服务端生成HTTPS短链而非dataURL。
- 文章 · 前端 | 2个月前 | 306浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 1756次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 1690次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 1629次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 1828次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 1813次使用
