-
- BOM实现AR/VR页面功能详解
- BOM不能直接实现页面的AR/VR功能。因为BOM主要用于浏览器窗口、导航、环境信息等基础操作，无法访问摄像头、陀螺仪或进行高性能3D渲染；而AR/VR依赖WebXRDeviceAPI与WebGL/WebGPU结合，通过1.检测WebXR支持、2.请求XR会话、3.设置渲染上下文、4.进入渲染循环、5.渲染3D内容等步骤实现，这些均超出了BOM的能力范围。
- 文章 · 前端 | 3星期前 | 311浏览 收藏
-
- 自定义HTML列表符号技巧分享
- 要自定义HTML列表的项目符号，主要通过CSS实现，控制力由弱到强依次为：1.使用list-style-type和list-style-position设置预定义符号类型及位置；2.使用list-style-image将图片设为项目符号，但控制不够灵活；3.使用::marker伪元素样式化标记，可调整颜色、大小、内容等，但仍有限；4.最常用且最灵活的方式是使用list-style:none;结合::before伪元素完全自定义，包括文本、图标或SVG，并进行精确定位。传统方法如list-style-typ
- 文章 · 前端 | 3星期前 | 311浏览 收藏
-
- JavaScript异步错误处理全攻略
- 异步编程的异常处理关键在于针对非阻塞特性设计主动错误捕获机制。1.回调函数使用错误优先模式，将错误作为第一个参数传递；2.Promise通过.catch()方法捕获链式操作中的错误；3.async/await结合try...catch实现同步式错误处理。这些方式均强调在异步流程中明确“何时何地”捕获错误，以避免程序崩溃或逻辑混乱。
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- CSSonly-child选择器怎么用？
- :only-child选择器用于选中父元素下唯一的子元素。其核心是基于“唯一性”判断，当一个元素是父元素的唯一直接子元素时，该选择器生效，语法为选择器:only-child{样式}；它常用于处理只有一个子元素时的特殊样式，如居中、调整字体大小等；需注意它只考虑直接子元素，且可能受注释或非空白文本节点影响；与其他结构伪类如:first-child、:last-child不同，:only-child关注的是“数量唯一”，而非“位置”。
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- 什么是favicon？网站添加小图标教程
- Favicon显示不出来最常见的原因是浏览器缓存、路径错误、文件格式或尺寸问题；解决方法依次为：1.清除浏览器缓存或使用无痕模式测试；2.检查href路径是否正确，文件名及大小写是否匹配；3.优先使用兼容性好的.ico格式或支持透明的PNG格式，并确保图片未损坏；4.确认服务器正确配置了.ico或.png的MIME类型；5.确保图标尺寸符合规范，基础尺寸为16x16和32x32像素，多尺寸可提升跨设备显示效果。
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- Angular条件获取不同ID方法
- 本文介绍了如何在Angular中使用JavaScript的数组方法，从JSON数据集中筛选出满足特定条件的唯一ID。主要涉及filter和map方法的结合使用，以实现数据筛选、去重和提取目标字段的功能。通过本文的学习，你将掌握在Angular项目中高效处理和转换JSON数据的实用技巧。
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- HTML中和标签的作用
- 使用fieldset和legend标签的核心原因在于提升表单的语义化和可访问性，1.它们为屏幕阅读器等辅助技术提供明确的上下文信息，2.通过默认边框和嵌入标题增强视觉分组，3.便于开发者后期维护和管理复杂表单结构。常见应用场景包括用户注册表单中的“联系方式”、“登录信息”，支付信息中的信用卡号、有效期、CVV码，以及问卷调查中的一组单选或复选框问题。在美化方面，可通过CSS调整fieldset的边框、背景、内边距和阴影，并控制legend的字体、颜色、位置及背景样式，使其更贴合整体设计风格，同时需注意保持
- 文章 · 前端 | 2星期前 | 311浏览 收藏
-
- 检测JS原型是否被密封的方法
- 检测JavaScript原型是否被密封最直接的方法是使用Object.isSealed()，它会返回一个布尔值表示对象是否被密封；2.密封对象后不能添加或删除属性，但可以修改现有属性值，而冻结对象（Object.freeze()）则完全禁止修改；3.密封操作不影响原型链上的属性查找，实例仍可正常继承和访问原型方法，且可在实例上覆盖方法而不影响被密封的原型。
- 文章 · 前端 | 1星期前 | 311浏览 收藏
-
- OAuth授权流程全解析与实现步骤
- OAuth在表单中并非获取用户密码，而是通过授权委托实现安全数据访问。其核心是让用户在第三方平台登录并授权，应用通过授权码换取访问令牌（access_token），再以该令牌请求用户数据。与传统表单登录不同，OAuth不接触用户凭证，认证与授权分离，提升安全性。典型流程包括：应用重定向至第三方授权页，用户认证后返回一次性授权码，后端用该码配合client_id和client_secret换取access_token，随后凭此令牌访问API。常见陷阱包括client_secret泄露、redirect_ur
- 文章 · 前端 | 1星期前 | 311浏览 收藏
-
- MutationObserver是微任务吗？
- MutationObserver的回调是作为微任务执行的，这意味着它会在当前宏任务结束后、浏览器渲染前被处理。其优势包括：1.批处理DOM变化，减少不必要的计算；2.在渲染前及时响应DOM更新，避免UI闪烁；3.避免竞态条件和同步事件带来的性能问题。与Promise.then()同属微任务队列，执行顺序取决于入队先后。相比旧版DOM事件（如DOMNodeInserted），MutationObserver具备更高的性能、更细粒度的控制、更安全的异步机制以及更清晰的API设计，尽管其异步性可能带来一定的学习
- 文章 · 前端 | 1星期前 | 311浏览 收藏
-
- HTML脚本优化：4种加速渲染方法解析
- 脚本加载优化的核心在于减少阻塞以提升页面渲染速度，常用策略包括async异步加载、defer延迟加载、动态创建脚本标签和模块化加载。1.async用于独立性强、不依赖DOM的脚本，下载时不阻塞解析且执行顺序不确定；2.defer用于需操作DOM或存在依赖关系的脚本，下载时不阻塞解析且按顺序执行；3.动态创建<script>标签实现按需加载，适用于用户交互后才需要的功能；4.模块化加载（如ESModules）通过代码拆分和按需加载提升性能与可维护性。此外，还可结合CDN、资源预加载、HTTP/2
- 文章 · 前端 | 2天前 | 311浏览 收藏
-
- window对象详解：BOM核心与常用方法
- window对象是BOM的核心，作为JavaScript与浏览器交互的入口，它代表浏览器窗口并承载所有全局变量及BOM其他对象。1.它提供了访问浏览器功能的接口，如获取视口尺寸（innerWidth/innerHeight）、控制滚动（scrollTo/scrollBy）、管理定时器（setTimeout/setInterval）、弹出对话框（alert/confirm/prompt）、操作窗口（open/close）、访问其他BOM对象（document、location、navigator等）以及本地
- 文章 · 前端 | 4星期前 | 310浏览 收藏
-
- JS处理音视频的6个WebCodecs技巧
- 掌握WebCodecsAPI需了解音视频编码及JS技巧，1.复用解码器并动态配置；2.编码器动态调整码率；3.使用EncodedVideoChunk/EncodedAudioChunk封装数据；4.处理音频采样率与声道布局；5.VideoFrame的copyTo高效图像处理；6.结合WebTransport实现低延迟传输。兼容性方面Chrome/Edge支持较好，调试可用开发者工具、控制台输出和chrome://media-internals。性能优化包括实例重用、合理配置参数、WASM加速、减少内存分配
- 文章 · 前端 | 3星期前 | 310浏览 收藏
-
您的浏览器不支持视频播放。">
您的浏览器不支持视频播放。">
- 您的浏览器不支持视频播放。">HTML 中
- object标签的核心作用是作为通用容器嵌入多种外部资源，如PDF、SVG等，支持备用内容实现优雅降级；2.与iframe和embed的区别在于：object语义更强且支持多类型媒体和备用内容，iframe用于嵌入独立HTML文档并提供隔离上下文，embed则依赖插件、无备用内容，现代开发中已基本淘汰；3.实际应用场景包括嵌入PDF、高级交互SVG、非标准格式文件及作为HTML5媒体标签的备用方案；4.使用时需注意兼容性问题（插件依赖、MIME类型匹配、移动端支持）和安全风险（XSS、点击劫持、资源消耗）
- 文章 · 前端 | 3星期前 | 310浏览 收藏
-
- CSS环形数据仪表盘制作详解
- <p>用CSS制作环形数据仪表盘的核心是利用conic-gradient和CSS变量结合数学公式实现动态效果。1.创建一个圆形容器并使用conic-gradient根据CSS变量--value设置颜色分布，红色部分表示进度，浅灰色表示剩余部分；2.添加指针元素，通过transform:rotate(calc(var(--value)*3.6deg))使其旋转对应百分比角度，transform-origin设置旋转基点；3.使用JavaScript动态设置--value变量来更新仪表盘进度，如7
- 文章 · 前端 | 3星期前 | JavaScript 动态数据 CSS变量 conic-gradient 环形仪表盘 310浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 514次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 499次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- AI Mermaid流程图
- SEO AI Mermaid 流程图工具：基于 Mermaid 语法，AI 辅助，自然语言生成流程图，提升可视化创作效率，适用于开发者、产品经理、教育工作者。
- 181次使用
-
- 搜获客【笔记生成器】
- 搜获客笔记生成器，国内首个聚焦小红书医美垂类的AI文案工具。1500万爆款文案库，行业专属算法，助您高效创作合规、引流的医美笔记，提升运营效率，引爆小红书流量！
- 147次使用
-
- iTerms
- iTerms是一款专业的一站式法律AI工作台，提供AI合同审查、AI合同起草及AI法律问答服务。通过智能问答、深度思考与联网检索，助您高效检索法律法规与司法判例，告别传统模板，实现合同一键起草与在线编辑，大幅提升法律事务处理效率。
- 187次使用
-
- TokenPony
- TokenPony是讯盟科技旗下的AI大模型聚合API平台。通过统一接口接入DeepSeek、Kimi、Qwen等主流模型，支持1024K超长上下文，实现零配置、免部署、极速响应与高性价比的AI应用开发，助力专业用户轻松构建智能服务。
- 145次使用
-
- 迅捷AIPPT
- 迅捷AIPPT是一款高效AI智能PPT生成软件，一键智能生成精美演示文稿。内置海量专业模板、多样风格，支持自定义大纲，助您轻松制作高质量PPT，大幅节省时间。
- 174次使用
