-
- Firebase集成TwitchOIDC获取邮箱方法
- 本文详细讲解了在使用FirebaseOpenIDConnect集成Twitch进行用户认证时，如何解决用户账户中电子邮件地址字段为空的问题。核心在于通过setCustomParameters方法向Twitch请求特定的用户信息声明，特别是电子邮件地址，确保用户数据在Firebase中正确同步和显示，从而提供完整的用户档案信息。
- 文章 · 前端 | 2星期前 | 419浏览 收藏
-
- HTML本地时间显示的4种datetime用法
- 1.使用HTML的<time>标签配合datetime属性并结合JavaScript实现本地化时间显示是核心方案。2.首先，HTML中使用<time>标签和ISO8601格式的datetime属性确保时间语义化与机器可读性；3.其次，通过JavaScript的Date对象和Intl.DateTimeFormatAPI在客户端进行自动时区转换与本地化格式化；4.推荐服务器端统一存储UTC时间，前端根据用户环境动态展示本地时间；5.利用data-*属性可增强时间格式的灵活性，提升用户体
- 文章 · 前端 | 2星期前 | html JavaScript datetime属性 <time>标签 本地化时间 419浏览 收藏
-
- HTML5自定义元素用法及注册教程
- CustomElements通过浏览器原生API实现自定义HTML标签，其核心是customElements.define()方法。要注册新标签，需1.定义继承HTMLElement的类并封装逻辑；2.使用define()方法关联类与标签名；3.在HTML中使用该标签。生命周期钩子包括：1.constructor用于初始化；2.connectedCallback在元素插入DOM时触发；3.disconnectedCallback在移除时清理资源；4.attributeChangedCallback响应属性
- 文章 · 前端 | 2星期前 | 419浏览 收藏
-
- 查看网页源代码的几种实用方法
- 查看网页HTML源代码最推荐使用浏览器开发者工具，可通过F12或右键“检查”打开，查看实时DOM树；2.直接右键选择“查看页面源代码”可获取服务器返回的原始HTML，适用于检查SEO元数据；3.保存网页到本地可实现离线分析，选择“网页，完整”或“网页，仅HTML”格式。开发者工具的Elements面板展示的是包含JavaScript动态修改后的实时DOM，而“查看页面源代码”显示的是未经修改的原始HTML，两者分别对应网页渲染前后的不同状态。快速定位复杂源代码的方法包括：右键“检查”目标元素直接跳转、使用
- 文章 · 前端 | 1星期前 | 419浏览 收藏
-
二、
标签<"> 
二、标签<"> -
二、
标签<">figure和figcaption是HTML中用于组合图片和标题的语义化标签，能提升网页的可访问性和结构清晰度。以下是它们的基本用法和组合方式：一、 标签 用于包裹独立的内容块，通常用来包含图片、图表、代码片段等自包含的元素。 
标签< - 使用figure和figcaption标签能实现图片或其他媒体与其标题的语义化组合，1.figure作为自包含内容单元，可包裹img、video、code等媒体或内容；2.figcaption为其提供描述性标题，可置于媒体前后；3.语义化结构使屏幕阅读器能识别标题与内容的关联，提升可访问性；4.搜索引擎借此理解媒体上下文，增强SEO效果；5.相比div+p，figure+figcaption不仅实现视觉组合，更明确传达内容关系；6.适用场景包括代码片段、图表、音视频、引用块及多图组合；7.正确使用可提升内
- 文章 · 前端 | 1星期前 | 419浏览 收藏
-
二、
-
- HTML制作2048游戏及合并逻辑解析
- 制作2048游戏的核心是JavaScript实现方块移动与合并算法，HTML构建4x4网格结构，CSS负责样式与动画，而JS通过二维数组管理游戏状态，处理用户输入、方块生成、渲染更新及游戏结束判断；1.向指定方向滑动时，先对每行或列进行压缩，将非零数字集中到滑动方向的一侧；2.遍历集中后的数组，相邻相同数字合并且仅合并一次，通过标记机制防止重复合并；3.合并后再次压缩，填补因合并产生的空位；4.每次有效移动后随机生成新方块；5.判断是否无空位且无可合并方块以确定游戏结束；为提升体验，需使用vw/vh实现响
- 文章 · 前端 | 1星期前 | 419浏览 收藏
-
- Next.jsAPI路由集成技巧分享
- 在移动运行时（如Capacitor或Expo）中直接运行包含Next.jsAPI路由的完整应用是不可行的，因为API路由属于服务器端逻辑，而Capacitor/Expo仅打包客户端代码。本文旨在探讨几种将现有Next.js应用及其API路由适配到移动环境的策略，包括外部化API服务、迁移API逻辑到独立后端以及采用后端即前端（BFF）模式，并提供实施过程中的关键考量和注意事项。
- 文章 · 前端 | 1星期前 | 419浏览 收藏
-
- JS复制文本的实用方法有哪些
- navigator.clipboardAPI并非所有浏览器都支持，主要是因为安全限制，该API要求HTTPS环境且需用户授权，防止恶意网站窃取剪贴板数据。1.推荐使用navigator.clipboard.writeText进行复制，但需处理兼容性问题；2.当API不可用时，降级使用document.execCommand('copy')配合临时textarea实现复制；3.document.execCommand虽已过时但仍可作为备选方案；4.复制失败时应提示用户并提供手动复制选项；5.复制HTML内容
- 文章 · 前端 | 1星期前 | 剪贴板 兼容性 navigator.clipboard document.execCommand JS复制文本 419浏览 收藏
-
- JavaScript中Number.isNaN用法详解
- Number.isNaN()用于严格判断一个值是否为NaN，与全局isNaN()不同。Number.isNaN('hello')返回false，而全局isNaN('hello')返回true，因为后者会尝试类型转换。避免产生NaN的方法包括类型检查、除数检查和错误处理。它适用于数据验证、数学计算结果检查和调试。polyfill实现为：if(typeofNumber.isNaN!=='function'){Number.isNaN=function(value){returntypeofvalue==='n
- 文章 · 前端 | 6天前 | 419浏览 收藏
-
- 判断JS对象原型是否可配置，主要看其属性是否设置了configurable:true。在JavaScript中，对象的原型（__proto__）本身是一个对象，它的属性是否可配置取决于该属性的描述符。1.使用Object.getOwnPropertyDescriptor()可以通过Object.getOwnPropertyDescriptor()方法查看某个属性的描述符，包括configurabl
- 判断一个对象的原型链是否可被修改，核心在于检查其是否被密封或冻结，因为Object.isSealed()或Object.isFrozen()返回true时，原型链不可变；对于仅不可扩展的对象，原型链通常仍可修改，最可靠的判断方式是尝试使用Object.setPrototypeOf()并捕获TypeError，若抛出错误则不可修改，否则可修改。
- 文章 · 前端 | 5天前 | 419浏览 收藏
-
- JS轻松操作SVG元素全解析
- 操作SVG与HTML的最大区别在于命名空间和属性处理，必须使用document.createElementNS()并指定SVG命名空间URI；2.获取SVG元素可直接使用getElementById、querySelector等DOM方法；3.修改属性应优先使用setAttribute()，尤其对SVG特有属性；4.事件处理与HTML一致，通过addEventListener监听click、mouseover等事件；5.动画可通过CSS（仅限transform、opacity等属性）、requestAni
- 文章 · 前端 | 4小时前 | 419浏览 收藏
-
- 5步轻松创建简单HTML网页教程
- 准备工具：使用记事本或代码编辑器如VSCode；2.写下基础结构：输入包含<!DOCTYPEhtml>、<html>、<head>、<body>的标准HTML5骨架代码；3.添加内容：在<body>中加入<h1>、<p>等标签展示标题和段落；4.保存文件：将文件命名为以.html结尾的名称，如myfirstpage.html，并选择UTF-8编码；5.浏览查看：双击文件用浏览器打开即可看到页面效果；6.排错调试：使用浏览器
- 文章 · 前端 | 3星期前 | 418浏览 收藏
-
- ReactRouterv6私有与嵌套路由实战解析
- 本文详细介绍了如何在ReactRouterv6中实现带有认证保护的嵌套路由。通过使用Outlet组件，我们可以在父级布局中动态渲染子路由内容，从而确保用户在导航时保持界面布局的连贯性。文章涵盖了主应用路由配置、私有路由守卫、布局组件设计以及内容组件的实现，为构建复杂的用户界面提供了清晰的指导。
- 文章 · 前端 | 3星期前 | 418浏览 收藏
-
- 数组传PHP的隐藏域实用技巧
- 本教程旨在详细阐述如何利用HTML隐藏输入域（<inputtype="hidden">）向PHP后端高效、准确地发送数组数据。核心方法是动态创建多个同名但值不同的隐藏输入元素，PHP将自动识别并解析为数组。同时，也会探讨发送逗号分隔字符串并在后端解析的备选方案，并提供相应的JavaScript和PHP代码示例，以及重要的注意事项和最佳实践。
- 文章 · 前端 | 2星期前 | 418浏览 收藏
-
- JavaScript闭包防止全局污染方法
- 闭包能避免意外全局变量，关键是利用其词法作用域特性将变量封装在函数内部。1.使用立即执行函数表达式（IIFE）可创建私有作用域，使变量不会污染全局环境，如将myVariable定义在IIFE内则无法从外部访问；2.闭包的作用域链包含其父级作用域，允许函数访问外层变量，JavaScript引擎会沿作用域链查找变量直至全局作用域；3.除IIFE外，任何访问外部变量的函数都可形成闭包，如事件处理程序中访问createButton的text变量；4.避免闭包导致内存泄漏需注意循环中闭包捕获变量的问题，可通过IIF
- 文章 · 前端 | 2星期前 | 内存泄漏 闭包 作用域 IIFE 全局变量污染 418浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案，代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景，打造一站式知识长龙服务，适合有JS基础的同学学习。
- 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例，全面具体可落地，从理论到实践，一步一步将GO核心编程技术、编程思想、底层实现融会贯通，使学习者贴近时代脉搏，做IT互联网时代的弄潮儿。
- 511次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信：Le-studyg；在课程中，我们将首先介绍MySQL8的新特性，包括性能优化、安全增强、新数据类型等，帮助学生快速熟悉MySQL8的最新功能。接着，我们将深入解析MySQL的网络通信机制，包括协议、连接管理、数据传输等，让
- 498次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网，分为导航，轮播，关于我们，成功案例，服务流程，团队介绍，数据部分，公司动态，底部信息等内容区块。网站整体采用CSSGrid布局，支持响应式，有流畅过渡和展现动画。
- 484次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析，希望您看完这套视频有所收获；包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- 千音漫语
- 千音漫语，北京熠声科技倾力打造的智能声音创作助手，提供AI配音、音视频翻译、语音识别、声音克隆等强大功能，助力有声书制作、视频创作、教育培训等领域，官网：https://qianyin123.com
- 206次使用
-
- MiniWork
- MiniWork是一款智能高效的AI工具平台，专为提升工作与学习效率而设计。整合文本处理、图像生成、营销策划及运营管理等多元AI工具，提供精准智能解决方案，让复杂工作简单高效。
- 209次使用
-
- NoCode
- NoCode (nocode.cn)是领先的无代码开发平台，通过拖放、AI对话等简单操作，助您快速创建各类应用、网站与管理系统。无需编程知识，轻松实现个人生活、商业经营、企业管理多场景需求，大幅降低开发门槛，高效低成本。
- 205次使用
-
- 达医智影
- 达医智影，阿里巴巴达摩院医疗AI创新力作。全球率先利用平扫CT实现“一扫多筛”，仅一次CT扫描即可高效识别多种癌症、急症及慢病，为疾病早期发现提供智能、精准的AI影像早筛解决方案。
- 212次使用
-
- 智慧芽Eureka
- 智慧芽Eureka，专为技术创新打造的AI Agent平台。深度理解专利、研发、生物医药、材料、科创等复杂场景，通过专家级AI Agent精准执行任务，智能化工作流解放70%生产力，让您专注核心创新。
- 230次使用
