前端技术文章
-
- Array.values() 分段加载技巧与优化方法
- Array.prototype.values()返回同步迭代器，不支持原生延迟加载；但可通过结合定时器、Promise或async/await手动实现分段异步消费，如每200ms取10个元素。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- 使用 export 实现模块自销毁，降低内存占用
- “自销毁逻辑”的模块实例不能通过export语句直接导出，因export仅为静态声明绑定，不控制生命周期；需导出含init()/destroy()方法的工厂或类，由调用方显式管理资源。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- HTML图片CDN自动优化技巧
- CDN本身不自动优化图片，需手动开启功能、配置参数并确保MIME类型正确；CloudflarePolish默认关闭且仅对代理下的静态图片生效，MIME错误、缓存污染或动态URL均会导致失效。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- JavaScript 文件操作与流处理技巧
- JavaScript通过FileAPI和FileReader实现浏览器端文件读取，支持文本、二进制和base64格式；利用ReadableStream分块处理大文件避免内存溢出；Node.js中使用fs模块进行文件读写，通过createReadStream和createWriteStream实现流式处理，并结合pipe构建高效数据管道，如压缩、加密等；两者分别侧重安全交互与系统控制，掌握其差异与共通点是实现高效文件操作的关键。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- CSS小屏文字自动换行技巧
- 优先用word-break和overflow-wrap组合而非word-wrap；需设容器宽度、避免white-space:nowrap遗留；iOSSafari需回退word-wrap，X5内核建议降级word-break:break-all。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- CSS定位如何精准控制元素位置
- 绝对定位元素的left/top值未生效，是因为其偏移参考点是最近的已定位祖先元素（position为relative/absolute/fixed/sticky），而非body或viewport；若无已定位祖先，则默认参照<html>，易导致错位或“消失”。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- CSS中，inline-block元素的盒模型特点与inline和block元素有所不同，主要体现在布局方式和尺寸控制上。以下是其盒模型的特点，并结合尺寸与边距行为进行说明：一、盒模型特点显示为行内元素（inline）inline-block元素默认不会独占一行，而是和其他行内元素在同一行显示，类似于inline元素。支持设置宽度和高度（width/height） 与inline元素不同，inli
- inline-block盒模型与block完全一致，但布局受限于行内环境；默认收缩包裹内容、高度由内容决定、vertical-align影响对齐、空白间隙源于HTML文本节点、所有行为均符合CSS规范。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- HTML表单中多行文本框的高度怎么自适应内容
- 多行文本框的高度自适应内容可以通过JavaScript实现。具体步骤如下：1.使用addEventListener监听input事件，动态调整高度；2.优化性能时，可使用debounce或throttle限制事件触发频率；3.考虑兼容性和样式问题，设置min-height和max-height，并使用flexbox或grid管理布局；4.为用户体验，达到一定高度后可显示滚动条。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- 使用 writable 属性描述符限制 JavaScript 对象属性修改，可以通过 Object.defineProperty 方法来实现。该方法允许你定义对象的属性及其特性，其中 writable 是一个布尔值，用于控制属性是否可以被重新赋值。1. 基本用法const obj = {}; Object.defineProperty(obj, 'name', { value: 'Alice
- writable属性描述符控制对象属性值是否可被重新赋值，需通过Object.defineProperty()设置；设为false后属性值锁定，赋值操作静默失败或抛TypeError，且不可逆除非configurable为true。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- HTML单位转换器：px、rem、em转换工具【参考】
- px转rem的basefont-size应以html元素实际生效的computedfont-size为准，而非浏览器默认16px；需通过DevTools查看或配置postcss-pxtorem的rootValue值。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- Word批量调整图片大小技巧｜查找替换法全攻略
- Word中无法通过查找替换修改<img>宽高属性，因HTML标签已被解析为图片对象；应使用VBA脚本遍历InlineShapes和Shapes批量等比缩放。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- CSS颜色能用calc计算吗？详解颜色与calc结合使用
- calc()不能直接用于颜色值，仅hsl()/hsla()的h/s/l参数及rgb()/rgba()各通道可间接使用calc()，因它们接受角度、百分比或无单位整数。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- HTMLFeaturePolicy使用详解与浏览器特性控制指南
- Permissions-Policy已取代Feature-Policy，旧头在Chrome100+等浏览器中静默失效；必须使用Permissions-Policy响应头和allow属性（分号分隔、括号指定来源），且需明确控谁、控什么、在哪控。
- 文章 · 前端 | 1个月前 | 228浏览 收藏
-
- HTML媒体标签用于嵌入音频视频内容
- HTML文件的媒体元素主要包括<audio>、<video>、<img>等标签，用于嵌入音频、视频和图片内容；2.正确浏览HTML文档需要浏览器解析代码、构建DOM树、渲染内容，并正确处理媒体元素的源文件、格式兼容性、路径、MIME类型和CORS等；3.媒体文件无法播放的主要原因包括格式不兼容、路径错误、MIME类型配置不当、跨域限制及网络或文件大小问题；4.确保可访问性和语义化需使用语义化标签构建结构，为图片提供alt文本，为音视频添加字幕和文字稿，并确保交互元素支持
- 文章 · 前端 | 2个月前 | 227浏览 收藏
-
- CSS实现响应式图片卡片翻转效果
- 根本原因是未设置transform-style:preserve-3d，导致子元素在3D空间被压平；需在翻转容器设该属性、背面元素加backface-visibility:hidden，并避免overflow:hidden裁剪。
- 文章 · 前端 | 2个月前 | 227浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 4435次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 4081次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 4069次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 4255次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 4226次使用
