前端技术文章
-
- CSS移动端阴影遮挡解决方法
- box-shadow外扩散失效主因是父容器overflow隐藏、层叠上下文触发或参数误设;需检查overflow/transform/filter影响,用translateZ(0)强制分层,伪元素移出阴影,合理组合inset与外扩,并控制扩散距离≤8px。
- 文章 · 前端 | 1个月前 | 487浏览 收藏
-
- Bootstrap轮播图白闪解决方法
- 加will-change:transform反而更闪,因强制图层提升导致合成层重建、纹理丢弃及误判重绘;应禁用该声明,改用图片预加载、固定容器尺寸、visibility:hidden等方案。
- 文章 · 前端 | 1个月前 | 487浏览 收藏
-
- 限制后台活动,延长笔记本续航技巧
- 禁用浏览器休眠机制、限制网站后台权限、停用工具自身后台服务、屏蔽网页后台API、启用资源限制扩展可有效降低HTML工具电池消耗。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- 记事本写完代码后怎么运行html_记事本代码运行html方法【教程】
- 首先将记事本代码保存为.html格式,通过“另存为”选择所有文件类型并命名如index.html;接着双击文件或右键用浏览器打开预览;可设置默认打开方式或临时选择Chrome等浏览器;最后检查HTML基本结构如<!DOCTYPEhtml>、<html>、<head>、<body>标签是否完整,确保无未闭合标签或拼写错误,通过浏览器“检查”功能排查问题。
- 文章 · 前端 | 2个月前 | html 运行 487浏览 收藏
-
- 旧浏览器兼容性怎么处理【兼容性技巧】
- 需引入html5shiv.js使IE8及以下识别HTML5语义标签;在<head>中添加CDN链接https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js,仅针对IE生效。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- 事件代理与冒泡机制详解
- 事件冒泡是事件从目标元素逐级向上传播至根节点的过程,事件代理利用此机制将事件绑定到父元素,通过判断event.target实现子元素事件处理,减少内存占用并支持动态元素。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- IE8实时输入兼容写法技巧
- IE8不支持oninput事件,需用onpropertychange+onkeyup组合监听,并过滤非value属性变更;onpropertychange需校验propertyName==='value'并比对新旧值,再叠加onpaste/ondrop加setTimeout延迟读取以补全粘贴拖拽场景。
- 文章 · 前端 | 2个月前 | 常见HTML属性兼容性问题有哪些 487浏览 收藏
-
- 一键回顶滚动实现技巧
- window.scrollTo({top:0,behavior:'smooth'})不生效主因是CSSscroll-behavior被覆盖、滚动容器非viewport或Safari≤15.4不支持;应优先用document.documentElement.scrollTo()并检测scrollBehavior支持性,fallback用requestAnimationFrame实现cubic-out缓动。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- HTML表单Token验证原理与实现
- 在HTML表单中添加CSRFToken需后端动态注入隐藏字段<inputtype="hidden"name="csrf_token"value="xxx">,每次请求刷新,Ajax提交时需手动获取并传入body或header,后端校验须恒定时间比对且统一错误提示。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- CSS实现带步骤指示的注册进度条(伪元素连接线)
- 怎么用::before和::after画步骤之间的连接线关键不是“画线”,而是让每一步的右侧(或左侧)自动延伸出一条细线,连到下一步。最稳的方式是:只给除最后一步外的所有步骤加::after,让它生成一根绝对定位的横向线,宽度由下一项位置决定。常见错误是试图用::before在第一步左边画线,或给所有步骤都加伪元素再手动控制显隐——这会让DOM变动时线的位置错乱。每步容器用position:relative,方便伪元素定位::after设置content:""、pos
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- 1px边框偏移解决方法:定位或outline替代
- border会让元素偏移1px,因其占据真实布局空间、改变宽高且参与文档流计算;outline不占空间但无圆角等限制;伪元素方案最可控但需注意定位和缩放;根本原因常是盒模型混用或默认样式未重置。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- CSS移动端z-index与堆叠上下文解析
- z-index不生效的根本原因是父容器创建了层叠上下文(stackingcontext),使子元素z-index仅在内部生效;常见触发条件包括非static定位+数值z-index、opacity<1、transform/filter/will-change等。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- HTML嵌套入门:从P套SPAN开始学起
- <p>可嵌套<span>等行内元素,但<span>不能嵌<p>,因块级元素可含行内元素,反之浏览器会自动闭合导致DOM错乱、样式失效、SEO与无障碍问题。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- :first-child与:last-child区别及应用解析
- :first-child匹配父元素的第一个子元素且类型需一致,而非首个某类型元素;应改用:first-of-type才能准确选中第一个p等目标类型元素。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
-
- HTML视频控制与播放技巧解析
- 使用HTML5的video标签可实现网页视频播放,支持controls控制、多格式兼容(MP4/WebM/Ogg)、autoplay静音自动播放、loop循环及JavaScript动态控制播放状态,推荐preload="metadata"优化加载,避免移动端自动播放大文件以提升体验。
- 文章 · 前端 | 2个月前 | 487浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 3952次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 3667次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 3643次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 3840次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 3797次使用

