前端技术文章

  • CSS变量怎么用?详解变量应用技巧
    CSS变量怎么用?详解变量应用技巧
    HTML中引入CSS有内联、内部(<style>)和外部(<link>)三种方式,推荐外链;CSS变量以--开头,在:root或选择器中声明,用var()函数调用并可设回退值,JS需用setProperty修改。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML5弹窗被拦截怎么处理
    HTML5弹窗被拦截怎么处理
    浏览器拦截非用户主动触发的弹窗是安全机制,核心因JS在无用户手势上下文(如click)时调用window.open();必须保证手势链完整,异步回调会丢失上下文;推荐用DOM模态框替代,或预留空窗口再导航。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML如何标记必填字段
    HTML如何标记必填字段
    在HTML中,标记必填表单字段最直接的方式是使用required属性。1.通过在<input>、<textarea>、<select>等输入元素上添加required布尔属性,浏览器会在提交时自动验证这些字段是否填写;2.若未填写,浏览器会阻止提交并显示默认提示信息;3.此方法提升用户体验和数据完整性,避免用户因遗漏必填项而反复提交;4.然而,required仅提供客户端验证,不能替代服务器端验证;5.可结合JavaScript自定义错误提示,如使用setCustomV
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • Vuetify按钮图标小屏消失解决方法
    Vuetify按钮图标小屏消失解决方法
    Vuetify的hidden-sm-and-down类会在屏幕宽度≤960px(即sm断点及更小)时隐藏元素,导致按钮图标在中等及以下尺寸设备上不可见;应改用hidden-xs-only或响应式条件渲染来精准控制显示逻辑。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • JS对象合并技巧:Object.assign与展开运算符详解
    JS对象合并技巧:Object.assign与展开运算符详解
    使用Object.assign()和展开运算符可合并对象,前者适用于老环境且支持动态传参,后者语法更简洁现代;两者均为浅合并,嵌套对象会整体替换而非递归合并,需用Lodash等库实现深合并。
    文章 · 前端   |  8个月前  |   js如何使用教程 491浏览 收藏
  • JavaScript模块化详解及ES6用法教程
    JavaScript模块化详解及ES6用法教程
    ES6模块是浏览器和Node.js原生支持的标准化方案,需用type="module"启用,强制静态分析、支持tree-shaking;导出分命名导出(多个)和默认导出(一个),导入路径须带扩展名或相对/绝对前缀,循环依赖返回已初始化对象而非执行结果。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • CSS渐变背景动画实现教程
    CSS渐变背景动画实现教程
    通过background-position、多层背景透明度或CSS变量间接实现渐变动画,利用位移、opacity过渡或变量动态变化模拟平滑动效。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML5音频静音设置与muted属性使用技巧
    HTML5音频静音设置与muted属性使用技巧
    audio的muted是布尔属性,仅存在即为true,不写为false;JS中audio.muted可读写布尔值,但需用户手势触发才能取消静音。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML5表单提交失败的解决方法
    HTML5表单提交失败的解决方法
    表单提交后数据未到服务器,主因是本地双击打开HTML时file://协议拦截请求,或后端未正确配置PHP解析、未启用HTTP服务;需用LiveServer运行、验证action路径、检查Network请求及后端响应。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML5如何实现实时通信?
    HTML5如何实现实时通信?
    HTML4不支持WebSocket,因其是HTML5特性;需现代浏览器(IE10+等)、WebSocket服务端及wss://协议;须手动实现心跳重连、降级方案,并注意二进制数据处理与资源清理。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML5怎么学好?高效学习技巧分享
    HTML5怎么学好?高效学习技巧分享
    系统性掌握HTML5需五策并举:一、构建含语义化、多媒体、API等模块的知识图谱;二、以项目逆向拆解培养技术直觉;三、每日代码实验强化运行时认知;四、用DevTools验证语义结构与无障碍属性;五、复现W3C案例厘清规范细节。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML低像素背景图怎么提升清晰度?高清技巧分享
    HTML低像素背景图怎么提升清晰度?高清技巧分享
    背景图片模糊的根本原因是源图分辨率不足,应使用≥2×目标宽度的高清图,配合background-size:cover和no-repeat,并通过image-set()或媒体查询提供多倍图,优先选用WebP格式并避免过度压缩。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • HTML文件怎么打开运行?简单方法分享
    HTML文件怎么打开运行?简单方法分享
    直接在浏览器中打开HTML文件无需服务器,方法包括:一、双击用默认浏览器打开;二、右键选择浏览器打开;三、拖拽文件到浏览器窗口;四、地址栏输入file://路径;五、用开发者工具实时编辑。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • localStorage与IndexedDB使用教程
    localStorage与IndexedDB使用教程
    localStorage仅支持字符串值,存对象或数组须显式JSON序列化,否则取值时崩溃;IndexedDB才是真正的离线数据库,需通过onupgradeneeded建库建表,所有操作必须在transaction内执行。
    文章 · 前端   |  8个月前  |   491浏览 收藏
  • CSS属性选择器使用方法详解
    CSS属性选择器使用方法详解
    CSS属性选择器[attr]可匹配任意含指定属性的元素,无论属性是否有值;如[title]选中所有带title属性的元素,注意大小写敏感性及与[attr="value"]的区别。
    文章 · 前端   |  8个月前  |   491浏览 收藏
查看更多
课程推荐
  • 前端进阶之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推荐
  • PubMedQA数据集详解:生物医学问答基准、功能与应用指南
    PubMedQA
    深入了解PubMedQA生物医学问答数据集,涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用,助力提升NLP模型性能。
    516次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    575次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    601次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    552次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    369次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码