-
- WebSocket实时通信实现教程
- WebSocket通过持久化全双工连接实现低延迟实时通信，解决了HTTP轮询效率低的问题。基于浏览器原生支持与ws库可快速搭建双向交互系统，适用于聊天、通知等场景。通过广播机制实现多客户端消息分发，并借助心跳检测维护连接健康，结合鉴权与集群可扩展至生产环境。
- 文章 · 前端 | 2星期前 | 307浏览 收藏
-
- WebSocket实现实时通信全解析
- WebSocket是独立于HTTP的全双工TCP协议，仅握手阶段借用HTTPUpgrade头，后续通信脱离HTTP请求/响应模型，需专用API、服务端支持及手动重连。
- 文章 · 前端 | 2星期前 | 307浏览 收藏
-
- CSS实现背景色闪烁技巧
- 本文介绍一种简洁、高效且兼容性良好的方式——使用CSS@keyframes动画，替代易出错的JavaScript定时器逻辑，实现指定类名元素（如.bad）在红白背景间规律闪烁。
- 文章 · 前端 | 2星期前 | 307浏览 收藏
-
- Flex布局子元素垂直居中技巧
- Flex子元素垂直居中失效主因是父容器非flex布局或高度未明确；需确保父容器display:flex、有可计算高度，并正确设置align-items:center（配合flex-direction:row）及justify-content:center实现完全居中。
- 文章 · 前端 | 2星期前 | 307浏览 收藏
-
- CSS浮动与清除布局优化技巧
- 浮动导致父容器塌陷，需通过清除浮动解决；推荐使用伪元素清除法（.clearfix::after）或触发BFC（如overflow:hidden），避免布局错乱，适用于旧项目维护与特定布局场景。
- 文章 · 前端 | 2星期前 | 307浏览 收藏
-
- CSS原生不支持嵌套选择器，但SASS等预处理器支持。
- CSS不支持嵌套语法，所谓“嵌套选择器”实为层级选择器，包括后代、子、相邻兄弟和通用兄弟选择器，用于根据HTML结构匹配元素；而SASS的嵌套是编译时的语法糖，可生成对应CSS选择器，提升代码可读性与维护性，两者本质不同，纯CSS中无法使用类似SASS的嵌套写法。
- 文章 · 前端 | 1星期前 | 307浏览 收藏
-
- 等高列布局与padding优化技巧
- 使用box-sizing:border-box可解决等高列中height与padding导致的高度不一致问题，配合Flexbox实现自适应等高布局，确保各列视觉高度统一且避免溢出。
- 文章 · 前端 | 1星期前 | 307浏览 收藏
-
- 鼠标悬停卡片平滑移动设置方法
- 应使用transform:translateY()而非top/left移动卡片，避免重排和掉帧；transition必须写在默认状态；注意父容器overflow和移动端hover兼容性。
- 文章 · 前端 | 1星期前 | 307浏览 收藏
-
- HTML5空格输入技巧全解析
- HTML中连续空白符被压缩为单个空格是规范行为；用 实现不换行空格；CSS的white-space属性可灵活控制空白处理；JavaScript中需用innerHTML或Unicode160值避免压缩。
- 文章 · 前端 | 1星期前 | 307浏览 收藏
-
- Conky优化加载，性能提升神器！
- 优化Conky性能需精简HTML结构、内联CSS、简化属性、压缩资源并用原生变量替代DOM渲染，具体步骤包括减少标签层级、删除外链、去除冗余前缀、压缩字体图片及采用Conky内置变量提升效率。
- 文章 · 前端 | 1天前 | html 307浏览 收藏
-
- HEX与RGB颜色格式兼容性解析
- 兼容性最好的CSS颜色写法是十六进制（#ff0000）和rgb()函数，二者均支持IE6+；应避免3位简写、rgba()、命名色及hsl等低兼容性写法。
- 文章 · 前端 | 3星期前 | 306浏览 收藏
-
- JavaScript千分位格式化函数实现
- 答案：JavaScript中实现数字千分位格式化常用toLocaleString()和正则表达式。toLocaleString()支持国际化与小数控制，适合多数场景；正则方式灵活自定义分隔符，适用于需脱离语言环境的定制需求。
- 文章 · 前端 | 3星期前 | 306浏览 收藏
-
- jQuerymap方法使用教程
- $.map()用于遍历数组并转换数据，如将[1,2,3,4,5]翻倍为[2,4,6,8,10]，支持过滤大于2的数并平方得[9,16]，与原生map不同的是会自动排除undefined值，返回新数组而非jQuery对象。
- 文章 · 前端 | 3星期前 | 306浏览 收藏
-
- HTML5JS控制显示隐藏方法
- 恢复隐藏元素可见性的五种方法：一、JS设display为block等；二、removeProperty移除内联display；三、切换CSS类如.hidden/.visible；四、removeAttribute("style")重置内联样式；五、同步处理visibility和opacity隐藏。
- 文章 · 前端 | 2星期前 | 306浏览 收藏
-
- rgba与opacity透明叠加技巧
- rgba()仅影响颜色透明度，opacity影响整个元素及其子元素；通过rgba设置背景透明可实现图层叠加效果，结合opacity可控制整体视觉层次，常用于创建不干扰文字的透明遮罩。
- 文章 · 前端 | 2星期前 | CSS 透明颜色 306浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3898次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 4209次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 4114次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 5313次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 4488次使用
