2020-08-23 html tag preloading + new knowledge of css + standard format of JS json + soft skills can be talkative vs quiet work

2020-08-23 Source of topic: http://www.h-camel.com/index.html

[html] Which tag of html can be preloaded?

Methods to improve resource loading speed through browser features:

1.DNS prefetching The speed of DNS resolution can be pre-resolved through the label below

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

2. Preconnect is similar to DNS pre-resolution, preconnect will also do TCP handshake and TLS negotiation

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

3. Prefetching guesses which specific resource the user will access next. Prefetching can be used to preload certain resources

 

4.Prerendering pages pre-rendered pages, a better loading method

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

5. Preloading new features Compared with prefetching, preloading will make the browser download the specified resource anyway

 

6.H5 music preload preload = "auto"

 

Reprinted from: https://www.cnblogs.com/asbefore/p/8532963.html

[css] Do you still often learn new knowledge of css?

transform: translate();

box-shadow

animation

text-shadow reference: https://www.cnblogs.com/xuying/p/4658215.html

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

[js] Illustrate the standard format of 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 array object {"key":{"key1":[value1,value2]}}

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

[Soft Skills] As a manager, do you like someone who can talk or do things quietly? why?

the unexpected is always unpon us

Guess you like

Origin blog.csdn.net/vampire10086/article/details/108526859