百分比

一、cpu性能指标 1 cpu使用率 1.1 用户cpu使用率：包括用户态cpu使用率（user）和低优先级用户态cpu使用率（nice），表示cpu在用户态运行的时间百分比。用户cpu使用率高， 通常说明应用程序笔记繁忙。 1.2 系统cpu使用率：表示cpu在内核态运行的时间百分比（不包括中断），系统cpu使用率高说明内核比较繁忙。 1.3 等待I/O的cpu使用率：通常也称为iowait，表示等待I/O的时间百分比。iowait高，通常说明系统与硬件设备的I/O交互时间比较长。 1.4 软中断和硬中断的cpu使用率：分别表示内核调用软中断、硬中断处理程序的四件百分比，他们的使用率高，通常说明系统发生了大量的中断。 1.5 虚拟化环境中用到的窃取cpu使用率（steal）和客户cpu使用率（guest），分别表示被其他虚拟机占用的cpu时间百分比，和运行客户虚拟机的cpu时间百分比。 2 平均负载：也就是系统平均活跃进程数。理想情况，平均负载等于逻辑cpu个数，这表示每个cpu都恰好被充分使用。如果平均负载大于逻辑cpu的个数，就表示负载比较重了。 3 上下文切换：本身是保证linux正常运行的一项核心功能。但过多的上下文切换，会将原本运行的cpu时间，消耗在寄存器、内核栈以及虚拟内存数据保存和恢复上，缩短进程 真正运行的时间，成为性能瓶颈。 4 cpu缓存命中率

简介 top命令是Linux下常用的性能分析工具，能够实时显示系统中各个进程的资源占用状况，类似于Windows的任务管理器。 top显示系统当前的进程和其他状况,是一个动态显示过程,即可以通过用户按键来不断刷新当前状态.如果在前台执行该命令,它将独占前台,直到用户终止该程序为止. 比较准确的说,top命令提供了实时的对系统处理器的状态监视.它将显示系统中CPU最“敏感”的任务列表.该命令可以按CPU使用.内存使用和执行时间对任务进行排序；而且该命令的很多特性都可以通过交互式命令或者在个人定制文件中进行设定. 下面详细介绍它的使用方法。 参数含义 top - 01:06:48 up 1:22, 1 user, load average: 0.06, 0.60, 0.48 Tasks: 29 total, 1 running, 28 sleeping, 0 stopped, 0 zombie Cpu(s): 0.3% us, 1.0% sy, 0.0% ni, 98.7% id, 0.0% wa, 0.0% hi, 0.0% si Mem: 191272k total, 173656k used, 17616k free, 22052k buffers Swap: 192772k total, 0k used, 192772k free, 123988k cached PID

简介 top命令是Linux下常用的性能分析工具，能够实时显示系统中各个进程的资源占用状况，类似于Windows的任务管理器。 top显示系统当前的进程和其他状况,是一个动态显示过程,即可以通过用户按键来不断刷新当前状态.如果在前台执行该命令,它将独占前台,直到用户终止该程序为止. 比较准确的说,top命令提供了实时的对系统处理器的状态监视.它将显示系统中CPU最“敏感”的任务列表.该命令可以按CPU使用.内存使用和执行时间对任务进行排序；而且该命令的很多特性都可以通过交互式命令或者在个人定制文件中进行设定. 下面详细介绍它的使用方法。 参数含义 top - 01:06:48 up 1:22, 1 user, load average: 0.06, 0.60, 0.48 Tasks: 29 total, 1 running, 28 sleeping, 0 stopped, 0 zombie Cpu(s): 0.3% us, 1.0% sy, 0.0% ni, 98.7% id, 0.0% wa, 0.0% hi, 0.0% si Mem: 191272k total, 173656k used, 17616k free, 22052k buffers Swap: 192772k total, 0k used, 192772k free, 123988k cached PID

目录： （一）htop命令 （二）vmstat命令 （三）pmap命令 （四）glances命令 （五）dstat命令 （一）htop命令 (1.1)EPEL（Extra Packages for Enterprise Linux）是由Fedora社区打造，为RHEL及衍生发行版如CentOS等提供高质量软件包的项目。装上了EPEL，就像在Fedora上一样，可以通过yum install的方式安装，即可安装很多以前需要编译安装的软件、常用的软件或一些比较流行的软件，比如现在流行的nginx、htop、ncdu、vnstat等等，都可以使用EPEL很方便的安装更新。 (1.2)在管理进程时通常要借助一些工具，比较常用的就是ps和top了，不过CentOS还为我们提供了一个更加强大的工具htop，htop是一个Linux下的交互式的进程浏览器，可以用来替换Linux下的top命令。我们使用CentOS 7系统，并通过aliyun下载epel源，按照如下的操作方式进行。 # cd /etc/yum.repos.d/---进入到/etc/yum.repos.d/目录 # mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup---将CentOS-Base.repo重命名为CentOS

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 一、前言 在CSS样式中，当文本缩放的时候使用font-size属性是最难以理解的方面之一。在CSS中，你有4种不同的选择，能够让你设置文本在浏览器中的展示。那么这4种单位哪一种更适合呢？这个问题引发了各种各样不同的争论和评价。想要找到一个比较权威的回答可能比较困难，因为这个问题比较难回答。 PS: 半年前只翻译啦一半，半夜打开一看原文突然就想把剩下的翻译啦~里面有一些自己的观点描述，如果有错误请您留言给我，一定修正。 二、合适的单位 **"Ems"(em): ** "em"是被用于网页文件媒介的可缩放的单位（即相对单位）。1em就等于当前字体的大小，举个例子来讲，如果文档中字体的大小为12pt，那么1em = 12pt。Ems拥有能够缩放的特点，所以2em = 24pt，0.5em = 6pt（你也可以使用原文中的.5em，但是我觉得0.5em的可读性更好）等等。 **Pixels(px): ** 像素是被用于屏幕媒介（在计算机屏幕上读取）的固定大小的单位（即绝对单位）。1像素表示电脑屏幕中的1个点（这是你的屏幕能够识别的最小单位）。在设计网页的时候，很多web设计者采用像素，因为它能够很精确的在浏览器中渲染网页。但是，使用像素作为单位，当近视的用户（或者视力不好的用户

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 基于响应式开发网站，除了页面的布局是我们设计的重点，网站中显示的图片和文字也是我们不能轻视的内容。 1 响应式图片显示内容设计 真正具有响应性的Web设计是完全调整网站以满足访问者的设备。我们需要在响应式布局的页面上传送最佳的、前后联系的图片尺寸。如果是背景图片，我们可以准备多张不同尺寸的图片，然后在各自的媒体查询样式中使用对应的图片背景。再结合min-width、min-height、max-width、max-height等样式属性来限制窗口最小或最大宽度和高度，模拟响应式及流式布局，从而保证图片不失真。 如果是在HTML中加载图片，使图片适应不同分辨率的屏幕，则可以通过设置图片样式的百分比来实现。但是，它不仅包括缩放，同样重要的是减少传送给观众的图片。比如说用户是在移动设备中浏览网站，由于网速慢、流量少等因素，访客可能会放弃访问。为了减少这些元素给网站带来的影响，我们可以用更合适的图片替换访问者使用的设备中的数据。在开发时可以通过一些JavaScript插件来解决此类问题。 2 响应式文字显示内容设计 响应式的设计应该秉承“内容优先，移动优先”的原则。我们知道，网页中的内容主要是由文字、图片等元素组成的，那么文字该如何响应呢？排版是响应式Web设计最重要的内容之一，如果想让内容在所有尺寸的屏幕上友好地显示

通过echarts制作饼图，需要通过鼠标移动到对应的扇形才能才看数值和百分比。 解决这个问题参考的是将鼠标移动到扇形上的显示方法: tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, 从而得来这个问题的解决方案(蓝色字体)： series : [ { name:'访问来源', type:'pie', radius : '55%', center: ['50%', '60%'], data:[ {value:335, name:'直接访问'}, {value:310, name:'邮件营销'}, {value:234, name:'联盟广告'}, {value:135, name:'视频广告'}, {value:1548, name:'搜索引擎'} ], itemStyle:{ normal:{ label:{ show: true, formatter: '{b} : {c} ({d}%)' }, labelLine :{show:true} } } } ] 来源： https://www.cnblogs.com/Pinapple/p/9268271.html

流式布局 百分比布局也叫作流式布局、弹性盒布局。手机网页没有版心，都左右撑满。 百分比能够设置的属性是width、height、padding、margin。其他属性比如border、font-size不能用百分比设置的。 如果用百分比写width，指的是父元素width的百分比。 如果用百分比写height，指的是父元素height的百分比。 如果用百分比写padding，那么指的是父元素width的百分比，无论是水平的padding还是竖直的padding。 如果用百分比写margin，那么指的是父元素width的百分比，无论是水平的margin还是竖直的margin。 不能用百分比写border的宽度 接下来我们看一个例子： 1234567891011 div{ width:200px; height:300px; padding:10px;}div p{ width:50%; height:50%; padding:10%; }/*此时p的真实宽度是多少？*/ 此时p的真实宽度是140px*190px 媒体查询（media query） 1.为什么响应式 Web 设计需要媒体查询 CSS3媒体查询可以让我们针对特定的设备能力或条件为网页应用特定的CSS样式。如果没有媒体查询，光用CSS是无法大大修改网页外观的。这个模块让我们可以提前编写出适应很多不可预测因素的CSS规则

100% — FF 99% — FC 98% — FA 97% — F7 96% — F5 95% — F2 94% — F0 93% — ED 92% — EB 91% — E8 90% — E6 89% — E3 88% — E0 87% — DE 86% — DB 85% — D9 84% — D6 83% — D4 82% — D1 81% — CF 80% — CC 79% — C9 78% — C7 77% — C4 76% — C2 75% — BF 74% — BD 73% — BA 72% — B8 71% — B5 70% — B3 69% — B0 68% — AD 67% — AB 66% — A8 65% — A6 64% — A3 63% — A1 62% — 9E 61% — 9C 60% — 99 59% — 96 58% — 94 57% — 91 56% — 8F 55% — 8C 54% — 8A 53% — 87 52% — 85 51% — 82 50% — 80 49% — 7D 48% — 7A 47% — 78 46% — 75 45% — 73 44% — 70 43% — 6E 42% — 6B 41% — 69 40% — 66 39% — 63 38% — 61 37% — 5E 36% — 5C 35% — 59 34% —

“ 记录Linux部分常用高级命令 ” top命令： 动态显示当前耗费资源最多的进程信息，3秒刷新一次。 top基本视图： top - 17:11:03 up 6:52, 2 users, load average: 0.00, 0.00, 0.00 Tasks: 82 total, 1 running, 81 sleeping, 0 stopped, 0 zombie Cpu(s): 0.0%us, 0.3%sy, 0.0%ni, 99.7%id, 0.0%wa, 0.0%hi, 0.0%si, 0.0%st Mem: 1020296k total, 289188k used, 731108k free, 12268k buffers Swap: 2064376k total, 0k used, 2064376k free, 97536k cached PID USER PR NI VIRT RES SHR S %CPU %MEM TIME+ COMMAND 1186 root 20 0 403m 12m 5872 S 0.3 1.3 0:02.60 httpd 1577 nobody 20 0 1203m 37m 8424 S 0.3 3.7 0:08.47 httpd 1860 root 20 0 15020 1284 1000 R 0.3 0.1 0:00.19 top 1