css

川冰ICE1 小时前
javascript·css·css3
JavaScript实战④|天气查询应用,调用API与异步处理作者:专注前端开发,分享JavaScript干货 更新时间:2026年4月 适合人群:掌握JS基础,想学习API调用和异步处理的开发者
艾伦野鸽ggg4 小时前
前端·css
CSS容器查询和悬浮间隙问题在开发一个现代网页时,例如一个卡片组件。当它摆在页面正中央时,横向排版。然而,当把同一个组件复用到窄的侧边栏时,整个画面会挤压变形。 过去,为了解决这个问题,我们只能配合全局的媒体查询去套不同的父级类名:
川石课堂软件测试7 小时前
css·测试工具·ui·fiddler·单元测试·appium·harmonyos
UI自动化测试|CSS元素定位实践自动化测试元素定位是指在自动化测试过程中,通过特定的方法或策略来准确识别和定位页面上的元素,以便对这些元素进行进一步的操作或断言。这些元素可以是文本框、按钮、链接、图片等HTML页面上的任何可见或不可见的组件。
龙井>_<8 小时前
前端·css·ide·vscode
vsCode解决css代码补全不生效问题,UnoCSS插件失效修复本人自用的电脑里的vsCode不知道什么时候css的代码不全突然不生效了,这导致写起样式来十分难受,且重启软件、重启电脑均无效。后来发现,是vsCode内置的UnoCSS插件没有起作用,下面是解决方法
2501_918126918 小时前
前端·css·css3
一个上帝类程序作画<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>上帝类 · 算法创世绘 | 自动生成艺术</title> <style> * { box-sizing: border-box; user-select: none; } body {
#麻辣小龙虾#21 小时前
css·html·css3
小学三年级语文小游戏"语文小达人·三年级闯关"是一个针对三年级学生的语文学习互动网页应用。该应用采用游戏化设计,提供四种趣味闯关模式:
2501_918126912 天前
css·html·css3
小圆点踢足球<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>上帝视角 · AI足球冠军杯 | 左右球门+得分</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; u
dsyyyyy11012 天前
前端·css·html
只用HTML和CSS实现换一换效果结合刚刚做的百度热搜「换一换」案例,讲解纯 HTML + CSS 分页的经典实现方式。分页本质上就是:
gogoing2 天前
css
UnoCSS / Tailwind CSS 类名速查文档基于项目中实际使用的类名,结合 Tailwind CSS 与 UnoCSS(preset-uno、preset-icons、transformerVariantGroup)官方文档整理。 若类名同时存在于 Tailwind 与 UnoCSS,以两者通用语义为准;若为 UnoCSS 扩展语法,会单独标注。
2501_918126912 天前
javascript·css·css3
火柴人踢任意球<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>⚽ 火柴人踢任意球 - 精准射门挑战</title> <style> * { user-select: none; -webkit-tap-highlight-color: transp
晓得迷路了2 天前
前端·javascript·css
栗子前端技术周刊第 132 期 - date-fns 支持 Temporal、npm 攻击事件、VoidZero...🌰栗子前端技术周刊第 132 期 (2026.06.01 - 2026.06.07):浏览前端一周最新消息,学习国内外优秀文章,让我们保持对前端的好奇心。
佛山个人技术开发3 天前
前端·css·前端框架·html·汽车·php
个人建站接单|汽车汽配行业宽屏自适应官网模板 工厂企业定制建站源码本人专注企业官网定制开发、行业模板搭建、源码修改部署,深耕制造业、汽配、工厂外贸建站领域。针对汽车零部件、汽配厂家、车载用品、改装配件、汽配外贸企业,提供低成本、高品质、可直接上线的官网搭建服务。
古怪今人3 天前
前端·css
[前端]HTML盒模型与尺寸,标准文档流,块级元素、内联元素和行内块,CSS选择器浏览器把每个元素都看成一个矩形盒子,由4部分组成:content内容(文字/图片)、padding内边距(内容与边框之间)、border边框、margin外边距(盒子与盒子之间)。
希冀1233 天前
css·学习·tensorflow
【CSS学习第八篇】CSS3的现状:CSS3新增选择器:我们先来介绍属性选择器。(1)利用属性选择器就可以不用借助于类或者id选择器
用户059540174463 天前
前端·css
用LangChain+Chroma实现RAG多轮对话记忆与自动化测试,把bug发现时间从2小时压缩到5分钟凌晨1点,客户群里炸了:“你们的客服机器人是不是只有7秒记忆?上一轮刚说过订单号,下一轮它又问我‘请提供订单号’,我像在跟金鱼聊天!”
用户059540174463 天前
前端·css
我把RAG对话记忆测试从手工用例改成ChromaDB自动化评估,Bug发现率翻了4倍凌晨两点,运维群里炸了——“客服机器人又把同一个用户的历史订单搞串了”。我爬起来看日志,发现是上周改记忆存储时,一个边界条件没测到,导致 session_id 相同但 topic 不同的对话被错误合并。手动测试跑了一下午的40多条用例,偏偏漏了这种组合。那一刻我决定:再也不能靠人肉去补这种坑,对话记忆的测试必须自动化,而且要用语义评估,不是简单比对字符串。
码农君莫笑4 天前
前端·css
深入理解 CSS Grid 布局:从入门到实战在现代前端开发中,页面布局一直是开发者关注的重点。从早期的表格布局,到浮动(float)布局,再到 Flexbox 弹性布局,CSS 布局技术不断演进。而 CSS Grid 布局(网格布局)的出现,彻底改变了我们构建复杂二维布局的方式。本文将带你从基础概念入手,通过实战案例深入掌握 CSS Grid 的核心用法。
用户059540174464 天前
前端·css
把Agent记忆测试从Mock换到真实Redis,漏测率从30%降到0凌晨2点被PagerDuty叫醒,用户群里已经炸锅——AI客服Agent突然“失忆”了,上一条消息还跟用户确认手机号,下一条就问“请问您怎么称呼”。翻日志才发现,Redis连接池在连接抖动时抛了个ConnectionError,我们那个自以为可以兜底的Mock测试根本就没模拟过这个异常,代码直接跳过了记忆保存,上下文全丢。更让人后背发凉的是,这个回归测试是亮绿灯的。
LIUAWEIO5 天前
css·html·css3·html5
CSS 让鼠标呈现手型,鼠标悬浮变小手今日金价(一个免费的金价查询网,欢迎大家使用)
ZC跨境爬虫5 天前
前端·css·html·tensorflow·媒体
跟着 MDN 学CSS day_51:支持旧浏览器的布局策略在Web开发的世界中,新技术的诞生与旧浏览器的存在始终是一对矛盾。当我们热衷于使用CSS网格布局、弹性盒等现代特性构建精美的网页时,总有一部分用户仍在使用不支持这些特性的旧浏览器。这并不意味着我们要放弃现代技术,而是需要掌握一种平衡的艺术:让网站在现代浏览器上展现出色的视觉效果,同时在旧浏览器上保持基本可用。本文将深入探讨如何在不牺牲现代技术的前提下,为旧浏览器用户提供可接受的浏览体验。