前端技术文章

  • LaravelPOST请求被拒怎么解决
    LaravelPOST请求被拒怎么解决
    当Laravel表单提交时提示“ThePOSTmethodisnotsupportedforroutesignup”,根本原因是路由定义为GET,但表单却以POST方法提交,且缺失CSRF保护令牌。本文将系统性地修复该问题。
    文章 · 前端   |  1个月前  |   432浏览 收藏
  • 商品库存预警HTML实现技巧
    商品库存预警HTML实现技巧
    库存低于阈值时通过JavaScript读取data-stock和data-threshold属性,转数字后比对,用classList切换.stock-low等CSS类实现可维护预警,封装checkStockWarning函数并在库存变更后调用,兼顾NaN兜底与事件委托防重复绑定。
    文章 · 前端   |  1个月前  |   472浏览 收藏
  • 表单提交失败怎么解决?错误提示不消失怎么办
    表单提交失败怎么解决?错误提示不消失怎么办
    本文详解如何通过原生HTML5表单验证+JavaScript事件监听,解决表单提交被拦截、错误提示无法动态清除、日期校验缺失等常见问题,实现流畅的实时验证与正常提交流程。
    文章 · 前端   |  1个月前  |   306浏览 收藏
  • HTML5如何取消列表圆点
    HTML5如何取消列表圆点
    可通过CSS的list-style:none属性彻底隐藏ul或ol列表的默认标记,也可用class精准控制、重置padding/margin、设置list-style-type:none、或用li::marker伪元素覆盖,确保无缩进且保持语义。
    文章 · 前端   |  1个月前  |   147浏览 收藏
  • CSS3box-sizing为何无法继承?详解规则
    CSS3box-sizing为何无法继承?详解规则
    <p>box-sizing不可继承是CSS规范设计使然,因其作为盒模型底层契约需保持各层级尺寸控制独立;可靠方案是通配符重置*{box-sizing:border-box;}并补全伪元素。</p>
    文章 · 前端   |  1个月前  |   442浏览 收藏
  • CSS箭头提示框实现方法详解
    CSS箭头提示框实现方法详解
    用::after画三角形的原理是:宽高为0时,仅设一个方向的实色边框、其余三边等宽透明,利用边框交界处的斜角视觉错觉形成等腰直角三角形;需配合content:""、position:absolute及精确定位。
    文章 · 前端   |  1个月前  |   297浏览 收藏
  • 表单草稿保存技巧与实现方法
    表单草稿保存技巧与实现方法
    能。sessionStorage在页面刷新后仍保留数据,只要不关闭浏览器标签页;应监听input事件实时存入,并在DOMContentLoaded时恢复草稿。
    文章 · 前端   |  1个月前  |   401浏览 收藏
  • Canvas动态图表教程:轻松实现方法
    Canvas动态图表教程:轻松实现方法
    Canvas绘图前必须调用getContext('2d')获取上下文,否则绘图方法报错;动态更新需clearRect清空再重绘;高频动画应使用requestAnimationFrame并适配devicePixelRatio防模糊。
    文章 · 前端   |  1个月前  |   214浏览 收藏
  • 响应式设计:从桌面到移动端的完整指南
    响应式设计:从桌面到移动端的完整指南
    本文详解如何将仅适配桌面的HTML/CSS页面改造为真正的响应式布局,涵盖移动优先原则、媒体查询实战、网格系统优化及常见陷阱规避,助初学者快速掌握跨设备兼容核心技能。
    文章 · 前端   |  1个月前  |   231浏览 收藏
  • TailwindCSS快速添加阴影技巧
    TailwindCSS快速添加阴影技巧
    <p>Tailwind的shadow-类是封装的box-shadow值,非简单“一键立体”;档位差异体现设计意图:shadow-sm轻抬升、shadow-md贴边凸出、shadow-lg双层压低、shadow-2xl大模糊撑开但易卡顿;hover需配transition-shadow且防overflow-hidden裁剪;深色背景应改阴影色;自定义shadow-[]在Safari/AndroidWebView中兼容性差;shadow-inner是内阴影,非边框替代,需配合适当背景与圆角;核心在
    文章 · 前端   |  1个月前  |   479浏览 收藏
  • Bootstrap进度条条纹颜色修改方法
    Bootstrap进度条条纹颜色修改方法
    必须用background-image替换linear-gradient才能自定义Bootstrap5条纹进度条颜色,background-color无效;.progress-bar-striped和.progress-bar-animated需同步修改且方向、色标一致,并注意.progress底色对比度。
    文章 · 前端   |  1个月前  |   395浏览 收藏
  • HTML5视频播放错误怎么解决|错误监听处理教程
    HTML5视频播放错误怎么解决|错误监听处理教程
    video的error事件仅在致命加载或解码失败时触发,如404、跨域拒绝、格式不支持、文件损坏;其触发依据是video.error为非null的MediaError对象,code为1~4分别对应用户取消、网络错误、解码失败、源不可用。
    文章 · 前端   |  1个月前  |   463浏览 收藏
  • CSS网格图片比例失真怎么解决
    CSS网格图片比例失真怎么解决
    图片在Grid中拉伸变形的根源是img未设object-fit且父容器无明确尺寸约束;需先为griditem设置宽高或aspect-ratio,再对img应用object-fit:cover/contain并配overflow:hidden与object-position。
    文章 · 前端   |  1个月前  |   280浏览 收藏
  • HTMLlocalStorage工具类封装【附代码】
    HTMLlocalStorage工具类封装【附代码】
    直接用localStorage.setItem易出问题,因其仅支持字符串:存对象变"[objectObject]",null/undefined转字符串,iOS隐私模式下写入抛QuotaExceededError且静默失败;故封装须守住序列化-反序列化与错误兜底两条底线。
    文章 · 前端   |  1个月前  |   339浏览 收藏
  • JavaScript自定义迭代器方法解析
    JavaScript自定义迭代器方法解析
    迭代器是JavaScript中按需遍历数据的机制,核心是实现[Symbol.iterator]方法返回含next()的对象,每次调用返回{value,done};可借助生成器函数快速创建,yield产出值,自动满足迭代协议。
    文章 · 前端   |  1个月前  |   240浏览 收藏
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
    474次学习
查看更多
AI推荐
  • ljg-skills -
    ljg-skills
    ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
    17次使用
  • MELO音乐 - AI 音乐生成平台,支持多模态创作能力
    MELO音乐
    MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
    28次使用
  • UniScribe - AI 免费在线音视频转文字平台
    UniScribe
    UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
    37次使用
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    175次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    179次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码