meta标签 | 易学教程

js和css的加载造成阻塞

阅读更多关于 js和css的加载造成阻塞

浏览器渲染原理图： bar.js var count_bar = 0; var start_bar = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_bar++; } } var end_bar = new Date(); console.log(end_bar - start_bar,'bar'); foo.js var count_foo = 0; var start_foo = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_foo++; } } var end_foo = new Date(); console.log(end_foo - start_foo,'foo'); ress.js var count_ress = 0; var start_ress = new Date(); for(var i=0;i<100000;i++){ for(var j=0;j<10000;j++){ count_ress++; } } var end_ress = new Date(); console.log(end_ress - start_ress,'ress'); demo.html <

JavaScript DOM

阅读更多关于 JavaScript DOM

获取元素根据 ID 获取元素语法: document.getElementById(id) <div id='time'>2020-01-09</div> <script> var timer = document.getElementById('time'); console.log(timer); // 根据 ID 获取 // 查看里面的属性和方法 console.dir(timer) </script> 根据标签名获取元素语法: document.getElementsByTagName('标签名') <ul> <li>u1</li> </ul> <ol id="ol"> <li>ol</li> </ol> <script> // 根据元素名获取 var lis = document.getElementsByTagName('li'); console.log(lis); // HTMLCollection(2) [li, li] 返回所有的 ol和ul 的 li 元素是复数 // 可以通过ele 继续获取元素名 var ol_ele = document.getElementById('ol'); var ol_lis = ol_ele.getElementsByTagName('li'); console.log(ol_lis); // ol 下所有的li <

HTML基础

阅读更多关于 HTML基础

1.h1~h6 p b i br <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个html页面</title> </head> <body> <h1 align="right">这是h1</h1> <h2 align="center">这是h2</h2> <h3>这是h3</h3> <h4>这是h4</h4> <h5>这是h5</h5><h6>这是h6</h6> <p align="center">段落1</p> <p>段落2</p> <p>段落3</p>  <b>abc</b><br><i>abc</i> </body> </html> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <h1 align="center">个人简历</h1> <h2>基本信息</h2> <p>姓名：苍老师</p> <p>性别：男</p> <p>爱好：男</p> <h2>个人经历</h2> <p>2019年最佳男演员<br>2019年男神评比底一名</p> </body> </html> 2.无须列表有序列表定义列表

img 标签访问图片返回403 forbidden问题，meta标签的说明

阅读更多关于 img 标签访问图片返回403 forbidden问题，meta标签的说明

1.异常信息 2.解决方案 <meta name="referrer" content="no-referrer" /> 3.meta说明: <meta charset="utf-8">  <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">   <meta http-equiv="Content-Security-Policy" content="default-src 'self'">    <meta name="application-name" content=

prometheus.(二)监控集群

阅读更多关于 prometheus.(二)监控集群

目录 node_exporter监控集群节点 1.node-exporter.yaml 2.查看DaemonSet字段 3.启动 prometheus.yaml文件说明 1.Pod的安全策略 2.监控master节点 3.启动参数 4.映射端口 5.服务发现热更新: prometheu_configmap 配置文件容器监控 Api-Service 监控 Service 监控 1.添加service监控 2.service添加prometheus标签 3.kube-state-metrics node_exporter监控集群节点通过prometheus来采集节点的监控指标，可以通过node_exporter获取，node_exporter就是抓取用于采集服务器节点的各种运行指标，目前node_exporter几乎支持所有常见的监控点，比如cpu、distats、loadavg、meminfo、netstat等，详细的监控列表可以参考github repo 这里使用DeamonSet控制器来部署该服务，这样每一个节点都会运行一个Pod，如果我们从集群中删除或添加节点后，也会进行自动扩展 1.node-exporter.yaml # cat >>prometheus-node-exporter.yaml apiVersion: apps/v1 kind: DaemonSet

小总结

阅读更多关于小总结

关于safari 浏览器 input圆角的解决方案去除iOS safari 浏览器的input的圆角问题 -webkit-appearance: none; border 阴影 .shadow--2dp{ box-shadow:0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); } .shadow--2dp { box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12) } .shadow--3dp { box-shadow: 0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12) } .shadow--4dp { box-shadow: 0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2) } .shadow--6dp { box-shadow: 0 6px 10px 0 rgba(0,0

Python自动化开发学习14-html和css

阅读更多关于 Python自动化开发学习14-html和css

插曲之前已发布了一次了。在编写和发布的过程中一直有一个BUG困扰着我。最后被我找到了，只能暂时避开这个BUG重新发布一篇了。之前那篇就被我删掉了，浏览和收藏的也没了。那个问题我也记录下来了： https://blog.51cto.com/steed/2071264 Web的三个层次网页设计思路是把网页分成三个层次，即：结构层(HTML)、表示层(CSS)、行为层(Javascript)。形象的比喻，先是HTML捏了一个人，然后CSS则是给人穿上衣服，最后通过JS让人动起来。 Web服务的本质对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。用户向服务器发送一个请求。然后服务器响应，将数据和格式发回给客户端，然后断开这个连接。客户端收到返回的数据后，通过浏览器将数据按照一定的格式呈现出来。整个过程就是一个socket的短连接。下面是一个服务端的python代码，实现一个简单的Hello World： import socket def handle_request(conn): data = conn.recv(1024) # 接收数据，随便收到啥我们都回复Hello World conn.send('HTTP/1.1 200 OK\r\n\r\n'.encode('utf-8')) # 这是什么暂时不需要知道

每日思考（2020/01/04）

阅读更多关于每日思考（2020/01/04）

题目概览对 <meta> 标签的理解 rgba()和opacity这两个的透明效果有什么区别? 为浏览器元素添加一个随机颜色的边框在浏览器中输入url到页面显示出来的过程发生了什么题目解答对 <meta> 标签的理解定义：元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词等等。标签位于文档的头部 <head></head> 标签内，不包含任何内容。标签的属性定义了与文档相关联的【名称/值对】。 HTML 4.01 ：<meta http-equiv="content-type" content="text/html; charset=UTF-8"> HTML5 ：<meta charset="UTF-8"> 属性属性值描述 content （必需） some_text 定义与 http-equiv 或 name 属性相关的元信息 http-equiv content、type-expires、refresh、set-cookie 把 content 属性关联到 HTTP 头部。 name author、description、keywords、generator、revised、others 把 content 属性关联到一个名称。 scheme some_text 定义用于翻译 content 属性值的格式。

移动端常见问题汇总

阅读更多关于移动端常见问题汇总

原文转自：点我转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480320，这样devicePixelRatio＝2。现在android比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况都是用2倍）。例如一个div的宽高是100100，背景图必须得200200，然后background-size:contain;，这样显示出来的图片就比较清晰了。代码如下： background:url(../images/icon/all.png) no-repeat center center; -webkit-background-size:50px 50px; background-size: 50px 50px;display:inline-block; width:100%; height:50px; 或者指定 background-size:contain

小总结

阅读更多关于小总结

订阅 meta标签