meta标签 | 易学教程

03-body标签中的部分标签

阅读更多关于 03-body标签中的部分标签

一、字体标签标题标签h1-h6 h1定义最大的标题，h6定义最小的标题，一般一个页面中h1只能出现一次，尽量标题不要超过三级。h标签具有align属性，属性值分别是：left、center、right。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 7 </head> 8 <body> 9 10 <h1>我是一级标题</h1> 11 <h2>我是二级标题</h2> 12 <h3>我是三级标题</h3> 13 <h4>我是四级标题</h4> 14 <h5>我是五级标题</h5> 15 <h6>我是六级标题</h6> 16 17 </body> 18 </html> 粗体标签b或strong 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>流浪者</title> 6 7 </head> 8 <body> 9 10 <b>我好粗</b> 11 <strong>我也很粗的</strong> 12 13 </body> 14 </html> 斜体标签i或em 1 <!DOCTYPE html> 2 <html lang="en"> 3

Prometheus监控神技--自动发现配置

阅读更多关于 Prometheus监控神技--自动发现配置

一、自动发现类型在上一篇文中留了一个坑：监控某个statefulset服务的时候，我在service文件中定义了个EP，然后把pod的ip写死在配置文件中，这样，当pod重启后，IP地址变化，就监控不到数据了，这肯定是不合理的。如果在我们的 Kubernetes 集群中有了很多的 Service/Pod，那么我们都需要一个一个的去建立一个对应的 ServiceMonitor 对象来进行监控吗？这样岂不是也很麻烦么？为解决上面的问题，Prometheus Operator 为我们提供了一个额外的抓取配置的来解决这个问题，我们可以通过额外的配置来获取k8s的资源监控（pod、service、node等）。 promethues支持多种文件发现。其中通过 kubernetes_sd_configs，可以达到我们想要的目的，监控其各种资源。kubernetes SD 配置允许从kubernetes REST API接受搜集指标，且总是和集群保持同步状态，以下任何一种role类型都能够配置来发现我们想要的对象，来自官网翻译的。 1、Node Node role发现每个集群中的目标是通过默认的kubelet的HTTP端口。目标地址默认是kubernetes如下地址中node的第一个地址（ NodeInternalIP , NodeExternalIP ,

Prometheus 监控K8S Node监控

阅读更多关于 Prometheus 监控K8S Node监控

Prometheus 监控K8S Node监控　　Prometheus社区提供的NodeExporter项目可以对主机的关键度量指标进行监控，通过Kubernetes的DeamonSet可以在各个主机节点上部署有且仅有一个NodeExporter实例，实现对主机性能指标数据的监控，但由于容器隔离原因，使用容器NodeExporter并不能正确获取到宿主机磁盘信息，故此本课程将NodeExporter部署到宿主机。 node_exporter：用于*NIX系统监控，使用Go语言编写的收集器使用文档：https://prometheus.io/docs/guides/node-exporter/ GitHub：https://github.com/prometheus/node_exporter exporter列表：https://prometheus.io/docs/instrumenting/exporters/ 官方文档：https://github.com/kubernetes/kube-state-metrics node-exporter所采集的指标主要有: node_cpu_* node_disk_* node_entropy_* node_filefd_* node_filesystem_* node_forks_* node_intr_total_* node

Prometheus K8S中部署

阅读更多关于 Prometheus K8S中部署

Prometheus K8S中部署部署方式：https://github.com/kubernetes/kubernetes/tree/master/cluster/addons/prometheus 源码目录：kubernetes/cluster/addons/prometheus 部署条件 1、K8S中部署内部DNS服务 2、已有可使用的动态PV 配置文件下列是已经修改好的配置文件，可根据条件自行微调 # 访问api授权 prometheus-rbac.yaml apiVersion: v1 # 创建 ServiceAccount 授予权限 kind: ServiceAccount metadata: name: prometheus namespace: kube-system labels: kubernetes.io/cluster-service: "true" addonmanager.kubernetes.io/mode: Reconcile --- apiVersion: rbac.authorization.k8s.io/v1beta1 kind: ClusterRole metadata: name: prometheus labels: kubernetes.io/cluster-service: "true" addonmanager

vue 操作

阅读更多关于 vue 操作

vue成员获取 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <h1 @click="btnClick">{{ msg }}</h1> <p>{{ 10 | add }}</p> <p>{{ $data }}</p> <p>{{ $options.arr }}</p> </div> </body> <script src="js/vue.js"></script> <script> let app = new Vue({ el: '#app', data: { msg: '数据', a: 1, b: 2, }, methods: { btnClick() { console.log(this.msg) } }, filters: { add(v) { return v+1 } }, arr: [1, 2, 3, 4], }); console.log(app.msg); console.log(app.$data); console.log(app.$options.methods); console.log(app.$options.arr); </script> </html> pre指令 <!DOCTYPE html>

click事件300 毫秒点击延迟的来龙去脉

阅读更多关于 click事件300 毫秒点击延迟的来龙去脉

原文地址： What Exactly Is..... The 300ms Click Delay 快速响应是所有 UI 实现的重中之重。研究表明，当延迟超过 100 毫秒，用户就能感受到界面的卡顿。然而，出于对手指触摸滑动的区分，移动端页面对于触摸事件会有 300 毫秒的延迟，导致多数用户感觉移动设备上基于 HTML 的 web 应用界面响应速度慢。本文主要讨论上述延时的来历，浏览器生产商的考虑，以及我们作为开发者，当前应该如何处理这个问题。 300 毫秒延迟的来历这要追溯至 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题 —— 当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名的，当属双击缩放(double tap to zoom)。这也是会有上述 300 毫秒延迟的主要原因。双击缩放双击缩放，顾名思义，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。下面以这篇网站响应时间的文章页面为例，刚一打开页面，除了文章本身，我们还看到顶部通栏、菜单等非关键性要素。我们进入这个页面的目的显然是为了阅读这篇文章。所以当我们双击屏幕时，Safari 会相当智能地缩放至主体文章。上述例子表明，iOS Safari 在双击后

pageoffice

阅读更多关于 pageoffice

一、选择文件打开 1.postup.exe安装 2.导入jar包:pageoffice.jar 理论上不需要印章功能下面两个不需要导入,我只用到了第一个jar包,用于导出word文档在线编辑并保存. 3.再web.xml中添加下面代码:  <servlet> <servlet-name>poserver</servlet-name> <servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server</servlet-class> </servlet> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/poserver.zz</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/sealsetup.exe</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/posetup.exe</url

【CSS属性#2】

阅读更多关于【CSS属性#2】

原文: http://blog.gqylpy.com/gqy/256 目录一、盒子模型二、外边距 margin 三、内填充 padding 四、浮动 float 五、清除浮动 clear 六、溢出 overflow 七、定位 position 1. 无定位 static 2. 相对定位 relative 3. 绝对定位 absolute 4. 固定 fixed 八、层叠顺序 z-index 九、透明度 opacit 一、盒子模型 margin ：用于控制元素与元素之间的距离；最基本的用途就是控制元素周围空间的间隔，从视觉上达到相互隔开的目的 padding ：用于控制内容与边距之间的距离 Border ：边框，围绕在内边距和内容外的边框 Content ：盒子的内容，显示文本和图像 ![在这里插入图片描述](http://blog.gqylpy.com/media/ai/2019-03/3820234e-236e-4ff2-af57-94cab2575a05.png) 二、外边距 margin 属性描述 margin-top 上方外边距 margin-right 右方外边距 margin-bottom 下方外边距 margin-left 左方外边距简写： ![在这里插入图片描述](http://blog.gqylpy.com/media/ai/2019-03

【CSS属性#1】

阅读更多关于【CSS属性#1】

原文: http://blog.gqylpy.com/gqy/255 目录一、宽和高二、字体属性 1. 文字字体 font-famlly 2. 字体大小 font-size 3. 字重(粗细) font-weight 4. 文本颜色 color 三、字符属性 1. 文字对齐 text-align 2. 文字装饰 text-decoration 3. 首行缩进 text-indent 四、背景五、边框六、圆形 border-radius 七、 display 属性一、宽和高 width ：设置属性宽度，宽度向右填充空格，块级标签才可设置宽度，内联标签的宽度度由内容来决定. heigth ：设置属性高度，高度向下填充空白 . <!DOCTYPE html><html lang="zh-CN"><head> <meta http-equiv="content-Type" charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta http-equiv="refresh" content="60; URL=https://blog.csdn.net/qq_41964425"> <title>CSS</title> <style> #tag { width: 20%; height:

【jQuery基础】

阅读更多关于【jQuery基础】

原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. "

订阅 meta标签