50天50个小项目 (React19 + Tailwindcss V4) ✨| AnimatedCountdown（倒计时组件） 使用React19 和TailwindCSS构建的倒计时动画组件。该组件通过useState管理状态，实现从"GO"字样到数字3、2、1的动画过渡效果，包含缩放、旋转和透明度变化等视觉效果。

阅读 766

13赞

收藏 26
前端基础三剑客 定义页面的结构和语义，告诉浏览器 “显示什么内容”。

阅读 251

15赞

收藏 9
前端面试题-CSS篇 本文摘要：文章系统介绍了CSS核心知识点，包括盒模型（标准/IE）、选择器优先级（!important>行内>ID>类>标签>全局）、元素隐藏方法（display/opacity/visibility/position）、单位差异（px绝对/rem相对）、重绘与重排区别。详细讲解6种居中方案（定位+margin/transform、flex/grid布局等），列举可继承属性（font/line-height等）和不可继承属性（border等）。解析border简写规则（上右下左

阅读 481

11赞

收藏 9
CSS的模块化 通过采用 CSS Modules、Styled Components、SASS、BEM、Atomic CSS 等方法，可以有效地组织和管理样式，确保大规模应用中的一致性和灵活性。Emotion 是另一个流行的 CSS in JS 库，提供灵活的选择，可以将样式写在样式文件中或直接在 JavaScript 中。CSS Modules 是一种 CSS 文件格式，它通过将类名局部化来避免样式冲突，从而解决不同组件间样式的覆盖问题。CSS模块化通过将样式局部化，确保样式只应用于特定的组件或模块，避免了样式冲突。

阅读 490

6赞

收藏 6
Leetcode 240. 搜索二维矩阵 II JavaScript (Day 9) 【代码】Leetcode 240. 搜索二维矩阵 II JavaScript (Day 9)

阅读 164

3赞

收藏 0
人体汉字识别游戏 本文介绍了一个基于HTML和CSS的人体汉字识别游戏界面设计。该界面采用深色渐变背景，分为主游戏区和侧边控制面板。主区域包含摄像头画面显示和游戏头部信息（分数、等级等），侧边面板则显示当前汉字（含拼音）和可选汉字列表。界面设计运用了圆角边框、阴影效果、发光文字等现代UI元素，整体风格科技感十足。游戏通过摄像头捕捉人体动作来识别汉字，界面布局合理，视觉层次分明，交互元素突出。

阅读 404

10赞

收藏 2
css - 使用@media print：打印完美网页 摘要：本文详细介绍CSS打印样式(@media print)的应用技巧，帮助优化网页打印效果。主要内容包括：1）基础语法与逻辑操作符；2）核心技巧如隐藏非必要元素、颜色优化和链接处理；3）关键分页控制方法；4）打印专用尺寸单位；5）高级特性如页眉页脚和计数器；6）实战案例展示。通过合理应用这些技术，可有效解决默认打印存在的导航栏干扰、背景浪费墨水、链接不可见等问题，提升打印文档的专业性和可读性。（149字）

阅读 848

20赞

收藏 19
现代 CSS 革命 2026（上篇）：核心新特性全景解析 2026年，CSS已从传统样式语言进化为高度工程化的设计系统基石。容器查询打破视口束缚、层叠层终结特异性混乱、子网格重构嵌套布局、CSS Houdini开启底层扩展新纪元。本文深度解析这四大核心特性的原理、场景与实践，揭示CSS如何用更少代码构建灵活健壮的现代Web应用，为前端开发者提供全面、专业的技术指南。🔑 关键字容器查询、层叠层、子网格、CSS Houdini、响应式设计、工程化

阅读 894

12赞

收藏 26
一次完整的 MySQL 性能问题排查思路（实战总结） 本文提出了一套系统化的MySQL性能排查思路，强调从系统层面到SQL层面的顺序诊断。首先需要确认是否为真正的性能问题，而非资源耗尽；其次优先检查连接池状态和事务情况，避免直接陷入SQL优化；接着排查锁竞争和内存/IO问题；最后才分析SQL本身。作者指出，多数性能问题本质是系统状态被拖垮，而非SQL质量问题。这套从"系统级"到"语句级"的排查路径能提高效率、确保优化效果稳定，避免反复出现同类问题。

阅读 1.1k

31赞

收藏 14
【华为认证】HCIP-AI V1.0 深度进阶：AI 芯片与算力底座——解构达芬奇架构的矩阵暴力 HCIP-AI第二章节解析

阅读 454

20赞

收藏 13
矩阵奇异值分解 矩阵特征值分解要求矩阵为方阵，因为要满足，所以必须为方阵，不然两边形状不一样。而矩阵奇异值分解是一个非常强大且应用广泛的矩阵分解方法，它可以将任意的的矩阵分解为三个矩阵的乘积：。

阅读 250

4赞

收藏 8
互联网医院18：前端进阶——CSS“父相子绝”打造专业级卡片交互 在上一篇中，我们通过一个状态变量实现了“表格视图”与“卡片视图”的无缝切换。表格适合批量查阅，而卡片则更具视觉冲击力，能直观展示医生的形象与状态。本篇我们将深入前端样式的核心——布局与定位。我们将手动搭建一个包含“状态角标”（CSS 三角形）和“更多操作菜单”（绝对定位弹窗）的专业医生卡片。这不仅是UI搭建，更是对“父相子绝”（父元素相对定位，子元素绝对定位）这一经典CSS理论的实战演练。状态角标：利用绝对定位和旋转的技巧，实现了纯CSS的三角形标签。上下文菜单：利用状态变量配合Absolute。

阅读 574

27赞

收藏 21
CSS 定位机制与图标字体 本文系统介绍了CSS定位属性和图标字体的应用。主要内容包括：五种定位方式的特点与适用场景：相对定位（relative）保持文档流，用于微调元素位置；绝对定位（absolute）脱离文档流，常用于弹窗布局；固定定位（fixed）相对视窗固定；粘滞定位（sticky）实现滚动吸顶效果。同时介绍了图标字体的优势和使用方法，包括引入方式、类名调用和伪元素插入。文章最后总结了各定位类型的特性对比，并给出"子绝父相"的经典组合建议，帮助开发者根据需求选择合适的定位方案。

阅读 217

3赞

收藏 4
矩阵微积分速通 机器学习中涉及到矩阵的微积分运算，所有会用到的一些基础的求导知识

阅读 679

21赞

收藏 9
python：selenium，CSS位置偏移反爬案例 names数据类型names是一个 PyQuery集合对象（可以理解为「多个单个节点的容器」），它不是单个节点，而是包含了页面中所有匹配选择器的节点的集合。来源：从整个页面源码解析后的doc（根PyQuery对象）中，筛选出所有满足「.item节点下的.name节点」条件的元素，全部存入names中。names是一个「名称节点列表」，里面装着页面上所有要提取的名称对应的节点（比如页面上有 10 个商品名称，names就包含 10 个.name节点）。数据类型name_html是一个单个的。

阅读 1.3k

19赞

收藏 25
CSS核心技术（5）(pink) 那么无论怎么padding, border, margin属性怎么变，只要确定了盒子width ，height，盒子大小就不变。/* 盒子阴影: 水平偏移量 垂直偏移量 模糊距离 扩散距离 阴影颜色 */多行显示省略号，修改盒子高度为正好显示行数的高度。/* 过渡写到盒子身上。谁做过渡给谁加 */

阅读 259

3赞

收藏 5
作者推荐
Web3 Horizon
欢迎讨论区块链前沿技术和web3的发展： 电报：https://t.me/blckchainfans
关注
简说Python
个人微信公众号：简说Python，送精选Python电子书。
关注
Java技术栈
Java每天一篇干货，微信公众号：Java技术栈
关注
dog250
TA很懒，还没有添加简介
关注
科技D人生
金融科技领域技术 & 云基础设施 & 云原生微服务 & 云原生时代标准交付 & PAAS 技术研发 & Kubernetes & 项目与技术管理
关注
左直拳
程序猿
关注
彭世瑜
记录我的工作学习笔记
关注
衣舞晨风
提供复杂系统从架构设计、性能调优到稳定性保障的全流程解决方案，承接企业级系统设计、瓶颈突破及问题诊断需求。
关注
小刘要努力。
未来不担心，过去不后悔，现在不犹豫。
关注
FLy_鹏程万里
国内网络安全研究员，专注于Web渗透、移动安全、代码审计、应急响应、内网渗透、区块链安全、云安全等研究方向，擅长渗透测试、红蓝对抗、内网渗透、云安全、区块链安全。
关注