-
- WebSocket协议详解与应用解析
- WebSocket通过HTTP握手升级协议实现全双工通信，支持客户端与服务器实时双向交互；JavaScript使用WebSocketAPI监听open、message、error、close事件，可发送字符串或二进制数据，并需实现重连机制保障连接稳定。
- 文章 · 前端 | 4星期前 | JavaScript 连接管理 WebSocket协议 实时双向通信 WebSocketAPI 448浏览 收藏
-
- CSS子元素伸缩比例设置技巧
- 答案：CSS中通过Flexbox的flex属性控制子元素伸缩比例。设置flex:1可等比分配剩余空间，flex:2则占两倍比例，实现如1:2:1的响应式布局，需父容器设display:flex，利用flex-grow的相对性灵活调整尺寸。
- 文章 · 前端 | 4星期前 | 294浏览 收藏
-
- URL参数处理与单页应用实战技巧
- URL和URLSearchParamsAPI提供了一种原生、可靠的方式来处理URL参数。通过newURL()解析完整URL，并利用其search属性结合URLSearchParams对象，可便捷地get、set、delete查询参数，自动处理编码、多值等复杂情况，避免手动解析的错误。在SPA中，结合history.pushState或replaceState，能实现无刷新更新URL，有效管理筛选、分页等可分享的应用状态，提升用户体验和SEO。
- 文章 · 前端 | 4星期前 | 471浏览 收藏
-
- CSSGrid布局：repeat与minmax技巧解析
- 使用repeat()和minmax()可高效创建响应式Grid布局：repeat(3,1fr)简化重复轨道定义，minmax(200px,1fr)设定尺寸范围，结合auto-fit实现自动填充与弹性伸缩。
- 文章 · 前端 | 4星期前 | 440浏览 收藏
-
- JavaScriptreduceRight方法全解析
- JavaScript中的Array.prototype.reduceRight方法从数组末尾开始遍历，用于逐步向左执行reducer函数。其用法包括：1.基本用法：如计算数组总和，从右到左累加。2.处理嵌套数组：如扁平化数组，从内到外处理。3.递归问题：如树形结构的总和计算，从右子树开始。使用时需注意性能和逻辑上的潜在影响。
- 文章 · 前端 | 4星期前 | 426浏览 收藏
-
- CSS中:checked与indeterminate用法详解
- :checked用于样式化已选中的复选框或单选按钮，:indeterminate表示部分选中的中间状态；前者直接响应用户选择，后者需JavaScript设置，常用于树形结构或批量操作的父级节点，两者结合可实现无需脚本的视觉反馈与交互增强，提升表单可用性与用户体验。
- 文章 · 前端 | 4星期前 | 382浏览 收藏
-
- HTML5MediaRecorder音频录制保存教程
- 首先使用MediaRecorderAPI获取麦克风权限并录制音频，通过dataavailable事件收集音频片段；停止录音后合并为Blob对象，生成audio/wav格式文件；最后利用createObjectURL创建URL，结合a标签实现文件下载，完整实现在网页中录音并保存为本地文件的功能。
- 文章 · 前端 | 4星期前 | HTML5 音频录制 Blob对象 文件保存 MediaRecorder 376浏览 收藏
-
- JavaScript中this指向详解
- this的指向在函数执行时确定，遵循“谁调用，this就指向谁”原则：全局环境中this指向window或global；普通函数调用时非严格模式下指向window，严格模式为undefined；对象方法调用时指向调用它的对象；构造函数中this指向新创建的实例；箭头函数无自身this，继承外层作用域；通过call、apply可立即指定this，bind可永久绑定this；事件处理中普通函数this指向绑定元素，箭头函数则继承外层。
- 文章 · 前端 | 4星期前 | 362浏览 收藏
-
- CSS制作数据连接线SVG动画教程
- 要使用CSS制作数据关系连接线并添加SVG路径动画，核心方法是利用SVG的<path>元素绘制线条，并通过CSS的stroke-dasharray和stroke-dashoffset属性配合@keyframes实现动画效果。首先定义SVG容器和路径，设置d属性控制线条形状；接着通过JavaScript获取路径长度并设置为CSS变量；然后在CSS中配置stroke-dasharray和stroke-dashoffset，并应用动画使线条逐步显示；最后通过动画关键帧实现从隐藏到完整显示的效果。相比
- 文章 · 前端 | 4星期前 | 336浏览 收藏
-
- JavaScript中间件与管道模式详解
- 中间件是处理请求响应的函数，通过管道模式串联执行。例如logger打印日志后调用next()，compose函数递归调度中间件，实现日志、认证、响应等步骤解耦，提升可维护性。
- 文章 · 前端 | 4星期前 | 199浏览 收藏
-
- HTML添加返回顶部按钮及JS滚动实现
- 添加“返回顶部”按钮可提升长页面用户体验，通过HTML创建按钮结构，CSS设置固定定位与隐藏/显示效果，JavaScript监听滚动距离并控制按钮出现，点击时平滑返回顶部。
- 文章 · 前端 | 4星期前 | html CSS JavaScript 滚动 返回顶部按钮 229浏览 收藏
-
- CSS指针旋转动画实现技巧
- 仪表盘指针定位的关键CSS属性包括position、transform、transform-origin、transition和z-index。其中，position属性用于精确定位指针在容器中的位置；transform配合rotate()实现旋转功能；transform-origin定义旋转中心点，确保指针围绕正确轴心旋转；transition负责动画过渡效果，使旋转更平滑；z-index控制指针层级以避免被其他元素覆盖。此外，translateX(-50%)常用于水平居中对齐指针。
- 文章 · 前端 | 4星期前 | 350浏览 收藏
-
- JS数组转字符串的实用方法
- JavaScript中，toLocaleString方法不能直接本地化纯字符串数组，它仅对数组中的数字、日期等支持本地化格式化的数据类型生效，而对普通字符串无效；1.当数组包含数字或日期时，toLocaleString会调用各元素自身的toLocaleString方法，按指定语言环境格式化并用本地化分隔符连接；2.对于纯字符串数组，由于String.prototype.toLocaleString与toString行为一致，结果仅为逗号分隔的字符串，无实际本地化效果；3.若字符串表示数字或日期，需先通过p
- 文章 · 前端 | 4星期前 | 379浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3203次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3416次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3446次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4554次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3824次使用
