我的博客原文地址：原文地址 如果文章对您有帮助，您的star是对我最好的鼓励～ 简要介绍：前端开发中，静态网页通常需要适应不同分辨率的设备，常用的自适应解决方案包括媒体查询、百分比、rem和vw/vh等。本文从px单位出发，分析了px在移动端布局中的不足，接着介绍了几种不同的自适应解决方案。 px和 ...
分类：
其他好文 时间：
2020-04-27 09:56:49
阅读次数：
73
一、Perfmon简介、性能监控指标、性能对象指标 Perfmon：提供了图表化的系统性能实时监视器、性能日志和警报管理，可用于监视CPU使用率、内存使用率、硬盘读写速度、网络速度等，可以很方便地使用第三方工具进行性能分析。 1.常用的性能监控指标 Perfmon性能监控对象总共有上百个性能指标，我 ...
1、找出ifconfifig “网卡名” 命令结果中本机的IPv4地址 [root@Centos8 data]# ifconfig|grep inet|head -n1|tr -s ' '|cut -d' ' -f3 10.0.0.100 2、查出分区空间使用率的最大百分比值 [root@Cento ...
分类：
其他好文 时间：
2020-04-24 22:06:39
阅读次数：
105
背景收到nginx的超时报警和服务所在机器的load报警，通过分析问题时间段的系统cpu，内存，网络io，磁盘io使用情况，发现是磁盘io达到瓶颈导致。通过iostat看磁盘的await(平均每次设备I/O操作的等待时间)时间达几百毫秒且util(一秒中有百分之多少的时间用于I/O操作，即被io消耗的cpu百分比)持续100%分析定位问题服务1，通过使用iotop来看系统上使用io最多的进程，发现
分类：
其他好文 时间：
2020-04-23 00:50:14
阅读次数：
181
IE11 怎么做 CSS hack ？ 很简单。 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-form-item-control .ant-input { line-height: 0 ...
分类：
Web程序 时间：
2020-04-21 18:42:20
阅读次数：
83
用object-fit和object-position来处理图片 MDN：object-fit MDN：object-position 半深入理解CSS3 object-position/object-fit属性 用百分比设置图片宽高 方式一：width：100% height：100% div { ...
分类：
其他好文 时间：
2020-04-20 13:32:16
阅读次数：
88
一、Hystrix简介： 我们知道大量请求会阻塞在Tomcat服务器上,影响其它整个服务.在复杂的分布式架构的应用程序有很多的依赖,都会不可避免地在某些时候失败.高并发的依赖失败时如果没有隔离措施,当前应用服务就有被拖垮的风险. Spring Cloud Netflix Hystrix就是隔离措施的 ...
分类：
编程语言 时间：
2020-04-19 19:41:05
阅读次数：
73
字符串格式化：将字符串以自己想要的格式进行拼接 msg="i am %s my hobby is alex" %"yxz" # %s 代表一个表示符，后面的%”yxz“代表传入的值 print(msg) #输出结果为 i am yxz my hobby is alex msg1="i am %s m ...
分类：
其他好文 时间：
2020-04-18 13:38:17
阅读次数：
90
（1）给父级元素单独定义高度（height） （2）在标签结尾处加空div标签 clear:both .clear{clear: both;} <div class="box"> <div class="red">1</div> <div class="sienna">2</div> <div cl ...
分类：
其他好文 时间：
2020-04-17 18:33:41
阅读次数：
66
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html5</title> <style> body { margin: 0px; font-size: 12px; color: #938C43; line-height: 15 ...
分类：
Web程序 时间：
2020-04-16 01:03:03
阅读次数：
163
