-
- Phaser.js子对象拖拽与碰撞实现方法
- 本教程详细介绍了如何在Phaser.js中使用Arcade物理引擎，使物理组（PhysicsGroup）中的每个子对象都能独立进行拖拽，同时保持与其他对象或世界边界的碰撞检测。核心方法是为每个子对象设置交互性并监听pointerdown、drag和dragend事件，从而实现精确的拖拽控制，同时利用Phaser的物理系统处理碰撞响应。
- 文章 · 前端 | 2星期前 | 406浏览 收藏
-
- JavaScript实现WebSocket实时通信
- WebSocket通过一次HTTP握手建立持久化TCP连接，实现客户端与服务器间的全双工实时通信，适用于聊天室、通知等高频交互场景；前端使用原生API监听open、message等事件，后端可用Node.js的ws库创建服务并处理连接与消息收发，实际应用需考虑心跳检测、JSON消息格式、WSS加密及多实例同步等细节。
- 文章 · 前端 | 2星期前 | 328浏览 收藏
-
- CSS按钮缩放动画技巧分享
- 本文详细讲解如何利用CSS的::after伪元素为按钮创建动态缩放效果，并重点解决伪元素定位不准确（出现在按钮旁边而非下方）的问题。通过设置position:absolute和明确的定位属性（如left:0），结合z-index和transform动画，实现一个视觉上吸引人且功能完善的交互式按钮效果。
- 文章 · 前端 | 2星期前 | 324浏览 收藏
-
- JavaScript获取时间戳的4种方法
- 获取JavaScript当前时间戳最推荐的方式是使用Date.now()，它返回自1970年1月1日00:00:00UTC以来的毫秒数，且不创建实例，性能更优；2.newDate().getTime()和newDate().valueOf()也可获取毫秒级时间戳，结果与Date.now()一致，但Date.now()更简洁高效；3.若需秒级时间戳，应使用Math.floor(Date.now()/1000)将毫秒转换为秒；4.JavaScript时间戳单位为毫秒，而Unix时间戳单位为秒，两者需注意单位转
- 文章 · 前端 | 2星期前 | 449浏览 收藏
-
- CSS动画让分页高亮更出彩
- 分页组件高亮动画的常见实现是通过CSStransition和@keyframes，结合:hover与.active类，利用transform、opacity等高性能属性实现背景色渐变、下划线滑动、边框变化等视觉反馈，提升状态识别与交互流畅性；为兼顾性能与体验，应优先使用GPU加速属性，控制动画时长在0.3秒左右，采用ease-out缓动，避免过度动画，并通过伪元素创造丰富效果，同时尊重prefers-reduced-motion以保障可访问性。
- 文章 · 前端 | 2星期前 | 221浏览 收藏
-
- CSS按钮悬停效果实用技巧
- 答案：通过引入Animate.css并结合JavaScript为按钮添加悬停动画，鼠标进入时动态添加如animate__bounce等动画类，动画结束移除类，实现流畅单次动画效果，推荐此法而非纯CSS无限循环。
- 文章 · 前端 | 2星期前 | 416浏览 收藏
-
- HTML网页编辑方法：工具与手动修改技巧
- 掌握HTML编辑方法对网页修改与创建至关重要。手动编辑使用代码编辑器如VisualStudioCode，适合需完全控制的用户，通过新建或打开.html文件修改标题、段落等内容，保存后在浏览器预览；在线工具如CodePen、JSFiddle便于初学者实时编写与协作分享；浏览器开发者工具可临时修改DOM与样式用于调试，但不保存。常见操作包括更改title标签、插入img图片、添加a超链接及调整div结构布局。灵活选择方式，熟悉标签是关键，修改后应保存并在多浏览器测试效果。
- 文章 · 前端 | 2星期前 | 397浏览 收藏
-
- CSS工具与组件搭配使用教程
- 通过结合TailwindCSS工具类与自定义组件，提升开发效率与样式一致性，如在Button组件中通过props传入类名实现variant和size变体，保留语义化结构的同时利用@apply封装常用样式组合，并借助CSS变量实现主题切换，配合clsx管理动态类名，统一设计系统规范，有效处理响应式与状态叠加等边界情况。
- 文章 · 前端 | 2星期前 | 自定义组件 CSS变量 TailwindCSS CSS工具 样式一致性 347浏览 收藏
-
- 修改密码HTML方法全解析
- 答案：实现网页密码修改功能需创建安全表单、前端验证一致性、后端验证原密码、加密存储新密码并加强安全措施。具体包括使用HTML构建含旧密码和新密码字段的表单，设置type="password"隐藏输入；通过JavaScript验证新密码与确认密码是否一致；PHP接收POST数据，用password_verify()核对原密码，再用password_hash()加密新密码；通过预处理语句更新数据库；并实施尝试次数限制、强制重新登录、邮件通知及HTTPS传输等安全机制，确保整个流程安全可靠。
- 文章 · 前端 | 2星期前 | 密码修改 安全措施 HTML表单 前端验证 后端处理 278浏览 收藏
-
- Hook规则及使用限制详解
- 答案：ReactHook规则要求只能在函数组件顶层和自定义Hook中调用Hook，确保每次渲染调用顺序一致，避免状态错乱和副作用异常，这些规则是React依赖调用顺序管理状态的机制基础，违反会导致bug或错误，可通过自定义Hook抽象逻辑、正确设置依赖数组和使用eslint插件来规避问题。
- 文章 · 前端 | 2星期前 | 121浏览 收藏
-
- CSSnth-child技巧实现交替行样式教程
- 使用tr:nth-child(odd)和tr:nth-child(even)可实现表格奇偶行不同背景色，提升可读性；其中odd对应2n+1选奇数行，even对应2n选偶数行，建议限定在tbody内使用以避免表头干扰，现代浏览器广泛支持，旧版IE需降级处理，还可扩展为3n+1等模式实现周期性配色。
- 文章 · 前端 | 2星期前 | 257浏览 收藏
-
- JavaScript动态生成带名称的表单元素
- 本文旨在讲解如何使用JavaScript动态创建表单元素，并为这些元素赋予动态变化的名称。通过JavaScript函数，我们可以根据需要重复生成包含递增索引的表单字段，从而方便地处理动态表单数据。
- 文章 · 前端 | 2星期前 | 438浏览 收藏
-
- 函数式JS透镜与状态管理技巧
- 透镜（Lens）是一种函数式编程工具，由getter和setter组成，用于安全读写嵌套数据结构。通过组合透镜，可逐层访问深层状态，如用户设置中的主题模式。在状态管理中，透镜结合不可变更新，提供清晰、可复用的接口，适用于Redux等场景。推荐使用Ramda等库提供的lensPath、view、set等方法提升开发效率与代码可维护性。
- 文章 · 前端 | 2星期前 | 497浏览 收藏
-
- JavaScriptProxy优化技巧：避免参数重复定义
- 本文探讨JavaScript中相似函数参数重复定义的问题，尤其是在处理多参数方法时。针对传统方法的局限性，文章提出并详细阐述了如何利用JavaScriptProxy机制，通过拦截方法调用并动态管理参数映射，从而实现参数定义的集中化和代码的精简化，提升可维护性。
- 文章 · 前端 | 2星期前 | 403浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3216次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3431次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3461次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4569次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3837次使用
