分类: 编程教学

基于Consul实现K8s外部服务到内部微服务的发现映射

基于Consul实现K8s外部服务到内部微服务的发现映射

Consul 的 consul connect 服务网格和 K8s 原生的 CoreDNS 互不感知,K8s 内 Pod 默认解析不到 Consul 注册的服务名(比如 api.service.consul),反之亦然。这不是配置错了,而是两个系统在设计上就隔离——Consul 的 DNS 服务器监听 8600 端口,K8s 的 /etc/resolv.conf 里压根没它。

CSS工具库Animate.css应用_快速集成现成的CSS动画效果

CSS工具库Animate.css应用_快速集成现成的CSS动画效果

直接通过 CDN 引入最稳妥,别下载后本地引用——除非你有离线部署或定制构建需求。官方推荐的 CDN 地址是 <a href="https://www.php.cn/link/b893c8c2eaa339c705d03677f0a184a0">https://www.php.cn/link/b893c8c2eaa339c705d03677f0a184a0</a>,注意版本号别写错,v4 和 v3 的类名不兼容。

css浮动图片和文字间距不一致怎么办_使用margin和padding调整

css浮动图片和文字间距不一致怎么办_使用margin和padding调整

浮动图片后,紧随其后的文字出现上下间距不一致,常见于段落首行被图片“顶起”或末行“塌陷”。这不是文字本身的问题,而是 float 脱离文档流后,行框(line box)高度计算异常所致——尤其当图片高度与行高不匹配、或字体渲染存在 subpixel 差异时更明显。

CSS平滑旋转动画_利用transform:rotate打造加载进度条

CSS平滑旋转动画_利用transform:rotate打造加载进度条

直接写 transform: rotate(360deg) 做无限旋转,浏览器很可能在 0° 和 360° 交界处闪一下或顿一下——这不是 bug,是 CSS 动画对角度值做插值时的自然行为。浏览器会按最短路径补间,比如从 350° 到 10°,它可能走 -340° 而不是 +20°,导致逆向转动。

CSS颜色currentcolor关键字_让边框与阴影跟随文字颜色

CSS颜色currentcolor关键字_让边框与阴影跟随文字颜色

它不是固定值,而是实时取当前元素的 color 计算值。比如文字是 color: #333,那 border-color: currentcolor 就等于 #333;文字设成 color: inherit,它就继续向上继承——本质是 CSS 属性值的“别名”,不是变量。