前端技术文章
-
- JavaScript大文件分片上传技巧
- 大文件上传需分片处理以保障稳定性与用户体验。核心是生成文件指纹实现秒传,异步分片上传并控制并发,服务端支持分片校验、临时存储与按序合并,配合断点续传、进度反馈及合并状态轮询等优化。
- 文章 · 前端 | 1个月前 | 302浏览 收藏
-
- JavaScript WeakMap与WeakSet使用详解
- WeakMap和WeakSet通过弱引用实现内存安全的对象关联与状态跟踪。1.WeakMap以对象为键,用于私有数据封装、缓存计算结果和DOM元信息管理,对象销毁后键值对自动释放;2.WeakSet存储对象,用于防止重复操作、对象去重和临时标记,支持唯一性判断且不阻止垃圾回收;3.二者均不可遍历、无size属性,核心优势是避免内存泄漏,适用于需自动内存管理的场景。
- 文章 · 前端 | 1个月前 | 302浏览 收藏
-
- CSS组件封装如何避免尺寸问题?盒模型是关键
- 统一box-sizing:border-box、按语义选单位(rem/em/px/fr/%)、组件尺寸含padding/border、margin交由父级控制——这是CSS组件封装中避免尺寸失控的四大核心原则。
- 文章 · 前端 | 1个月前 | 302浏览 收藏
-
- 拖拽进入容器不冒泡到子元素方法
- 通过设置CSSpointer-events:none禁用子元素的指针事件捕获能力,使拖拽事件(如dragenter/dragleave)直接由容器捕获,避免因子元素覆盖导致的频繁触发与状态错乱。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- JavaScript自定义事件应用与通信方法
- JavaScript自定义事件通信核心是CustomEvent+dispatchEvent+addEventListener,推荐封装事件总线(Map存储、支持on/once/off/emit),组件销毁时需解绑防泄漏;跨层级优先用props/context/store,仅插件或微前端等解耦场景用事件;命名加前缀、检查元素存在、记录source/timestamp提升健壮性。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- 手机优化HTML5页面技巧分享
- 手机HTML5页面需配置Viewport、响应式CSS、触摸事件优化、资源性能提升及API兼容性检测。具体包括设置viewport元标签、使用媒体查询和flex布局、绑定touchstart事件、启用async脚本和srcset图片、运行时检测Canvas/Geolocation等API支持情况。
- 文章 · 前端 | 2个月前 | HTML5代码 302浏览 收藏
-
- HTMLCSS画椭圆技巧【最新】
- border-radius:50%能画标准椭圆,因水平半径=宽×50%、垂直半径=高×50%,宽≠高时两半径不等即成椭圆;斜杠语法(如50%/50%)支持独立控制水平与垂直方向圆角。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- CSS响应式图片占位符怎么实现
- aspect-ratio是现代CSS唯一原生支持容器按比例预留空间的属性,作用于容器本身,配合width或max-width即可稳定占位、避免布局抖动,无需JS、图片加载或伪元素hack。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- call改变this指向并传参执行方法
- call是函数对象的原生方法,用于临时指定并立即执行函数时的this值,第一个参数为thisArg,后续参数依次传入目标函数,不修改原函数。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- Flexbox用gap统一列间距更简洁
- 使用gap属性可解决Flexbox两列布局间距不一致问题,因margin设置不当或未清除末项间距会导致错位,而gap能自动均匀分配子元素间隙;示例中通过display:flex、flex-wrap:wrap与gap:20px配合calc()计算宽度,确保每项正确排列且无需处理最后一项margin;现代浏览器支持良好,旧浏览器可用负margin降级处理,但推荐优先使用gap以提升布局一致性与维护性。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- HTML5移动端适配注释与代码标注技巧
- <p>HTML5注释语法统一为<!--注释内容-->,移动端无特殊语法;所谓“移动端注释”是开发者约定语义,用于标注视口设置、媒体查询、触摸事件等关键适配点,需写明具体设备、系统、问题及验证结果。</p>
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- CSS吸顶效果失效怎么解决?
- position:sticky失效的根本原因是父容器overflow非visible或自身处于transform/filter等创建新层叠上下文的样式中;需检查祖先节点computedstyles,确保无overflow:hidden/auto/scroll、无transform/perspective/filter等影响,并在iOSSafari中为flex/grid父容器添加align-items:start。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- ng-select动态添加选项并自动选中方法
- 本文详解如何在使用ng-select实现搜索下拉的场景中,通过代码动态追加新选项(如{value:'c',id:3})并确保其立即显示为已选状态,关键在于遵循OnPush变更检测机制,采用不可变更新方式操作items和options数组。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- Electron拦截iframe邮件链接方法
- 在Electron全屏Kiosk应用中,当嵌入的iframe页面包含mailto:链接时,系统默认会启动外部邮件客户端,导致用户脱离应用。本文介绍如何通过will-frame-navigate事件精准拦截此类跨帧导航请求,无需修改iframe内容即可实现全局防护。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
-
- JavaScript处理二进制数据全攻略
- JavaScript操作二进制数据必须使用ArrayBuffer及其视图(如Uint8Array、DataView),因String是UTF-16编码且会Unicode正规化,普通Array存储JS值而非连续字节,无法保证对齐与大小端控制,易致网络传输、文件解析等场景数据错位或静默损坏。
- 文章 · 前端 | 2个月前 | 302浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 2146次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 1988次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 1934次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 2138次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 2118次使用

