-
- HTML滑动与手势识别怎么选？
- 原生touch事件足以胜任多数滑动场景，如轮播图、横向滚动等；优先使用touchstart/touchmove/touchend，配合touch-action控制拦截权，避免盲目引入手势库。
- 文章 · 前端 | 3星期前 | 318浏览 收藏
-
- HTMLDOM结构解析与操作教程
- DOM是浏览器接口而非JavaScript内置部分，根节点为document（nodeType=9），非html；childNodes含所有节点类型，children仅含元素节点；getElementById快但ID易重复，querySelector更安全灵活；innerHTML会重建DOM并丢失事件，textContent仅改文本且防XSS。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
- CSS大屏布局分散怎么调整？
- 大屏内容显分散太空的本质是布局未适配高分辨率，需阶梯式放大元素尺寸、间距及网格列数；推荐用rem配合根字体动态调整，结合CSSGrid按内容类型设列数，并重点放大标题、压缩图表边距、减小卡片间隙、添加视觉锚点。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
- CSS瀑布流实现教程详解
- CSScolumns实现瀑布流轻量易维护，但属按列顺序切割的“伪瀑布流”，适合内容长度相近场景；需用column-count与column-gap控制列数和间距，子项加break-inside:avoid防断行，图片设aspect-ratio或padding-top避重排，响应式推荐column-width结合column-count限制上限。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
- UL与OL嵌套使用技巧分享
- HTML中ul和ol嵌套合法但需严格遵循结构：子列表必须作为li的子元素，CSS控制编号与缩进，counter实现多级序号，屏幕阅读器不读CSS生成编号。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
- HTML实现语音输入功能，基础教程
- 浏览器原生不支持HTML元素直接通过speech属性启用语音识别，必须使用JavaScript的SpeechRecognitionAPI手动实现；input和textarea需绑定onresult事件并将transcript写入value，且受限于HTTPS、权限、浏览器兼容性等硬性条件。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
- CSS导航栏下拉不显示？检查JS初始化与父容器overflow设置
- 导航栏下拉菜单不显示的常见原因是JavaScript未初始化或父容器overflow:hidden导致裁剪；需检查JS初始化、data属性、overflow样式、z-index及display/visibility设置。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
-
JavaScript 的 Record 和 Tuple 是 ES2024 中引入的两个新提案，旨在增强类型系统并提升不可变性。它们通过提供更安全、更明确的数据结构，帮助开发者构建更可靠和可维护的代码。1. 什么是 Record？Record
- Record和Tuple是JavaScript新增的深度不可变数据类型，分别用#{}和#[]表示，支持值比较与结构化克隆，适用于状态管理等场景。
- 文章 · 前端 | 2星期前 | 318浏览 收藏
-
JavaScript 的 Record 和 Tuple 是 ES2024 中引入的两个新提案，旨在增强类型系统并提升不可变性。它们通过提供更安全、更明确的数据结构，帮助开发者构建更可靠和可维护的代码。1. 什么是 Record？Record
-
- 服务端缓存加速JS数据加载
- 服务端缓存JavaScript需合理配置Cache-Control和ETag，结合文件哈希实现版本控制，利用CDN加速并设置适当缓存时间，动态内容则按需使用private缓存或服务端响应缓存，同时监控命中率与请求比例，及时清理失效缓存以优化性能。
- 文章 · 前端 | 1星期前 | 服务端缓存 318浏览 收藏
-
- JavaScript代码测试方法：单元与集成测试详解
- JavaScript测试必须覆盖关键路径，单元测试用Jest隔离验证函数/组件，集成测试依场景选Cypress或Vitest，重点保障跨模块数据流与副作用，函数和分支覆盖率比行覆盖率更能暴露风险。
- 文章 · 前端 | 6天前 | 318浏览 收藏
-
- HTML lang属性：提升SEO与辅助功能的关键设置
- lang属性必须设在<html>标签上，值须匹配实际内容语言；zh-CN适用于国内项目，zh-Hans适合需分离脚本与地区的国际化产品。
- 文章 · 前端 | 3天前 | 318浏览 收藏
-
- CSS星空流星动画制作教程
- 必须用transform+opacity实现流星动画，因其硬件加速且不触发重排；left/top会导致卡顿，background-position难以精准控制轨迹；需错开delay/duration、限制DOM数量、禁用blur/box-shadow等性能杀手。
- 文章 · 前端 | 1天前 | 318浏览 收藏
-
- CSSfixed背景固定设置方法
- background-attachment:fixed在现代桌面浏览器中虽能工作，但常因祖先元素的transform/opacity/filter创建新层叠上下文而退化为relative锚定，且iOSSafari等完全不支持，推荐用position:fixed独立div或伪元素模拟以确保兼容性。
- 文章 · 前端 | 14小时前 | 318浏览 收藏
-
- HTML插入视频方法与格式支持教程
- 用<video>标签插入本地视频需确保路径正确、格式兼容（优先H.264+AAC的MP4）、添加controls属性，并用<source>多格式回退（MP4在前、WebM在后），同时注意file://协议限制、移动端静音要求及浏览器编码支持差异。
- 文章 · 前端 | 4小时前 | 318浏览 收藏
-
- HTML模块加载方法与4种import优化技巧
- 现代Web开发倾向于使用ESM而非传统脚本，原因包括：1.作用域隔离，避免全局变量污染；2.明确的依赖管理，自动解析模块顺序；3.默认异步加载，提升页面性能；4.支持严格模式和CORS；5.支持TreeShaking优化代码体积。
- 文章 · 前端 | 4星期前 | 317浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 5871次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 6305次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 6112次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 8081次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 6508次使用
