gauge

前言 本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 之前发的 CSS技巧 大部分都是依照本文的套路来写的 有人问我为什么我能想出这么多的动画？笔者阅番百部，对常用的动画技巧了如指掌，同样那些酷炫的网站只要细心观察，也会给笔者带来很多设计上的灵感。 一言以蔽之：只有多欣赏动画，才能写出好的动画。 小提示：本文会不定期更新哦！每打开一次可能会有新的惊喜 交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢？注意到CSS动画有延迟（ delay ）这一属性。举个栗子，比如有十个元素播放十个动画，将第二个元素的动画播放时间设定为比第一个元素晚0.5秒（也就是将延迟设为0.5秒），其他元素以此类推，这样它们就会错开来，形成一种独特的视觉效果。 这就是所谓的交错动画：通过设置不同的延迟时间，达到动画交错播放的效果。 本demo地址： Staggered Wave Loading 用JS分割文本 还有一种经常用到的玩法：用JS将句子或单词分割成字母，并给每个字母加上不同延时的动画，同样也很华丽 本demo地址： Staggered LandIn Text

上一篇博文中说到Prometheus有四种指标类型：Counter（计数器）、Gauge（仪表盘）、Histogram（直方图）、Summary（摘要），并且我们做了一个Counter的Demo，接下来看看Histogram。 Summary：摘要 summary是采集展示百分位数，百分位定义：在一组由小到大的数字中，某个数字大于90%的数字，这个数字就是第90个的百分位数。 通过demo的来理解一下吧，假如我们业务需求是要知道订单金额10，30，50，70，90的百分位数，该怎么实现呢？ 需要在MetricsHub.cs中添加Summary类型的指标收集集合： using Prometheus; using System.Collections.Generic; namespace PrometheusSample.Middlewares { public class MetricsHub { private static Dictionary<string, Counter> _counterDictionary = new Dictionary<string, Counter>(); private static Dictionary<string, Dictionary<string, Gauge>> _gaugeDictionary = new Dictionary

BCGControlBar ("Business Components Gallery ControlBar")是MFC扩展库，使您可以创建具有完全自定义选项（功能区、可自定义工具栏、菜单等）以及一组专业设计的丰富Microsoft Office和Microsoft Visual Studio的应用程序 GUI控件，例如图表、日历、网格、编辑器、甘特图和许多其他控件。 BCGControlBar库拥有500多个经过全面设计、测试和充分记录的MFC扩展类。 我们的组件可以轻松地集成到您的应用程序中，并为您节省数百个开发和调试时间。 BCGControlBar Pro for MFC v31.0正式版下载 Visual Designer允许您可快速创建和修改MFC应用程序的数字仪表板和图表，它生成描述仪表板和图表元素的布局和属性的XML文件，只要需要向最终用户提供交互式数字仪表板和/或图表，就可以在运行时加载和处理XML。 本指南将为大家介绍如何利用Designer工具。 先决条件 首先，您必须使用Application Wizard创建一个基于MFC或BCGControlBar Pro的应用程序，或者选择一个现有的（基于MFC或BCGPro的）应用程序。 注意 ：如果选择纯MFC项目，则需要执行一些其他步骤从MFC迁移到BCGControlBar Pro。 开始使用设计器 运行位于

Curve.Fi是一组规模庞大的DEFi协议，这个教程的目的是帮助你关注智能合约开发的现代方法，以及如何在自己的Defi应用中集成Curve.Fi这种大型协议的关键点。 用熟悉的语言学习 以太坊合约与DApp开发 ： Java | Php | Python | .Net / C# | Golang | Node.JS | Flutter / Dart 1、Curve.Fi开发教程的组织方式 是的，我已经说过我们将深入研究代码。尽管我们不是在谈论AMM模型的数学运算，也不是在Curve.Fi合约中使用的其他一些特定技巧，但是我们仍然需要了解一些内容。当然，这不是在谈论成功的DeFi开发-我没有给出提示。这是我经验的一部分，在这里我将分享一些有关Curve智能合约的基本架构以及我们如何与这些架构集成的知识。实际上，下图中包含了本教程的全部内容： 我们研究的是Y-Pool，它以一种简单明了的方式组织。存款（Deposit）合约将你的资金打包成Y-Token，然后将其发送到兑换（Swap）合约，兑换合约为用户生成LP代币。如果你要提取流通性份额以及所赚取的收益，则合约会执行相同的操作，但是方式相反。这一切都与金融合约有关（当然，如果我们对池平衡和股数计算背后的复杂逻辑选择视而不见）。 此外，我们还有Gauge和Minter合同，它们是Curve.Fi DAO的一部分

asp.net core 集成 prometheus Intro Prometheus 是一个开源的现代化，云原生的系统监控框架，并且可以轻松的集成 PushGateway, AlertManager等组件来丰富它的功能。 对于 k8s 下部署的系统来说使用 Prometheus 来做系统监控会是一个比较不错的选择，我们现在正在使用的模式就是应用暴露 metrics 信息给 Prometheus，然后使用 Grafana 做展示。 Prometheus Prometheus 是一套开源的系统监控和报警框架，灵感源自 Google 的 Borgmon 监控系统。 2012年，SoundCloud的 Google 前员工创造了 Prometheus，并作为社区开源项目进行开发。2015年，该项目正式发布。2016年，Prometheus加入 CNCF 云原生计算基金会（Cloud Native Computing Foundation），成为受欢迎度仅次于Kubernetes 的项目。 Prometheus 具有以下特性： 多维的数据模型（基于时间序列的Key、Value键值对） 灵活的查询和聚合语言 PromQL 提供本地存储和分布式存储 通过基于 HTTP 的 Pull 模型采集时间序列数据 可利用 Pushgateway（Prometheus的可选中间件）实现 Push 模式

Prometheus监控实战(二) 标签（空格分隔）： Prometheus系列 [toc] 一、Prometheus的度量类型(metric types) 在学习Prometheus的常用函数前，我们得先知道Prometheus的几度量类型，然后才能使用 相应的函数来进行计算。不知道大家有没有注意到，Prometheus从exporter抓取的每一个指 标均是有注释度量类型的，例如，我们来查看node_exporter的度量指标，curl http://xxx.xxx.xxx.xxx:9100/metrics。 1.1 Counter(计数器类型) Counter类型的指标代表的是一种计数器，是随时间只增不减永远不会减少（除非系统或者服 务发生了重置）的。Counter一般用于累计值，例如记录请求次数，任务完成数、错误发生次 数；还可以计算其在一段时间范围内的增量和变化速率，如果是counter类型的数据，首先应 该想到是否要使用rate()或者increase()函数来计算其变化速率。 不是Counter类型的度量却当做Counter类型来计算，会得到一个错误的结果。例如，使用计 数器来计算当前正在运行的进程的数量；应该使用Gauge。 1.2 Gauge(仪表测量类型) Gauge类型的指标值是可增可减的，可以用于反应当前应用的状态。比如在监控主机时，主机 当前的内存大小

前言 最近有个新项目需要搞一套完整的监控告警系统，我们使用了开源监控告警系统Prometheus；其功能强大，可以很方便对其进行扩展，并且可以安装和使用简单；本文首先介绍Prometheus的整个监控流程；然后介绍如何收集监控数据，如何展示监控数据，如何触发告警；最后展示一个业务系统监控的demo。 监控架构 Prometheus的整个架构流程可以参考如下图片： 整个流程大致分为收集数据，存储数据，展示监控数据，监控告警；核心组件包括：Exporters，Prometheus Server，AlertManager，PushGateway； Exporters ：监控数据采集器，将数据通过Http的方式暴露给Prometheus Server； Prometheus Server ：负责对监控数据的获取，存储以及查询；获取的监控数据需要是指定的 Metrics 格式，这样才能处理监控数据；对于查询Prometheus提供了 PromQL 方便对数据进行查询汇总，当然Prometheus本身也提供了Web UI； AlertManager ：Prometheus支持通过 PromQL 来创建告警规则，如果满足规则则创建一条告警，后续的告警流程就交给AlertManager，其提供了多种告警方式包括email，webhook等方式； PushGateway

上一篇博文中说到Prometheus有四种指标类型：Counter（计数器）、Gauge（仪表盘）、Histogram（直方图）、Summary（摘要），并且我们做了一个Counter的Demo，接下来看看Gauge。 2、Gauge：仪表盘，有增有减 这个指标非常像汽车的车速表，指针是在一定范围内有增有减的。下面我们接着上一篇博文的Sample来说，现在需要实时监控处在下“单完成”，“支付完成”，“发货完成”的单据数据，和各三种状态的占比；我们知道一个订单在一个时刻只能是一种状态，我们可以在下单时增加计数order的指标，但当订单从order转到pay状态后，pay指标会增加，同时order指标会减少，这个场景就会用上了Gauge了。 有了这个思路，我们可以上手代码了，BusinessController的代码不变（因为我们实现了业务逻辑代码和监控数据指标采集分离），这里我们需要在MetricsHub.cs中添加Gauge类型的指标收集集合： public class MetricsHub { private static Dictionary<string, Counter> _counterDictionary = new Dictionary<string, Counter>(); private static Dictionary<string, Dictionary

Dialog 是一个程序，它允许你使用 shell 脚本中的对话框程序各种 或显示消息（这是帮助文档开头的一句话）。文本菜单已经很不错了，但是还是要在这里介绍一下窗口制作工具 dialog ，给以后的工作多一种选择。 在 CentOS linux 系统中，默认是不安装 dialog 包的，安装方法也是非常简单的，直接 yum 安装就行，命令如下： yum install dialog 先来个 Hello ： 在命令行中输入： dialog --title Testing --msgbox "Hello,world!" 10 20 用鼠标点击确认，或者按下回车，则关闭对话框。这个就是 msgbox 部件， dialog 有多个部件，介绍如下： calendar ：提供选择日期的日历 格式： dialog --calendar "Date" height width day month year 例： 显示当前日期： dialog --title " 日历查询 " --calendar "Date" 5 50 显示指定日期： dialog --title " 日历查询 " --calendar "Date" 5 50 1 2 2000 checklist ：显示多个选项（其中每个选项都能打开或关闭），就是复选框 格式： dialog --checklist "Test" height

这篇博文的面向群体是 还不太了解 Prometheus 和 想要开始使用 Prometheus 的人群. 本文想做的事是 想尽力讲清楚 Prometheus 是如何看待监控这件事情 以及 Prometheus 是如何实现这些需求的. 本文中不会出现的内容: 跟 Prometheus 实现细节有太多相关的东西 等 当想看监控的时候, 我们到底想要什么? 我们想要看的东西也就是我们对监控的需求. 需求 在实际的生产过程中, 产生的和需要收集的监控数据分为很多种, 例如以下这些, 除此之外, 还有很多很多. 但从实现方式上来说, 大多都大同小异. 瞬时状态的 CPU 和 MEM 使用率读数 硬盘使用量的增长率 对 集群节点 状态 进行筛选 , 记录节点位于什么时刻不可用, 这就要求有 Tag 支持 瞬时状态的 网卡流量, 例如 100 Mbps, 服务请求量, 服务的 QPS, 服务的 错误率和错误次数 全部请求的平均时耗 一段时间内, 所有请求的 时耗中, 50% 的请求时耗小于多少毫秒, 95% 的请求时耗小于多少毫秒? 以此评估整体的接口情况 一段时间内, 所有请求的 时耗中, 多少请求时耗大于 1000ms, 多少请求时耗位于 200-500 区间内, 用于了解 请求时耗的具体分布, 以评估接口情况 …… 那么我们就需要一个 监控系统 来完成 上述需求, 这个监控系统