
前端
ydw_ydw
这个作者很懒,什么都没留下…
展开
-
懒加载和预加载介绍以及例子
1、懒加载 1.1、懒加载介绍 懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 1.2、为什么要使用懒加载 很多页面,内容很丰富,页面很长,图片较多。比如...原创 2018-07-26 21:59:53 · 1038 阅读 · 0 评论 -
预加载的实现方式
1、预加载的实现方式 ①、用CSS和JavaScript实现预加载 实现预加载图片有很多方法,包括使用CSS、JavaScript及两者的各种组合。这些技术可根据不同设计场景设计出相应的解决方案,十分高效。单纯使用CSS,可容易、高效地预加载图片,代码如下: #preload-01 { background: url(http://domain.tld/image-01.pn...原创 2018-07-26 22:22:10 · 2010 阅读 · 0 评论 -
vue.js安装与配置
我们在前端学习中,学会了HTML、CSS、JS之后一般会选择学习一些框架,比如Jquery、AngularJs等。这个系列的博文是针对于学习Vue.js的同学展开的。 1.如何简单地使用Vue.js 如同以前我们学过的Jquery一样,我们在程序中使用Vue.js时也可以使用直接引用的方法,直接下载并用 <script> 标签引入,Vue.js会被注册为一个全局变量。在这里...转载 2018-08-07 23:34:28 · 6201 阅读 · 3 评论