2020-08-23 html的标签预加载 + css的新知识 + JS的json的标准格式 + 软技能的能说会道vs安静做事

2020-08-23 题目来源：http://www.h-camel.com/index.html

[html] html的哪个标签可以预加载？

通过浏览器特性来提高资源加载速度的方法：

1.DNS prefetching DNS解析的速度可以通过下面的标签进行预解析

<link rel=”dns-prefetch” href=”//weibo.com”>

2.Preconnect 和DNS预解析差不多，preconnect还会做TCP握手和TLS Negotiation

<link rel=”preconnect” href=”http://css-tricks.com”>

3.Prefetching 猜测用户接下来将要访问那个具体资源，可以通过prefetching来进行预加载确定的资源

4.Prerendering pages 预先渲染页面，更牛x的加载方式

<link rel=”prerender” href=”http://css-tricks.com”>

5.Preloading 新特性 相比prefetching，preloading会让浏览器无论如何都下载指定资源

6.H5音乐预加载 preload = "auto"

转自： https://www.cnblogs.com/asbefore/p/8532963.html

[css] 你现在还会经常学习css的新知识吗？

transform: translate();

box-shadow

animation

text-shadow 参考： https://www.cnblogs.com/xuying/p/4658215.html

background: radial-gradient(center,ellipse cover,#ffffff 72%,#dddddd 100%);

[js] 举例说明json的标准格式

1.json 数值 { "key": value } -- { "age": 23 }

2.json 字符串 { "key": "value" } -- { "name ": xl }

3.json 数组 { "key": [array] } -- { "age": [23, 24] }

4.json 对象 { "key": {value} } -- { "person": { "name": "nicholas", "age": 23} }

5.json 对象数组 { "key" : [{"key1": "value1"},{"key2": "value2"}]}

"person": [ { "name": "nicholas", "age": 23}, { "name": "albert", "age": 23} ]

6.json 数组对象 {"key":{"key1":[value1,value2]}}

"name": { ["nicholas", "albert"] }

[软技能] 做为管理者，你是喜欢能说会道的还是喜欢安静做事的人呢？为什么？

the unexpected is always unpon us