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

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

  1. webpack(一)压缩js,加载css,压缩html,压缩图片

    1.webpack是前端资源构建工具(将一系列小工具用一个大工具处理),静态模块打包器(js资源,css资源,图片字体等资源).   首先告诉webpack一个入口文件,webpack就会以这个入口文 ...

  2. 网站预加载进度条的实现

    我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面,大概像这样: 然后整个页面的操作就会非常流畅,因为之后没必要再等待加载资源了.尤其是在移动端,或者是页游中,这样 ...

  3. vue网页预加载页面_页面预加载效果

    vue网页预加载页面 View demo 查看演示Download Source 下载源 Today we want to show you how to create a very simple p ...

  4. 前端资源预加载并展示进度条

    我们经常会看到,一些站点在首次进入的时候会先显示一个进度条,等资源加载完毕后再呈现页面,大概像这样: 然后整个页面的操作就会非常流畅,因为之后没必要再等待加载资源了.尤其是在移动端,或者是页游中,这样 ...

  5. 用javascript预加载图片、css、js的方法研究

    预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提 ...

  6. javascript预加载图片、css、js的方法研究

    预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提 ...

  7. html加载图片有超时时间吗,[前端]图片预加载方法

    目录 1. 使用jQuery图片预加载(延迟加载)插件Lazy Load Lazy Load也叫惰性加载,延迟加载,顾名思义,就是在图片未到达可视区域时,不加载图片,我们常常在很多的优秀网站上看到类似 ...

  8. Electron使用preload预加载及安全策略

    使用 Electron 很重要的一点是要理解 Electron 不是一个 Web 浏览器. 它允许您使用熟悉的 Web 技术构建功能丰富的桌面应用程序,但是您的代码具有更强大的功能. JavaScri ...

  9. 防抖、节流 和 预加载、懒加载

    目录 1. 防抖 节流 2. 预加载 3. 懒加载 (一)防抖 节流 1. 防抖 对于短时间内连续触发的事件(如滚动事件),防抖的含义就是让某个时间期限(如上面的1000毫秒)内,事件处理函数只执行一 ...

最新文章

  1. Python 编写用户登录接口
  2. Python3.5源码分析-内存管理
  3. Linux命令:sed
  4. Light-Head R-CNN: In Defense of Two-Stage Object Detector
  5. 你以为A10 Networks只做应用交付?
  6. java tbase_使用Java从firebase获取数据
  7. CUBA 7.2 –有什么新功能?
  8. 剑指 Offer 40-----50
  9. pythonvim编辑教程_Pycharm学习教程(6) Pycharm作为Vim编辑器使用
  10. 计算机组成原理左规右规,计算机组成原理 第四章(严军勇)-2003-2012年.ppt
  11. php日期分页,php – Laravel分页不适用于日期搜索
  12. Identity Server 4 原理和实战(完结)_建立Angular 客户端
  13. 神舟 mini pc Android,巴掌大的台式机!神舟mini PC真机拆解
  14. 打开Internet信息服务及IIS管理器
  15. VMware Tools手动安装
  16. easypoi 语法_高中英语语法:高中英语必修1选修8全八册知识点总结
  17. 如何快速建立一个优秀的账号体系
  18. 网络协议 一 MAC地址、IP地址、子网掩码
  19. Python.exe - 无法找到入口/无法定位程序输入点...于动态链接库
  20. 网络技术领域专业术语解释大全-170个术语

热门文章

  1. 数据质量管理学习笔记
  2. css 修改浏览器滚动条样式(火狐Firefox,谷歌google)
  3. OpenSergo 正式开源,多家厂商共建微服务治理规范和实现
  4. 轻松实现微信小程序上传多文件/图片到腾讯云对象存储COS(免费额度)
  5. DIY 盒装与散装cpu
  6. 昆山学python_昆山学习电脑编程,昆山学电脑编程哪里好,昆山学电脑编程一般能拿多少工资...
  7. 前端性能利器——dynatrace ajax edition
  8. 【python】代码换行的几种方法
  9. 总体样本方差的无偏估计样本方差为什么除以n-1
  10. 如何修改Adobe Illustrator CC 2020的用户界面语言为英文