前端技术文章

  • CSS浮动塌陷怎么用overflow解决
    CSS浮动塌陷怎么用overflow解决
    overflow:hidden能撑开父容器是因为触发BFC,使父容器包含浮动子元素高度;但会裁剪溢出内容,推荐用display:flow-root替代。
    文章 · 前端   |  4个月前  |   293浏览 收藏
  • CSS固定侧边栏底部对齐方法解析
    CSS固定侧边栏底部对齐方法解析
    要让侧边栏的特定元素固定在底部对齐,最有效的方案是使用Flexbox布局;2.将侧边栏设置为display:flex且flex-direction:column,使其成为垂直方向的Flex容器;3.给需要底部对齐的元素添加margin-top:auto,使其自动占据上方剩余空间并被推至底部;4.该方法优于position:absolute,因它保持元素在文档流中,避免重叠和定位混乱;5.Flexbox能自适应内容高度变化,无需JavaScript干预,确保布局稳定;6.此外,Flexbox还支持侧边栏与主
    文章 · 前端   |  4个月前  |   CSS 349浏览 收藏
  • JS复制剪贴板技巧全解析
    JS复制剪贴板技巧全解析
    答案:JavaScript实现剪贴板复制有三种主要方式。1.使用已废弃但兼容性好的document.execCommand("copy"),需创建临时文本元素并触发用户事件;2.推荐使用现代ClipboardAPI的navigator.clipboard.writeText(),更安全高效,支持异步操作但需HTTPS环境和用户手势触发;3.通过判断浏览器支持情况自动降级,优先使用API,不支持时回退到传统方法。实际应用中应根据项目需求选择方案,新项目用API,旧浏览器用兼容方案,并提供复制成功提示以提升体
    文章 · 前端   |  4个月前  |   308浏览 收藏
  • HTML白板实现方法详解
    HTML白板实现方法详解
    Canvas是唯一可行的底层方案,因其在实时协作、笔迹平滑性与性能压测下表现稳定;必须手动处理事件节流、坐标归一化、路径压缩和上下文重置以解决卡顿、断笔、偏移问题;需检查getContext('2d')是否返回null并fallback,避免静默失败;移动端须校验CSS缩放导致的坐标扭曲;必须同时监听鼠标与触控事件并阻止默认行为;擦除应使用'destination-out'合成模式而非画白色;导出时需适配跨域、Retina屏及透明背景。
    文章 · 前端   |  4个月前  |   123浏览 收藏
  • AntDesign快速搭建企业UI组件技巧
    AntDesign快速搭建企业UI组件技巧
    AntDesign是成熟React组件库而非低代码搭建工具,需集成使用而非生成组件;其核心价值在于开箱即用的规范组件、主题配置(theme)、国际化(locale)及性能优化(如virtual),而非可视化拖拽。
    文章 · 前端   |  4个月前  |   440浏览 收藏
  • HTML5离线缓存怎么开启?浏览器设置步骤详解
    HTML5离线缓存怎么开启?浏览器设置步骤详解
    AppCache已被所有主流浏览器废弃,唯一可行的离线方案是ServiceWorker+CacheAPI;因其存在更新不可控、全站故障、不支持请求拦截等根本缺陷,W3C于2018年将其标记为obsolete。
    文章 · 前端   |  4个月前  |   107浏览 收藏
  • HTML数据报表页面设计教程详解
    HTML数据报表页面设计教程详解
    不能用<table>套整个页面,因其专为结构化数据设计,用于布局会导致语义错乱、可访问性差、响应式失效、维护困难;报表页应仅在行列关系明确处使用,并配齐<thead>/<tbody>、<th>与scope属性,整体布局推荐Flexbox或Grid。
    文章 · 前端   |  4个月前  |   296浏览 收藏
  • 设置index.html全屏显示及页面适配方法
    设置index.html全屏显示及页面适配方法
    HTML本身无法实现全屏,需用JavaScript的requestFullscreen()方法(用户手势触发)配合:fullscreen伪类控制样式,调用返回Promise需捕获错误,退出靠fullscreenchange事件和document.fullscreenElement判断。
    文章 · 前端   |  4个月前  |   396浏览 收藏
  • HTML文本对比工具使用方法|在线差异对比教程
    HTML文本对比工具使用方法|在线差异对比教程
    HTML文件需先格式化再diff,否则90%差异为格式噪音;推荐tidy或prettier标准化,浏览器端用diff2html可视化,语义级对比须用lxml或html5lib解析DOM树。
    文章 · 前端   |  4个月前  |   414浏览 收藏
  • 函数节流控制滚动回调频率技巧
    函数节流控制滚动回调频率技巧
    函数节流的核心是“稳执行”而非“少执行”,需配合passive:true和requestAnimationFrame,避免强制重排与重绘,轻量逻辑外移至WebWorker或虚拟滚动。
    文章 · 前端   |  4个月前  |   261浏览 收藏
  • JavaScript反斜杠转义用法解析
    JavaScript反斜杠转义用法解析
    JavaScript中反斜杠用于转义字符,必须正确使用:\"、\'、\\、\n、\t、\r等有特定含义;模板字符串不支持\x转义;正则需双重转义;ES6推荐\u{...}和\x替代八进制。
    文章 · 前端   |  4个月前  |   411浏览 收藏
  • JavaScriptWorker通信详解与实战
    JavaScriptWorker通信详解与实战
    WebWorkers通过消息传递实现主线程与Worker线程间的通信,支持字符串、数字、数组、对象及ArrayBuffer等可序列化数据类型,不支持函数、DOM节点等;利用postMessage发送数据,onmessage接收,可通过TransferableObjects如ArrayBuffer提升大数据传输性能,传输后原引用失效;主线程调用worker.terminate()或Worker内调用self.close()关闭Worker,同时需监听onerror处理异常;适用于高耗时任务如大数据解析、图像
    文章 · 前端   |  4个月前  |   123浏览 收藏
  • HTML实现星星评分组件教程
    HTML实现星星评分组件教程
    必须使用input[type="radio"]配合label和CSS兄弟选择器实现,确保可访问性、键盘导航及表单提交;禁用display:none隐藏radio,改用position:absolute;clip:rect(0000);悬停与选中状态需通过:checked~label和:hover~label叠加控制;fieldset包裹并配legend满足WCAG标准。
    文章 · 前端   |  4个月前  |   236浏览 收藏
  • BigInt处理大脉冲计数的技巧
    BigInt处理大脉冲计数的技巧
    BigInt是处理大型科学装置原始脉冲计数值的唯一可靠选择,因其可精确表示超10¹⁸量级整数,避免Number类型因精度限制导致的截断与失真,确保计数、比较、累加、差分全程保真。
    文章 · 前端   |  4个月前  |   194浏览 收藏
  • 闭包捕获权限,动态控制按钮显示隐藏
    闭包捕获权限,动态控制按钮显示隐藏
    闭包封装权限校验函数,通过工厂函数接收权限数组并返回记忆化校验函数,支持字符串/数组输入及通配符处理,配合Vue模板、自定义指令实现声明式按钮控制,需结合响应式状态确保权限更新同步。
    文章 · 前端   |  4个月前  |   165浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    263次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    315次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    299次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    273次使用
  • MMBench详解:多模态大模型基准测试、功能特点与使用指南
    MMBench
    MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台,提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景,助力开发者全面评估多模态模型性能。
    92次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议 和 隐私政策
返回登录
  • 重置密码