前端技术文章

  • 计算属性名合并多数据源字段方法
    计算属性名合并多数据源字段方法
    计算属性名仅用于动态生成对象键名,不能直接合并多数据源字段;真正合并需通过统一接入层、字段映射规则和运行时聚合,并用计算属性名添加来源前缀以避免冲突。
    文章 · 前端   |  5个月前  |   313浏览 收藏
  • 为什么调整padding会改变盒子大小?盒模型详解
    为什么调整padding会改变盒子大小?盒模型详解
    默认盒模型下padding会增加盒子尺寸,因width仅指内容区;使用box-sizing:border-box可使padding不撑开盒子,推荐全局设置以提升布局可控性。
    文章 · 前端   |  5个月前  |   198浏览 收藏
  • JS如何用replaceAll替换所有匹配项
    JS如何用replaceAll替换所有匹配项
    replaceAll在现代环境(Chrome85+/Firefox78+/Safari13.1+/Node.js15.0+)原生支持,专用于全局字面量替换,不接受带g标志的正则,纯字符串匹配不转义元字符,简单替换更安全高效,复杂逻辑仍需replace。
    文章 · 前端   |  5个月前  |   441浏览 收藏
  • HTML_index.html文件运行与访问方法
    HTML_index.html文件运行与访问方法
    直接双击html_index.html文件可在浏览器中快速查看静态页面;2.若需指定浏览器,可通过右键“打开方式”选择对应程序;3.开发环境下建议使用LiveServer或Python启动本地服务器以支持AJAX等功能;4.如需对外访问,应将文件部署至Web服务器并配置域名或IP访问路径。
    文章 · 前端   |  5个月前  |   180浏览 收藏
  • 精准控制图片链接点击区域的实现方法
    精准控制图片链接点击区域的实现方法
    当图片被包裹在<a>标签中时,若链接区域超出图片实际尺寸,往往源于默认行内元素行为或不当的布局属性;本文通过重构容器结构与合理设置display属性,精准限定点击范围为图片视觉边界。当图片被包裹在``标签中时,若链接区域超出图片实际尺寸,往往源于默认行内元素行为或不当的布局属性;本文通过重构容器结构与合理设置`display`属性,精准限定点击范围为图片视觉边界。在Web开发中,一个常见却易被忽视的问题是:图片链接(<
    文章 · 前端   |  5个月前  |   106浏览 收藏
  • CSS如何设置active颜色样式
    CSS如何设置active颜色样式
    :active伪类用于定义元素被激活时的样式。当用户点击并按住按钮或链接时,触发该状态,常用于改变背景色或文字颜色以增强交互反馈。例如按钮点击时背景变深,松开即恢复;链接可设置点击瞬间变为红色。此效果仅在按下时生效,释放后消失,适合提供瞬时视觉响应。需注意其短暂性,不适用于持久状态切换,应配合JavaScript实现选中等长期效果。在移动端可能响应迟缓,建议结合:hover或触摸事件优化。同时要确保与:focus、:hover等状态协调,避免样式冲突。合理运用:active能有效提升界面响应感和用户体验。
    文章 · 前端   |  5个月前  |   318浏览 收藏
  • HTML本身是标记语言,不支持逻辑或语法。但如果你是指如何在HTML中实现逻辑功能,通常需要结合JavaScript来实现。例如,使用JavaScript实现逻辑判断:<!DOCTYPEhtml><html><head><title>逻辑示例</title></head><body><script>le
    HTML本身是标记语言,不支持逻辑或语法。但如果你是指如何在HTML中实现逻辑功能,通常需要结合JavaScript来实现。例如,使用JavaScript实现逻辑判断:<!DOCTYPEhtml><html><head><title>逻辑示例</title></head><body><script>le
    HTML中不存在_html语法,它既不是标签、属性,也不是合法自定义元素名;常见于JS私有属性、模板变量或开发者自定义键名,与HTML语法无关。
    文章 · 前端   |  5个月前  |   409浏览 收藏
  • 微信浏览器兼容问题与CSS前缀优化技巧
    微信浏览器兼容问题与CSS前缀优化技巧
    微信内置浏览器CSS兼容问题本质是X5与WKWebView内核解析差异,需分层处理:准确判断需同时满足MicroMessenger存在且QQBrowser版本匹配或X5JSSDK定义;Flex布局须四重display声明并配对webkit前缀;autoprefixer比手写更可靠因其依browserslist自动补全。
    文章 · 前端   |  5个月前  |   164浏览 收藏
  • CSS卡片翻转无效?transformrotateY与transition解决方案
    CSS卡片翻转无效?transformrotateY与transition解决方案
    最常见的原因是父容器未设perspective或卡片未开启3D渲染上下文;需父容器设perspective,卡片加transform-style:preserve-3d,正反面设backface-visibility:hidden并初始化rotateY值。
    文章 · 前端   |  5个月前  |   346浏览 收藏
  • CSS加载引发白屏?浏览器渲染机制详解
    CSS加载引发白屏?浏览器渲染机制详解
    CSS文件阻塞渲染导致白屏,因浏览器会暂停DOM构建和布局直至CSS加载解析完成,以确保JavaScript调用getComputedStyle等API时样式就绪;关键CSS需内联或preload,非关键CSS可用media属性异步加载。
    文章 · 前端   |  5个月前  |   447浏览 收藏
  • classid属性在object中用途及ActiveX调用方法
    classid属性在object中用途及ActiveX调用方法
    classid属性唯一作用是让IE加载已注册的ActiveX控件;现代浏览器完全忽略该属性,因其依赖Windows注册表和COM机制,而其他浏览器既不读注册表也不支持ActiveX。
    文章 · 前端   |  5个月前  |   HTML常见属性及用途 154浏览 收藏
  • JS复制文本到剪贴板的几种方法
    JS复制文本到剪贴板的几种方法
    JavaScript中复制文本到剪贴板最现代且推荐的方式是使用navigator.clipboard.writeText(),它基于Promise、异步执行、不阻塞主线程,且需在用户手势触发的上下文中调用以满足安全策略;2.为兼容老旧浏览器可降级使用document.execCommand('copy'),但该方法已被弃用,需创建临时textarea元素并手动选中内容,操作繁琐且存在兼容性和安全性问题;3.复制功能失灵的主要原因包括:未在用户操作事件中调用(如点击)、非安全上下文(HTTP环境)、浏览器兼
    文章 · 前端   |  5个月前  |   448浏览 收藏
  • SELECT联动实现方法及ONCHANGE应用
    SELECT联动实现方法及ONCHANGE应用
    selectonchange事件不生效需检查:函数是否正确定义、是否在DOM加载后绑定、避免重复绑定;内联写法不可访问let变量;应优先用event.target.value获取最新值,联动时需同步清空选项并重置selectedIndex和disabled状态。
    文章 · 前端   |  5个月前  |   html 350浏览 收藏
  • 动态插槽实现导航栏自由扩展,组件架构实战详解
    动态插槽实现导航栏自由扩展,组件架构实战详解
    动态插槽是Vue实现导航栏自由扩展的核心机制,通过v-slot:[name]声明具名插槽暴露可配置入口,配合defineSlots显式声明类型提升安全性与IDE支持。
    文章 · 前端   |  5个月前  |   118浏览 收藏
  • 竖排文字实现方法详解
    竖排文字实现方法详解
    writing-mode:vertical-rl是实现中文竖排的唯一标准方案,需配合text-orientation:mixed控制字符朝向,避免使用transform或拆字flex等破坏语义与可访问性的权宜之计。
    文章 · 前端   |  5个月前  |   128浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    1015次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    1019次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    1145次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    1120次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    961次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码