-
- JavaScriptMediaStreamAPI视频处理实战
- 首先通过navigator.mediaDevices.getUserMedia获取摄像头视频流并预览；接着利用Canvas对视频帧进行实时滤镜或像素处理，并通过captureStream生成新MediaStream；最后结合MediaRecorderAPI录制处理后的视频流，实现前端视频采集、加工与保存的完整流程。
- 文章 · 前端 | 1个月前 | 426浏览 收藏
-
- CSS渐变圆角设计技巧分享
- 答案：CSS中渐变背景与border-radius可协同实现圆角渐变效果。只需在同一元素设置background-image为渐变并添加border-radius，背景会自动贴合圆角；避免使用background-clip:padding-box或父级overflow:hidden导致裁剪问题；支持多层渐变叠加，如线性与径向渐变组合，增强视觉层次。
- 文章 · 前端 | 1个月前 | 135浏览 收藏
-
- Bulma框架小项目五大优势解析
- Bulma适合小项目，因其纯CSS、轻量（仅23KB）、响应式布局开箱即用、语义化类名直观易懂、支持Sass按需定制，无需JS框架即可快速上线。
- 文章 · 前端 | 1个月前 | 433浏览 收藏
-
- JavaScript时间与时区转换技巧详解
- JavaScript中处理时区需理解Date对象以UTC存储但显示为本地时间，可通过Intl.DateTimeFormat转换时区，或使用luxon等库精确操作，关键在于区分来源与展示时区。
- 文章 · 前端 | 1个月前 | 280浏览 收藏
-
- JavaScript对象合并：浅拷贝还是深拷贝？
- JavaScript对象合并需据嵌套情况选浅拷贝或深拷贝：浅拷贝如Object.assign()、展开运算符仅复制第一层，引用类型共享内存；深拷贝如structuredClone()、JSON序列化或lodash.cloneDeep()递归复制全部层级，确保完全独立。
- 文章 · 前端 | 1个月前 | 125浏览 收藏
-
- grid-template-rows:auto与固定行高区别详解
- grid-template-rows使用auto时行高由内容决定，适合动态内容；使用固定值（如50px）则布局规整，适合对齐要求高的场景。可混合使用，如60pxauto40px，兼顾灵活性与结构统一。
- 文章 · 前端 | 1个月前 | 269浏览 收藏
-
- 深色模式切换与用户偏好保存方法
- 本教程详细介绍了如何使用原生JavaScript实现网页的深色/浅色模式切换功能，并利用localStorage持久化用户的选择。通过一个简洁的切换按钮，用户可以轻松改变页面背景和字体颜色，且其偏好在页面刷新后依然有效。文章将涵盖HTML结构、CSS样式定义以及核心JavaScript逻辑，包括DOM操作、事件监听和本地存储的应用。
- 文章 · 前端 | 1个月前 | 422浏览 收藏
-
- JavaScript定时任务详解：setTimeout与setInterval区别
- setTimeout用于执行一次延迟任务，setInterval用于周期性重复执行；前者适合防抖、延时提示等，后者适合轮询、倒计时等；均需用对应clear方法清除，且执行时机受主线程阻塞影响不精确。
- 文章 · 前端 | 1个月前 | 243浏览 收藏
-
- CSSpadding和margin区别及实用技巧
- padding是内边距，影响元素内部空间并扩展背景和边框范围；margin是外边距，控制元素间的外部距离且不显示背景。两者在布局中分工明确：padding用于调整内容与边框的距离，常用于按钮、文字区域以增强可读性；margin用于分离不同元素，实现模块间距或居中（如margin:0auto）。在标准盒模型下，padding增加元素尺寸，而margin不影响自身大小；使用box-sizing:border-box可将padding和border包含在设定宽高中，便于响应式设计。实际开发中应重置默认margi
- 文章 · 前端 | 1个月前 | 403浏览 收藏
-
- HTML背景色设置，CSSbackground-color使用教程
- 最常用方法是使用CSS的background-color属性。1.内联样式通过style属性设置单个元素背景色，如黄色div；2.内部样式表在head中用style标签定义，统一设置页面元素背景，如body浅蓝、box浅珊瑚红；3.外部CSS文件将样式分离，通过link引入，便于多页共用，如body淡青、content白色；4.颜色值支持名称（red）、十六进制（#ff0000）、RGB（rgb(255,0,0)）和RGBA（rgba(255,0,0,0.5)）等格式。建议优先使用外部或内部CSS以提升维
- 文章 · 前端 | 1个月前 | 103浏览 收藏
-
- CSS组件按需加载技巧全解析
- 应按需加载组件样式以减少冗余：确认组件库支持模块化样式（如ElementPlus的theme-chalk/button.css）、构建工具配置CSS代码分割（Vite默认支持，Webpack需MiniCssExtractPlugin），或手动提取本地CSS文件；进阶可用PurgeCSS或UnoCSS优化。
- 文章 · 前端 | 1个月前 | 101浏览 收藏
-
- 手机运行HTML页面的实用方法教程
- 答案是使用手机浏览器直接打开本地HTML文件最方便，将文件保存至手机后通过文件管理器用浏览器打开即可预览；需要编辑时可使用Acode等代码App实现编写与实时预览；若在电脑开发，可通过同一Wi-Fi下启动本地服务器，手机输入电脑IP加端口访问测试；也可将代码上传至CodePen、JSFiddle等在线平台生成链接快速分享预览。
- 文章 · 前端 | 1个月前 | html 345浏览 收藏
-
- CSS动画子元素顺序如何协调播放
- 通过设置animation-delay实现子元素动画依次播放，利用:nth-child为每个元素分配递增延迟时间，结合CSS变量与calc函数可简化多元素管理，配合animation-fill-mode等属性优化动画连贯性。
- 文章 · 前端 | 1个月前 | CSS动画 多元素动画 445浏览 收藏
-
- HTML5连接SQLite方法与技巧详解
- 需借助SQL.js等JavaScript库在浏览器中模拟SQLite操作。具体包括：引入SQL.js加载数据库、通过FileAPI读取本地文件、用localStorage持久化数据、处理异步初始化及兼容性问题。
- 文章 · 前端 | 1个月前 | 477浏览 收藏
-
- CSS属性选择器如何匹配部分值？
- CSS属性选择器支持部分值匹配，可灵活定位元素；2.使用[attr*="value"]匹配包含指定文本的属性值，适用于邮箱链接等场景；3.[attr^="value"]选择以特定字符串开头的属性，常用于区分外部链接；4.[attr$="value"]选择以特定后缀结尾的属性，适合文件类型识别；5.[attr~="value"]匹配空格分隔的独立单词，[attr|="value"]匹配连字符分隔的值，适用于多值属性；6.合理使用可减少类名冗余，提升可维护性，但需注意性能和大小写敏感问题。
- 文章 · 前端 | 1个月前 | CSS 属性选择器 147浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3685次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3952次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3893次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 5067次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 4265次使用
