前端技术文章

  • 识别WebGL中闭包引发的GC压力方法
    识别WebGL中闭包引发的GC压力方法
    闭包不直接造成GC压力,而是因意外延长局部变量生命周期使本该回收的对象滞留堆中;WebGL渲染循环中尤需警惕捕获大对象、频繁创建新闭包及隐式持有引用等问题。
    文章 · 前端   |  3个月前  |   321浏览 收藏
  • Reflect.deleteProperty如何优雅删除继承属性
    Reflect.deleteProperty如何优雅删除继承属性
    Reflect.deleteProperty是安全删除自有属性的操作符,需先用Object.hasOwn确认属性存在且非继承,再结合getOwnPropertyDescriptor检查configurable,确保局部卸载不误触原型或不可配置项。
    文章 · 前端   |  3个月前  |   133浏览 收藏
  • Response.blob() 实现图片音频异步加载方法
    Response.blob() 实现图片音频异步加载方法
    Response.blob()可高效加载多媒体文件,通过fetch获取响应后调用.blob()得Blob对象,再用URL.createObjectURL()生成临时URL赋值给img或audio元素,并建议卸载前调用revokeObjectURL释放引用。
    文章 · 前端   |  3个月前  |   490浏览 收藏
  • Generator自动执行器掌控复杂网络请求流程
    Generator自动执行器掌控复杂网络请求流程
    Generator自动执行器不解决分布式“分布”问题,但通过线性化、可中断恢复的控制流,封装请求意图并由执行器统一注入服务发现、重试、熔断、traceId透传等横切逻辑。
    文章 · 前端   |  3个月前  |   368浏览 收藏
  • 文档流与脱离布局详解
    文档流与脱离布局详解
    文档流是HTML元素默认的布局方式,块级元素垂直排列、行内元素水平排列;脱离文档流需主动干预,如float、absolute、fixed,会导致父容器塌陷、内容重叠等问题。
    文章 · 前端   |  3个月前  |   123浏览 收藏
  • CSS预处理工具提升开发效率技巧
    CSS预处理工具提升开发效率技巧
    原生CSS写得慢是因缺乏变量、嵌套、混合和条件复用能力,导致重复书写与全局搜索;Sass提供成熟变量、嵌套和mixin机制,PostCSS通过插件支持现代语法,配合sourcemap实现精准调试。
    文章 · 前端   |  3个月前  |   177浏览 收藏
  • Next.jsCSS-in-JSSSR优化方案
    Next.jsCSS-in-JSSSR优化方案
    Antd的@ant-design/cssinjs在SSR中通过服务端创建唯一cache、收集样式字符串并注入HTML的<style>标签,客户端复用同一cache完成水合;版本不一致或cache复用错误会导致样式丢失或闪屏。
    文章 · 前端   |  3个月前  |   271浏览 收藏
  • 闭包实现单例池,多标签资源管理技巧
    闭包实现单例池,多标签资源管理技巧
    闭包实现的局部单例池无法跨标签页协同管理网络资源,因各标签页拥有独立JS执行环境,闭包变量完全隔离;可行方案包括BroadcastChannel、SharedWorker、localStorage+storage事件等。
    文章 · 前端   |  3个月前  |   235浏览 收藏
  • HTML语义化头部怎么设置
    HTML语义化头部怎么设置
    <header>必须作为页面或内容区块的真正头部,承担引导、导航或介绍功能;嵌套过深、包裹过宽或脱离逻辑层级会破坏语义,且与<head>无关。
    文章 · 前端   |  3个月前  |   454浏览 收藏
  • HTML中br标签换行使用技巧
    HTML中br标签换行使用技巧
    br标签仅用于纯换行,不创建段落、无语义、无默认间距;正确场景限于地址块、诗歌歌词、表单label说明;滥用会导致响应式错位、可访问性问题及RTL异常;清理应优先禁用CSS检查结构,再用脚本删除孤立br。
    文章 · 前端   |  3个月前  |   297浏览 收藏
  • 禁止移动端缩放方法汇总
    禁止移动端缩放方法汇总
    现代移动端浏览器已系统级忽略user-scalable=no,仅靠viewport标签无法真正禁止缩放;需结合gesturestart/touchstart事件拦截并设passive:false。
    文章 · 前端   |  3个月前  |   305浏览 收藏
  • HTMLtranslate属性怎么用?禁用翻译方法解析
    HTMLtranslate属性怎么用?禁用翻译方法解析
    translate属性是向浏览器翻译引擎发出的明确禁译指令,仅影响自动翻译行为;必须加在代码标识符、API路径、版本号、CSS类名等技术字符串上,且需注意继承例外与动态内容手动补全。
    文章 · 前端   |  3个月前  |   278浏览 收藏
  • HTML制作BMI计算器步骤详解
    HTML制作BMI计算器步骤详解
    纯前端即可实现实时BMI计算:监听input事件,用parseFloat清洗输入,按中国标准分类并toFixed(1)显示,校验非正数防止NaN,textContent更新结果。
    文章 · 前端   |  3个月前  |   html 428浏览 收藏
  • WebSocket实时通信技术详解
    WebSocket实时通信技术详解
    心跳间隔应设为路径中所有中间设备最小空闲超时值的0.6~0.7倍,例如最小超时45秒,则心跳设25~30秒;需服务端主动发PING、客户端立即回PONG,且重连成功后首帧即心跳。
    文章 · 前端   |  3个月前  |   174浏览 收藏
  • HTML表单提交与数据处理全解析
    HTML表单提交与数据处理全解析
    表单提交后页面跳转但后端收不到数据,主因是未配置正确的action和method属性、后端未监听对应路径或缺少请求体解析中间件;需确保action指向有效后端地址、method匹配接收方式,并在Express等框架中启用express.urlencoded()和express.json()中间件。
    文章 · 前端   |  3个月前  |   462浏览 收藏
查看更多
课程推荐
  • 前端进阶之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模型性能。
    184次使用
  • H2O EvalGPT:开源LLM大模型评估与排行榜工具
    H2O EvalGPT
    H2O EvalGPT是H2O.ai推出的开源LLM评估平台,提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能,助您快速选择最适合项目的高性能大语言模型。
    240次使用
  • LMArena是什么?伯克利AI模型评估平台使用指南与功能解析
    LMArena
    LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制,用户可对比不同大模型回答并生成实时排行榜,助力开发者优化模型及用户选择最佳AI工具。
    195次使用
  • 斯坦福HELM:大语言模型Holistic Evaluation整体评估框架详解
    HELM
    深入了解斯坦福推出的HELM(Holistic Evaluation of Language Models)大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景,涵盖准确性、公平性、鲁棒性等多维度指标,助力开发者全面优化语言模型性能。
    175次使用
  • CMMLU中文大模型评估基准:功能、使用教程与应用场景解析
    CMMLU
    深入了解CMMLU中文评估基准,涵盖67个学科主题,提供数据集下载、Zero-shot/Five-shot评估方法及排行榜,助力优化中文语言模型性能。
    166次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码