前端技术文章
-
- JavaScriptOAuth流程详解与实现方法
- OAuth2.0授权码模式通过前端JavaScript发起授权请求并处理回调，后端完成令牌交换。1.注册应用获取ClientID、ClientSecret和RedirectURI；2.前端构造含response_type=code、client_id、redirect_uri、scope和state的授权URL并跳转；3.用户登录授权后，认证服务器重定向至回调地址，附带code和state参数；4.前端提取code并传给后端，后端使用client_secret通过POST请求交换access_token；
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- JS原型链与继承机制详解
- 原型链是JavaScript中对象属性查找的路径，从实例__proto__逐级向上追溯至Object.prototype（__proto__为null终止）；构造函数的prototype是原型链起点，实例__proto__指向其prototype；继承需用Object.create(Parent.prototype)链接子类prototype并修复constructor，同时用Parent.call(this)继承实例属性。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- HTML5游戏卡顿原因与优化方法
- HTML5游戏手机掉帧主因是requestAnimationFrame误用、图片未适配DPR、touchmove监听泄漏及WebGL纹理上传阻塞；应单层RAF驱动、预切@3x图、被动事件+及时解绑、初始化上传纹理并用texSubImage2D更新。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- 手机制作HTML工具与方法全解析
- 答案：手机可借助编程App和在线工具编写响应式HTML。使用QuickEdit、Dcoder等编辑器编写代码，配合JSFiddle、CodePen等平台实时预览，添加viewport元标签和CSS媒体查询实现响应式布局，通过云盘或GitHubPages分享成果。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- HTML5 ServiceWorker注册失败解决方法
- ServiceWorker注册失败主因是环境不满足：非HTTPS（localhost除外）、脚本路径不同源或跨目录、MIME类型非text/javascript；需在DOMContentLoaded后调用register()，检查navigator.serviceWorker存在性，合理设置scope；sw.js中install事件须正确使用waitUntil，避免路径错误或同步调试；调试应依赖DevToolsApplication面板、Updateonreload及chrome://servicewor
- 文章 · 前端 | 7个月前 | HTML5 472浏览 收藏
-
- CSS限制样式作用范围的常见方法有以下几种，适用于不同场景和需求：1.使用类选择器（ClassSelector）通过为元素添加特定的类名，仅对具有该类名的元素应用样式。示例：.my-class{color:red;}HTML：<pclass="my-class">这段文字会变红。</p>2.使用ID选择器（IDSelector）每个页面中ID是唯一的，因此可以精确地限定样式
- 最简单有效的方式是在Vue单文件组件中使用<stylescoped>，它通过添加唯一属性和重写选择器实现样式局部化；其他场景需用类名隔离、CSSModules或ShadowDOM。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- JavaScript实现Diff算法及高效更新技巧
- JavaScript中实现Diff算法的核心是理解同层比较与key优化思想，复用成熟方案或轻量库（如diff），结合documentFragment批量操作和requestIdleCallback调度，以实现高效DOM更新。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- CSS浮动如何提升布局灵活性与优化
- float会导致父容器高度塌陷，因其使元素脱离文档流；修复需清除浮动，如伪元素clearfix；它不支持等高列且响应式中易失控，现代布局应优先使用Flexbox或Grid。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- PHP中HTML图片不显示的解决方法
- 图片无法加载因路径错误、服务器配置、文件权限、PHP输出干扰或MIME类型问题。1.检查相对/绝对路径正确性；2.确保服务器支持静态资源访问；3.设置文件权限为644并核对格式；4.避免PHP输出空白或调试信息；5.配置服务器MIME类型并验证响应头。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- React禁用表单技巧：fieldset简单实现方法
- 通过HTML原生<fieldset>的disabled属性，可在React组件中一键禁用所有子级表单控件（如input、button、select），同时保留各元素原有逻辑状态，无需逐个修改disabled绑定。
- 文章 · 前端 | 7个月前 | 472浏览 收藏
-
- JS解构赋值怎么用？语法与实战教程
- 解构赋值可从数组或对象中提取值并赋给变量，使代码更简洁。①对象解构通过键名匹配，支持重命名（如name:userName）和默认值（如gender='unknown'）。②数组解构按位置赋值，可用逗号跳过元素，...获取剩余项。③函数参数中解构可清晰接收对象或数组，支持默认值。④实际应用包括提取API数据、简化配置传递、交换变量、处理多返回值等，提升开发效率与代码可读性。
- 文章 · 前端 | 8个月前 | js完整使用教程 472浏览 收藏
-
- HTML5文字发光效果技巧：dropshadow应用
- text-shadow是HTML5唯一原生支持的跨浏览器发光文字方案，通过多层零偏移、递增模糊半径的阴影叠加实现均匀光晕效果，需兼顾对比度、性能与可访问性。
- 文章 · 前端 | 8个月前 | 472浏览 收藏
-
- SVG图标如何左对齐居中显示
- 本文详解如何利用CSSFlexbox的justify-content与align-items实现SVG图标在固定尺寸矩形中的水平垂直居中（尤其适用于左对齐布局），并提供可直接运行的完整HTML/CSS示例及关键注意事项。
- 文章 · 前端 | 8个月前 | 472浏览 收藏
-
- HTML5变形布局技巧与实战应用
- transform需配合display:block或inline-block使用；transform-origin控制变形中心，默认50%50%；transition必须与transform同级声明；3D变形需父容器设transform-style:preserve-3d和3Dtransform；transform-origin不支持calc()混用时需JS动态设置。
- 文章 · 前端 | 8个月前 | 472浏览 收藏
-
- JavaScript动态加载与交互教程详解
- addEventListener失效因新DOM节点未绑定监听器；应使用事件委托绑定父容器并用matches()判断目标；innerHTML不执行script且有XSS风险，需DOMParser解析后手动插入并执行脚本；IntersectionObserver适用于视觉驱动场景，点击触发适用于明确用户意图场景；框架无法感知绕过其API的DOM操作，须用响应式方式更新。
- 文章 · 前端 | 8个月前 | 472浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- PubMedQA
- 深入了解PubMedQA生物医学问答数据集，涵盖其核心功能、使用方法及在临床决策、药物研发等场景的应用，助力提升NLP模型性能。
- 773次使用
-
- H2O EvalGPT
- H2O EvalGPT是H2O.ai推出的开源LLM评估平台，提供详细的大模型性能排行榜、行业特定基准测试及A/B测试功能，助您快速选择最适合项目的高性能大语言模型。
- 770次使用
-
- LMArena
- LMArena是加州大学伯克利分校推出的AI模型匿名评测平台。通过盲测投票机制，用户可对比不同大模型回答并生成实时排行榜，助力开发者优化模型及用户选择最佳AI工具。
- 855次使用
-
- HELM
- 深入了解斯坦福推出的HELM（Holistic Evaluation of Language Models）大模型评测体系。本文解析其核心功能、安装配置步骤及应用场景，涵盖准确性、公平性、鲁棒性等多维度指标，助力开发者全面优化语言模型性能。
- 821次使用
-
- MMBench
- MMBench是由上海人工智能实验室等机构联合推出的多模态基准测试平台，提供细粒度能力评估、大规模数据集及VLMEvalKit工具。本文详细介绍其核心功能、安装使用方法及应用场景，助力开发者全面评估多模态模型性能。
- 651次使用
