前端技术文章

  • 识别WebGL中闭包引发的GC压力方法
    识别WebGL中闭包引发的GC压力方法
    闭包不直接造成GC压力,而是因意外延长局部变量生命周期使本该回收的对象滞留堆中;WebGL渲染循环中尤需警惕捕获大对象、频繁创建新闭包及隐式持有引用等问题。
    文章 · 前端   |  2星期前  |   321浏览 收藏
  • Reflect.deleteProperty如何优雅删除继承属性
    Reflect.deleteProperty如何优雅删除继承属性
    Reflect.deleteProperty是安全删除自有属性的操作符,需先用Object.hasOwn确认属性存在且非继承,再结合getOwnPropertyDescriptor检查configurable,确保局部卸载不误触原型或不可配置项。
    文章 · 前端   |  2星期前  |   133浏览 收藏
  • Response.blob() 实现图片音频异步加载方法
    Response.blob() 实现图片音频异步加载方法
    Response.blob()可高效加载多媒体文件,通过fetch获取响应后调用.blob()得Blob对象,再用URL.createObjectURL()生成临时URL赋值给img或audio元素,并建议卸载前调用revokeObjectURL释放引用。
    文章 · 前端   |  2星期前  |   490浏览 收藏
  • Generator自动执行器掌控复杂网络请求流程
    Generator自动执行器掌控复杂网络请求流程
    Generator自动执行器不解决分布式“分布”问题,但通过线性化、可中断恢复的控制流,封装请求意图并由执行器统一注入服务发现、重试、熔断、traceId透传等横切逻辑。
    文章 · 前端   |  2星期前  |   368浏览 收藏
  • 文档流与脱离布局详解
    文档流与脱离布局详解
    文档流是HTML元素默认的布局方式,块级元素垂直排列、行内元素水平排列;脱离文档流需主动干预,如float、absolute、fixed,会导致父容器塌陷、内容重叠等问题。
    文章 · 前端   |  2星期前  |   123浏览 收藏
  • CSS预处理工具提升开发效率技巧
    CSS预处理工具提升开发效率技巧
    原生CSS写得慢是因缺乏变量、嵌套、混合和条件复用能力,导致重复书写与全局搜索;Sass提供成熟变量、嵌套和mixin机制,PostCSS通过插件支持现代语法,配合sourcemap实现精准调试。
    文章 · 前端   |  2星期前  |   177浏览 收藏
  • Next.jsCSS-in-JSSSR优化方案
    Next.jsCSS-in-JSSSR优化方案
    Antd的@ant-design/cssinjs在SSR中通过服务端创建唯一cache、收集样式字符串并注入HTML的<style>标签,客户端复用同一cache完成水合;版本不一致或cache复用错误会导致样式丢失或闪屏。
    文章 · 前端   |  2星期前  |   271浏览 收藏
  • 闭包实现单例池,多标签资源管理技巧
    闭包实现单例池,多标签资源管理技巧
    闭包实现的局部单例池无法跨标签页协同管理网络资源,因各标签页拥有独立JS执行环境,闭包变量完全隔离;可行方案包括BroadcastChannel、SharedWorker、localStorage+storage事件等。
    文章 · 前端   |  2星期前  |   235浏览 收藏
  • HTML语义化头部怎么设置
    HTML语义化头部怎么设置
    <header>必须作为页面或内容区块的真正头部,承担引导、导航或介绍功能;嵌套过深、包裹过宽或脱离逻辑层级会破坏语义,且与<head>无关。
    文章 · 前端   |  2星期前  |   454浏览 收藏
  • HTML中br标签换行使用技巧
    HTML中br标签换行使用技巧
    br标签仅用于纯换行,不创建段落、无语义、无默认间距;正确场景限于地址块、诗歌歌词、表单label说明;滥用会导致响应式错位、可访问性问题及RTL异常;清理应优先禁用CSS检查结构,再用脚本删除孤立br。
    文章 · 前端   |  2星期前  |   297浏览 收藏
  • 禁止移动端缩放方法汇总
    禁止移动端缩放方法汇总
    现代移动端浏览器已系统级忽略user-scalable=no,仅靠viewport标签无法真正禁止缩放;需结合gesturestart/touchstart事件拦截并设passive:false。
    文章 · 前端   |  2星期前  |   305浏览 收藏
  • HTMLtranslate属性怎么用?禁用翻译方法解析
    HTMLtranslate属性怎么用?禁用翻译方法解析
    translate属性是向浏览器翻译引擎发出的明确禁译指令,仅影响自动翻译行为;必须加在代码标识符、API路径、版本号、CSS类名等技术字符串上,且需注意继承例外与动态内容手动补全。
    文章 · 前端   |  2星期前  |   278浏览 收藏
  • HTML制作BMI计算器步骤详解
    HTML制作BMI计算器步骤详解
    纯前端即可实现实时BMI计算:监听input事件,用parseFloat清洗输入,按中国标准分类并toFixed(1)显示,校验非正数防止NaN,textContent更新结果。
    文章 · 前端   |  2星期前  |   html 428浏览 收藏
  • WebSocket实时通信技术详解
    WebSocket实时通信技术详解
    心跳间隔应设为路径中所有中间设备最小空闲超时值的0.6~0.7倍,例如最小超时45秒,则心跳设25~30秒;需服务端主动发PING、客户端立即回PONG,且重连成功后首帧即心跳。
    文章 · 前端   |  2星期前  |   174浏览 收藏
  • HTML表单提交与数据处理全解析
    HTML表单提交与数据处理全解析
    表单提交后页面跳转但后端收不到数据,主因是未配置正确的action和method属性、后端未监听对应路径或缺少请求体解析中间件;需确保action指向有效后端地址、method匹配接收方式,并在Express等框架中启用express.urlencoded()和express.json()中间件。
    文章 · 前端   |  2星期前  |   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推荐
  • 剧云 - 免费 AI 智能中文剧本创作平台
    剧云
    剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
    14次使用
  • 万象有声 - AI 一站式有声内容创作平台
    万象有声
    万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
    23次使用
  • Red Skill - 小红书推出的 AI Skill 分发平台
    Red Skill
    小红书创作服务平台为小红书创作者和机构提供视频上传、数据分析、粉丝管理、创作指导等多项运营服务,助力用户解锁更多创作者专属功能,体验高效创作!
    31次使用
  • MiMo Code - 小米大模型团队开源的新一代 AI 编程助手
    MiMo Code
    MiMo Code 是小米大模型团队开源的新一代 AI 编程助手,面向开发者提供代码理解、生成与辅助开发能力,适合作为 AI 编程工具收藏和体验。
    121次使用
  • TRAE Work - 字节跳动推出的 AI 原生工作台
    TRAE Work
    TRAE AI IDE | 国内首款 AI 原生集成开发环境,深度集成 Doubao-1.5-pro 与 DeepSeek 模型,支持中文自然语言一键生成完整代码框架,实时预览前端效果并智能修复 BUG。首创 Builder 模式实现需求到代码的自动化开发,兼容 Windows/macOS 系统,官网下载即用。
    148次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码