前端技术文章
-
- 函数节流优化渲染,保障60FPS流畅响应
- 函数节流是通过requestAnimationFrame实现帧同步,匹配屏幕刷新率避免丢帧;滚动回调仅缓存scrollTop和标记RAF注册状态,真实逻辑统一在RAF中执行;需规避强制同步布局、全量DOM更新与复杂计算;动画用transform+will-change硬件加速;监听必须设passive:true。
- 文章 · 前端 | 1个月前 | 132浏览 收藏
-
- 大文件处理卡顿怎么办?硬件优化技巧
- 应优先调优VSCode设置而非换编辑器——启用大文件优化、禁用无关扩展与渲染选项,并配合rg/awk等命令行工具分工处理;内存不足时需关注swap和pagecache压力。
- 文章 · 前端 | 1个月前 | 431浏览 收藏
-
- CSS优雅清除浮动:::after伪元素方法详解
- ::after伪元素清除浮动是最实用且不污染结构的方案,需作用于浮动子元素的直接父容器,且该容器不能是flex/grid布局或已有其他::after规则;content:""不可省略,display:table比block更稳,clear:both强制虚拟块落于浮动元素下方以撑开父容器。
- 文章 · 前端 | 1个月前 | 330浏览 收藏
-
- HTML如何设置husky钩子|Git钩子配置教程
- Husky本身不原生支持HTML,但可在pre-commit钩子中调用prettier等命令处理暂存区HTML文件,需配置--ignore-unknown参数防报错;commit-msg钩子应通过commitlint规范语义(如feat(html)),而非匹配文件类型;pre-push一般不加HTML专项检查,因其无编译链路,宜交由CI统一校验。
- 文章 · 前端 | 1个月前 | 197浏览 收藏
-
- HTML代码注释添加技巧与规范
- <p>HTML注释应使用<!---->语法,注明作用域、修改时间与兼容性信息,禁止暴露敏感内容,结合编辑器快捷键与自动化工具提升规范性与可维护性。</p>
- 文章 · 前端 | 1个月前 | 240浏览 收藏
-
- 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浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 857次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 832次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 770次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 962次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 931次使用

