css

思码梁田2 小时前
前端·javascript·css
CSS 定位详解:从相对到固定,掌握网页布局的核心在之前的布局学习中,我们通常使用 div 配合 float(浮动)和盒子模型来调整元素的位置。然而,当我们需要让元素出现在页面的任意角落,或者实现复杂的层叠效果时,CSS 定位(Positioning) 便成为了最强有力的工具。
muddjsv2 小时前
前端·css
CSS 高级选择器精讲:伪类、伪元素、逻辑伪类与选择器解耦规范前言在日常前端开发中,基础标签选择器、类选择器仅能完成静态样式匹配。想要实现交互状态、结构定位、文本装饰、复杂逻辑筛选,就必须依靠 CSS 高级选择器体系:伪类、伪元素、逻辑伪类。
用户446846004803 小时前
css
C 语言分支与循环语句总结程序的三大基本结构为顺序结构、分支结构、循环结构,分支与循环是实现程序逻辑控制的核心,以下是核心知识点总结。
寒水馨4 小时前
前端·css·macos·tailwind css·utility-first·css 框架·实用优先
macOS下载、安装 Tailwind CSS-v4.3.3(附安装包tailwindcss-macos-arm64)Tailwind CSS 是一款实用优先(utility-first)的 CSS 框架,由 Adam Wathan、Steve Schoger 和 Jonathan Reinink 于 2017 年创建。不同于 Bootstrap 等传统 UI 框架提供预设计组件,Tailwind CSS 提供了大量原子化的 CSS 工具类(如 flex、pt-4、text-center),开发者直接在 HTML 中组合这些类来构建界面。这种"不离开 HTML"的工作方式极大地提升了开发效率,使 Tailwind CSS
nicole bai2 天前
前端·javascript·css
手写tab选中
朕的剑还未配妥1 天前
前端·css
CSS 实现渐变毛玻璃:从 backdrop-filter 到多层 mask在很多现代网页中,底部工具栏、悬浮导航、弹窗和卡片并不是一块完全不透明的背景。它们会保留后方内容的颜色和轮廓,同时把细节柔化掉,看起来像一块半透明的磨砂玻璃。
用户059540174462 天前
前端·css
用了3年Redis,才发现我一直没搞懂缓存一致性测试凌晨两点半,报警电话把我从睡梦中薅起来。用户群炸了——订单状态和实际支付结果对不上,有人付了钱却显示待付款,有人没付钱反而显示已发货。我迷迷糊糊打开监控,数据库连接池没爆,CPU也没飙,Redis 内存正常。直到我在生产日志里 grep 了一圈才发现:某个更新接口在写数据库之后、删缓存之前,被一个读请求钻了空子——它把旧数据读出来又写回了缓存。而这个时间窗口,只有不到20毫秒。
muddjsv2 天前
前端·css
CSS选择器体系精讲:按身份、结构、状态精准匹配元素(零基础吃透)前言CSS的核心逻辑可以概括为一句话:通过选择器锁定元素,通过声明定义样式。如果说CSS规则结构是样式的骨架,那选择器就是CSS的“精准定位系统”。所有样式生效的前提,都是选择器成功命中目标DOM元素。
用户059540174463 天前
前端·css
LLM对话记忆测试踩坑实录:手工回归30分钟,自动化后2分钟发现3个隐藏Bug凌晨两点,企业微信闪出一条消息:“哥,ChatBot又把用户名字忘了,第五轮说自己叫‘小明’,第八轮就变成了‘王先生’。”我一个激灵从床上弹起来,翻看对话日志——果然,记忆在第七轮某个工具调用后断掉了。这种Bug,手工回归一次要对着浏览器敲30分钟,边敲边在心里骂“上次不是修好了吗”。更恶心的是,人肉验证总会漏掉那么一两轮,测完心里还是虚。直到我用 Playwright + Pytest 搭了一套记忆一致性自动化测试,2分钟跑完核心遗忘场景,还顺手揪出3个藏在流式响应里的隐藏问题。今天就跟你聊聊这个“下班
Web - Anonymous3 天前
前端·css·信息可视化
CSS+Vue3 + TS + Setup 10种生产级可视化循环动效合集(大屏高端交互、开箱复用)-附完整示例目录效果一、前言动效完整清单(10种大屏专属高端动效)二、核心实现原理三、全局合集预览页面(VisualAll.vue)
blns_yxl3 天前
javascript·css·html
正则驱动实时表单验证(HTML+CSS+JS+正则)
思码梁田4 天前
前端·css·计算机外设·cursor·pointer
CSS cursor 属性全解析:从“小手“开始,玩转鼠标光标在网页交互中,鼠标光标是用户与页面"对话"的第一触点。一个小小的光标变化,就能清晰地告诉用户:“这里可以点”、“这里可以输入”、“请稍等”……
思码梁田4 天前
前端·css·vertical-align
CSS vertical-align 属性详解:表格与图文对齐的实用指南在 CSS 中,vertical-align 是一个容易让人误解的属性——它的名字听起来像是"让任何元素垂直居中",但实际上它只在特定场景下生效。本文将结合 MDN 官方文档,带你彻底搞懂它的真正用途、适用元素以及两个最经典的实战场景。
黑土豆4 天前
前端·css
CSS 新特性:Container Queries 到底能解决什么痛点?你有没有过这种经历——写了一个看起来挺完美的组件,在大屏上美得像杂志排版,结果被塞进侧边栏里就变成了一个歪七扭八的怪物?
用户059540174465 天前
前端·css
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%凌晨两点十七分,PagerDuty 又响了——用户反馈页面刷新后偏好设置全部变回默认值,Dashboard 的自定义布局也丢了。这是我们本月第三次因为前端记忆存储问题半夜爬起来,而每次发布前的“回归测试”都只是产品和 QA 手工把十几个场景点一遍。大家都觉得没问题,但一上线就炸。我盯着监控里那一排 localStorage 写入报错,忽然意识到:我们缺的不是更谨慎的手工验证,而是一套能在每一次 PR 中自动跑起来的端到端存储测试。
muddjsv5 天前
前端·css
CSS核心语法精讲:彻底吃透规则结构、选择器与声明规范前言很多前端开发者写了好几年CSS,依然只会“凭感觉写样式”,遇到复杂样式调试、代码规范审查、项目样式重构时频频踩坑。核心原因就是:没有真正吃透CSS最基础的规则结构。
三翼鸟数字化技术团队5 天前
前端·css
一种前端大屏适配方案前端开发过程中,屏幕适配是个常见问题。在前端大屏可视化项目中,屏幕适配技术是保障设计稿与实际显示效果一致性的核心技术环节。适配方案目前主要有视口缩放、相对单位、响应式布局等,本文主要介绍如何使用 CSS3变换缩放技术,实现大屏应用的自适应适配方案。
cll_8692418915 天前
前端·css·ui
一个好看的Wordpress博客文字css样式效果展示链接:https://www.gasnose.com/knowledge/what-is-a-safe-lel-level/添加链接描述
触底反弹6 天前
前端·css·html
一文搞懂 Tailwind CSS 弹性布局:从原理到实战本文结合 Tailwind CSS 的实战用法,系统讲解 Flexbox 弹性布局的全部核心属性和常见场景。适合有一定 CSS 基础、想快速上手 Tailwind 的前端开发者。
小白巨白6 天前
css·人工智能·计算机视觉·html5
玫瑰花园管理系统:AI识病+3D可视化,一套面向中小型玫瑰种植园的数字化管理工具中小型玫瑰种植园(10-100亩)普遍面临几个问题:病害发现不及时。工人巡园主要靠经验,新手容易漏诊误诊,等发现严重了已经传染一片。