前端技术文章

  • HTML输入下划线,表单添加元素教程
    HTML输入下划线,表单添加元素教程
    在HTML表单中插入下划线需正确使用value、placeholder和label属性,确保原样显示与提交;避免被Markdown等解析器误处理;必要时用pattern正则校验输入是否含下划线。
    文章 · 前端   |  8个月前  |   496浏览 收藏
  • 自定义事件是什么?怎么创建和触发?
    自定义事件是什么?怎么创建和触发?
    自定义事件是开发者手动触发的DOM事件,用于组件间解耦通信;通过CustomEvent构造函数创建并携带data,用dispatchEvent触发,addEventListener监听,需注意冒泡、取消及兼容性。
    文章 · 前端   |  8个月前  |   496浏览 收藏
  • Flex布局元素不扩展?flex-grow设置技巧
    Flex布局元素不扩展?flex-grow设置技巧
    Flex元素无法放大主因是缺乏剩余空间或受固定尺寸限制,需确保父容器为flex布局、移除width/height、合理设置flex属性并处理内容最小尺寸。
    文章 · 前端   |  8个月前  |   496浏览 收藏
  • 嵌套数组快速转对象数组方法
    嵌套数组快速转对象数组方法
    本文介绍一种使用map和for...in循环遍历嵌套结构的方式,将每个对象的items数组中键值对(如{productOne:"crust",quantity:2.2})提取为外层对象的属性,实现嵌套数组到扁平对象数组的高效转换。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML5标签布局与JS交互教程
    HTML5标签布局与JS交互教程
    掌握HTML5语义标签、CSS布局(浮动与Flexbox)、JavaScript交互、开发者工具调试及完整项目实践五步法,是前端入门核心路径。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML5视频自动播放被禁解决方法
    HTML5视频自动播放被禁解决方法
    现代浏览器禁止有声视频自动播放是策略而非bug,Chrome≥66、Safari≥11、Edge≥79默认拦截未静音的autoplay;唯一可靠方案是同时声明autoplay和muted属性(muted须为HTML属性),并添加playsinline与webkit-playsinline以确保内联播放;有声播放必须等待用户首次有效交互后手动取消静音并调用play()。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML5渐变背景设计与兼容技巧
    HTML5渐变背景设计与兼容技巧
    HTML5中可用CSS3的linear-gradient和radial-gradient实现线性与径向渐变,需添加浏览器前缀、设置fallback色、用多重背景叠加,并为旧版IE提供PNG降级方案,再结合CSS变量实现动态交互。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • CSS动画加载闪一下怎么解决
    CSS动画加载闪一下怎么解决
    动画加载闪一下的本质原因是初始状态未显式声明,导致浏览器按默认值渲染,与动画0%帧不一致;需用animation-fill-mode:both配合明确定义的0%关键帧,或采用CSS类+JS控制初始状态。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML实现文字垂直排列可以通过CSS的writing-mode属性来实现。以下是几种常见的方法:方法一:使用writing-mode属性.vertical-text{writing-mode:vertical-rl;/*或者vertical-lr*/}vertical-rl:文字从右到左垂直排列(从上到下)。vertical-lr:文字从左到右垂直排列(从上到下)。方法二:使用transform
    HTML实现文字垂直排列可以通过CSS的writing-mode属性来实现。以下是几种常见的方法:方法一:使用writing-mode属性.vertical-text{writing-mode:vertical-rl;/*或者vertical-lr*/}vertical-rl:文字从右到左垂直排列(从上到下)。vertical-lr:文字从左到右垂直排列(从上到下)。方法二:使用transform
    HTML文字垂直排列需用CSS实现:一、writing-mode设vertical-rl或vertical-lr;二、text-orientation控字符朝向;三、transform旋转容器;四、flex-direction:column逐字堆叠;五、grid布局精确定位字符。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML缓存设置与清除方法全解析
    HTML缓存设置与清除方法全解析
    HTML页面缓存由服务器HTTP响应头(如Cache-Control、ETag)控制,meta标签无效;验证需通过DevToolsNetwork面板查看Size列和状态码;清除缓存应修改服务端响应头、文件名哈希化或临时加查询参数;SPA中index.html须短缓存以防JS/CSS版本错配。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • HTML5读取XML根节点方法详解
    HTML5读取XML根节点方法详解
    直接用responseXML.documentElement或response.xml获取已解析XML的根节点,避免重复解析;需确保Content-Type为application/xml且XML声明完整,否则可能返回parsererror。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • JS灰度发布方案全解析
    JS灰度发布方案全解析
    前端灰度发布通过部分用户先行体验新功能以降低迭代风险,JavaScript可基于用户标识(如UID)结合哈希算法实现分组控制,如取模决定灰度比例,支持灵活、可配置的渐进式上线策略。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • 自定义CSS框架主题的技巧与方法
    自定义CSS框架主题的技巧与方法
    自定义CSS框架主题的核心是掌握设计系统、变量机制与切换逻辑,优先使用CSS自定义属性动态换肤,结合框架原生API(如Tailwind的darkMode、Chakra的JS主题对象)和可复用主题包实现多租户支持。
    文章 · 前端   |  9个月前  |   496浏览 收藏
  • WebpackCSS引入配置全解析
    WebpackCSS引入配置全解析
    答案:Webpack通过css-loader解析CSS语法,style-loader将样式注入DOM,或使用MiniCssExtractPlugin提取为独立文件以优化生产环境性能。配置时需安装对应loader并在module.rules中设置处理规则,开发环境推荐style-loader以支持热更新,生产环境则用MiniCssExtractPlugin实现CSS分离、提升加载效率与缓存利用率;对于Sass/Less等预处理器,需添加sass-loader或less-loader进行编译;启用CSSMod
    文章 · 前端   |  9个月前  |   Webpack CSS引入 496浏览 收藏
  • 文字带阴影的HTML5按钮CSS实现方法
    文字带阴影的HTML5按钮CSS实现方法
    HTML5按钮文字阴影可通过text-shadow实现:一、单层基础阴影;二、多层叠加增强立体感;三、结合渐变文字与透明填充;四、媒体查询响应式调整;五、伪元素模拟立体效果。
    文章 · 前端   |  9个月前  |   HTML5 496浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    512次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    572次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    597次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    549次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    366次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码