前端技术文章
-
- instanceof 性能损耗分析及循环中使用建议
- 频繁在循环中使用instanceof会因原型链/继承链遍历导致显著性能开销,10,000次循环×3类型判断×平均5层链长≈150,000次指针跳转;应改用字段标识、专用API或提前分类等更高效方式。
- 文章 · 前端 | 1个月前 | 401浏览 收藏
-
- JavaScript中使用WeakRef实现自动清理缓存的原理与实践
- WeakRef结合FinalizationRegistry可实现自动清理缓存,当对象无强引用时被GC回收,回调触发键的移除,避免内存泄漏,适用于DOM节点、大数据对象等资源管理。
- 文章 · 前端 | 1个月前 | 205浏览 收藏
-
- 未登录用户评论防护方法解析
- 本文详解如何在Django中拦截未登录用户的评论提交行为,通过在视图层添加is_authenticated校验,彻底避免AnonymousUser自动创建评论的问题,并提供可立即部署的代码修复方案。本文详解如何在Django中拦截未登录用户的评论提交行为,通过在视图层添加`is_authenticated`校验,彻底避免`AnonymousUser`自动创建评论的问题,并提供可立即部署的代码修复方案。在当前实现中,尽管模板(prod
- 文章 · 前端 | 1个月前 | 163浏览 收藏
-
- HTML在线打印样式设计与纸质化输出方案
- 使用CSS媒体查询定义打印样式,隐藏非必要元素并调整布局;2.通过@page设置A4尺寸与页边距,避免内容截断;3.添加一键打印按钮调用window.print();4.可选集成jsPDF或Puppeteer实现高质量输出。核心是确保内容在纸质环境中保持可读性与结构完整。
- 文章 · 前端 | 1个月前 | html在线运行 281浏览 收藏
-
- CSS响应式侧边栏折叠文字图标切换方法
- 侧边栏折叠时文字消失但图标保留的常见实现方式是用overflow:hidden、max-width:0和opacity:0组合控制文字可见性,配合transition实现平滑动画,并通过.sidebar-collapsed类和matchMedia精准切换状态,兼顾可访问性与响应式体验。
- 文章 · 前端 | 1个月前 | 412浏览 收藏
-
- 在HTML中,可以通过CSS的 transform-origin 属性来设置元素进行变形(如旋转、缩放等)时的基准锚点位置。这个属性决定了变换的起点,也就是元素围绕哪个点进行旋转或缩放。语法如下:transform-origin: [x] [y] [z];x:水平方向的锚点位置,可以是百分比、像素值、关键字(如 left、center、right)。y:垂直方向的锚点位置,同样可以是百分比、像素值
- transform-origin是独立CSS属性,须与transform并列声明,作用于整个变换链;双值语法为X后Y,支持关键字/百分比/像素混用;非默认原点用像素值会增加GPU计算负担。
- 文章 · 前端 | 1个月前 | 108浏览 收藏
-
- HTML倒计时器制作教程:时间计算与显示技巧
- 需用JavaScript实现网页倒计时:一、Date计算时间差并setInterval每秒更新;二、data-*属性解耦目标时间;三、requestAnimationFrame提升精度;四、padStart补零格式化;五、通过时区标记(如Z或+08:00)或时间戳规避本地偏差。
- 文章 · 前端 | 1个月前 | 102浏览 收藏
-
- HTML实现文件下载功能_通俗易懂教程
- 关键在于服务端响应头必须设置Content-Disposition:attachment,而非依赖download属性;因download仅对同源URL生效,跨域、file://协议或服务端未配响应头时均会失效。
- 文章 · 前端 | 1个月前 | 453浏览 收藏
-
- JavaScript惰性函数实现及优势解析
- 惰性函数是在首次调用时完成初始化并重写自身、后续调用直接执行优化逻辑的函数;它通过首次判断环境后替换函数引用,避免重复检测开销,适用于高频调用且判断逻辑较重的场景。
- 文章 · 前端 | 1个月前 | 203浏览 收藏
-
- HTML转义优化特殊字符处理技巧
- 直接用innerHTML插入用户输入会引发XSS和DOM错乱,因浏览器将<script>等字符解析为HTML;关键在于按上下文(文本节点、属性值、JS字符串等)精准转义或使用textContent/DOMPurify。
- 文章 · 前端 | 1个月前 | 167浏览 收藏
-
- BEM命名CSS面包屑导航路径与分隔符样式
- Breadcrumb必须严格使用breadcrumb__element--modifier命名,块名是语义锚点;当前页应为breadcrumb__item--current作用于li,分隔符用li:not(:last-child)::before控制,中间项需保留DOM仅隐藏。
- 文章 · 前端 | 1个月前 | 379浏览 收藏
-
- HTML5 localStorage如何替代Cookie存储方案
- localStorage不能直接替换Cookie,因二者语义不同:Cookie自动随请求发送、支持服务端控制字段和HttpOnly,localStorage纯客户端、无自动传输与过期机制、存取需手动序列化且不安全。
- 文章 · 前端 | 1个月前 | 380浏览 收藏
-
- 判断一个对象是否在另一个对象的原型链上,可以使用 isPrototypeOf() 方法。该方法用于检查某个对象是否是另一个对象的原型(即是否存在于该对象的原型链中)。语法:prototype.isPrototypeOf(object)prototype:要检查是否为原型的对象。object:要检查其原型链的对象。示例说明:function Person() {} const person = ne
- isPrototypeOf()用于检测原型链关系,调用在潜在原型对象上并传入待检测对象,返回布尔值;它比instanceof更底层灵活,不依赖构造函数,仅检查实际原型链。
- 文章 · 前端 | 1个月前 | 265浏览 收藏
-
- CSS计数器重置失败怎么解决
- counter-reset在子元素中不生效,根本原因是它只对后续同级或后代中满足作用域条件的counter-increment生效,且重置动作不继承、不传播、不穿透伪元素边界。
- 文章 · 前端 | 1个月前 | 333浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 3581次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 3307次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 3283次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 3472次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 3429次使用

