前端
WebSocket 超细致完整用法讲解(含原理 + 前端 + 后端 + 实战案例 + 避坑)
你想要透彻掌握 WebSocket 的完整用法,我会从核心原理、前后端完整代码、使用场景、核心 API、心跳保活、常见问题等维度,一步步细致讲解,内容通俗易懂,学完就能直接落地开发。一、WebSocket 核心认知(必懂,理解了用法才通透)1. WebSocket 是什么?WebSock
关于 Safari 100vh 的问题与解决方案
配图源自 Freepik
一、背景
最近在做一个移动端的 H5 项目,遇到了一个「有趣」的问题。假设有一页面布局如下:
下方 50px 悬浮于底部,采用 fixed 布局,示例如下:
<div class="container">
<!-- height: 100vh - 50px -->
<div class="page">&
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
半桔:个人主页
🔥 个人专栏: 《前端扫盲》《手撕面试算法》《C++从入门到入土》
🔖阻止了我的脚步的,并不是我所看见的东西,而是我所无法看见的那些东西。 《海上钢琴师》
文章目录
前言
一. CSS是什么
1.1 概念
1.2 基本语法
二. CSS如何引入H
CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block)
1. 隐藏元素 (display:none)
1.1 Display
作用:
隐藏某个元素,且该元素不占用空间。
示例
{display:none;}
1.2 和 Visibility比较
作用
隐藏某个元素,但该元素仍占用之前空间。
语法
visibility:hidden
2. 内联元素→ 块元素 (display:inline)
内联元素(行内元素)
语法
dis
(万字长文)Django数据库操作——ORM:数据交互显示前端网页
🌟 如果这篇文章触动了你的心弦,请不要吝啬你的支持!亲爱的读者,感谢你花时间阅读这篇分享。希望这里的每一个字都能为你带来启发或是让你会心一笑。如果你觉得这篇文章有价值,或者它解决了你一直以来的一个疑问,请给个赞吧 —— 这不仅是对我学习效果的认可,更是激励我继续前行的动力!而且
Go Web 开发流程
Go 语言在 Web 后端开发领域越来越受欢迎,原因是:简单、高并发、性能强、部署方便。本文将系统总结 Go Web 开发的完整流程,涵盖从项目初始化到前后端交互以及数据库层设计的全流程。一、Go Web 项目整体架构采用典型的 MVC + 分层开发:
project
│-- main.go // 程序入口
│
颠覆原型设计!Figma Make 实测:AI 真的能帮你写完前端吗?
一、什么是 Figma Make?Figma Make 是 Figma 于 2025 年在 Config 大会上推出的 AI 驱动的 “Prompt‑to‑App” 工具,可将自然语言描述或现有 Figma 设计稿转换为可交互原型、网页或 Web App,而且支持通过聊天式界面进行迭代修改 (Figma, Figma学习中心)。 它基于 Anthropic
Spring Web MVC 入门秘籍:从概念到实践的快速通道(上)
个人主页:♡喜欢做梦欢迎 👍点赞 ➕关注 ❤️收藏 💬评论目录一、什么是Spring Web MVC?1.定义2.关于MVC2.1什么是MVC?二、学习Sring MVC1.项目准备2.@RestController注解的介绍3.@RequestMapping注解1.@RequestMappi
QWebEngine 5.15.2网页视频播放技术深度解析与实战应用
本文还有配套的精品资源,点击获取 简介:QWebEngine是Qt框架中用于集成Web内容的核心模块,基于Chromium构建,支持HTML5、CSS3和JavaScript等现代Web技术。QWebEngine 5.15.2版本在网页视频播放方面进行了多项优化,包括硬件加速解码、多媒体格式兼容性提升、API功能增强以
