前端技术文章

  • HTML如何嵌入视频文件【实操教程】
    HTML如何嵌入视频文件【实操教程】
    video标签不加载MP4主因是路径错误或MIME类型不匹配,需用HTTP服务而非file://协议,正确配置src与source的type属性,并添加muted、playsinline等属性适配移动端自动播放。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • JavaScript数组遍历:forEach和map怎么选?
    JavaScript数组遍历:forEach和map怎么选?
    用forEach当只需执行副作用操作(如打印、发请求、修改外部变量),它不返回有效值;用map当需生成新数组(如提取字段、格式化、计算),它返回等长新数组且不改变原数组。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • Flex和Grid实现居中技巧解析
    Flex和Grid实现居中技巧解析
    flex水平垂直居中需父容器设display:flex、justify-content:center、align-items:center及明确高度(如100vh);grid则用place-items:center更简洁,但兼容性受限;margin:auto垂直居中仅在绝对定位+四边为0时生效。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • sepia与hue-rotate滤镜叠加技巧解析
    sepia与hue-rotate滤镜叠加技巧解析
    不能——CSS滤镜函数按声明顺序串行执行,sepia()会压缩色域,再叠加hue-rotate()易导致色相失控、发紫或无变化;精细调色需用canvas手动处理。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • Edge旧内核SVG滤镜使用教程
    Edge旧内核SVG滤镜使用教程
    Edge旧内核(12–18)仅支持同文档内联SVG滤镜,不识别外部SVG中的filter定义;必须将filter内容复制到页面内联svg中,并用filter:url(#id)引用,且需确保ID唯一、尺寸属性设为100%。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • 超宽屏页面居中设置方法
    超宽屏页面居中设置方法
    为页面内容设置最大宽度并居中,推荐使用容器(如.container)配合max-width:min(1440px,90vw)和margin:0auto,并约束内部元素宽度以确保响应式阅读体验。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • HTML如何创建列表?ul和ol标签使用教程
    HTML如何创建列表?ul和ol标签使用教程
    语义正确的列表需按意图选用:无序列表<ul>用于无顺序依赖项(如菜单),有序列表<ol>用于有顺序项(如步骤);嵌套时子列表须完整置于父<li>内,<li>中禁用<p><div>等非法子元素。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • JavaScript多实例文本轮播实现方法
    JavaScript多实例文本轮播实现方法
    本文详解如何让JavaScript文本滑动动画同时作用于多个.animate-text元素,解决querySelector()仅匹配首个元素导致其余实例失效的问题,并提供可复用、无冲突的模块化实现方案。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • JavaScript函数与高阶函数详解教程
    JavaScript函数与高阶函数详解教程
    真正掌握JavaScript函数需在真实场景中反复实践,核心难点是闭包生命周期、this绑定时机及高阶函数执行上下文丢失;函数作为一等公民体现为赋值、传参、返回、动态创建;常见错误包括箭头函数this失绑、forEach无法break;高阶函数用于抽象重复逻辑如withLoading、debounce;闭包本质是保留定义时作用域链;应避免Function构造器,优先用策略对象或白名单解析器。
    文章 · 前端   |  6个月前  |   486浏览 收藏
  • padding与margin区别详解与使用技巧
    padding与margin区别详解与使用技巧
    padding是元素内容与边框间的内边距,影响背景和尺寸;margin是边框外与其他元素的间距,不显示背景且可为负值。1.padding属于内部空间,增加元素整体大小,背景色会延伸至该区域;margin属于外部空间,不影响自身尺寸但控制元素间距离。2.使用padding可提升内容可读性、按钮舒适度;使用margin实现模块间隔、居中布局。3.默认width仅含content,padding会扩大实际占用空间,可通过box-sizing:border-box调整;垂直margin相邻时会发生合并,取最大值而
    文章 · 前端   |  7个月前  |   486浏览 收藏
  • async_hooks与事件循环的关系解析
    async_hooks与事件循环的关系解析
    async_hooks与事件循环是观察者与被观察者的关系,1.async_hooks通过init、before、after、destroy等钩子追踪异步资源的创建、执行和销毁;2.它不干预事件循环调度,但能揭示异步调用链,如HTTP请求触发数据库操作的嵌套关系;3.实际价值包括深度调试、性能分析和异步上下文传递;4.使用时需注意性能开销,避免常开、精简回调逻辑、聚焦必要资源,适合临时排查或APM工具使用,完整掌握可提升对Node.js异步机制的理解。
    文章 · 前端   |  7个月前  |   486浏览 收藏
  • :checked与:disabled样式控制技巧分享
    :checked与:disabled样式控制技巧分享
    :checked用于响应表单选中状态,:disabled控制禁用样式,二者结合可实现无需JavaScript的交互反馈,如自定义复选框、暗黑模式切换及多步表单逻辑,提升用户体验与可访问性。
    文章 · 前端   |  7个月前  |   486浏览 收藏
  • 低代码系统原理与搭建解析
    低代码系统原理与搭建解析
    低代码平台通过可视化编辑器、元数据驱动、运行时引擎和数据集成实现快速开发。用户拖拽组件生成页面配置(如JSON),系统以元数据描述应用结构与逻辑,运行时引擎解析配置并渲染功能界面,同时支持数据源绑定与API调用,实现表单提交、流程自动化等操作。
    文章 · 前端   |  7个月前  |   486浏览 收藏
  • JavaScript支付实现与Stripe集成教程
    JavaScript支付实现与Stripe集成教程
    JavaScript不能直接处理支付,需前端用stripe-js安全采集信息并生成payment_methodID,后端用secretkey调用PaymentIntentsAPI完成支付,严格分离密钥与敏感操作。
    文章 · 前端   |  7个月前  |   486浏览 收藏
  • SpringBoot如何运行HTML文件详解
    SpringBoot如何运行HTML文件详解
    SpringBoot运行HTML需区分静态与动态页面:静态文件放src/main/resources/static目录,直接访问路径即可;动态页面需引入Thymeleaf依赖,HTML文件置于templates目录,通过@Controller映射路径返回模板名,结合SpringBoot内嵌服务器访问。配置正确后,默认启动8080端口,可自定义端口于application.properties。结构清晰,静态用static,动态配Controller+templates。
    文章 · 前端   |  7个月前  |   486浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    473次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    531次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    551次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    503次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    320次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码