叫一只猪

开始请求外部资源之前，浏览器会检测CSS规则是怎么应用到DOM上的。 如果浏览器检测到CSS引用的外部资源并没有应用到已存在的DOM节点上，浏览器就不会请求这些资源。 设置全局指令lazy，如果是background-image ，则设置v-lazy='img1'传参数给函数，…

页面加载完成后，监听窗口滚动，当图片出现在视窗中时再给它赋予真实的图片地址，也就是将data-original中的属性拿出来放到src属性中。在滚动页面的过程中，通过给scroll事件绑定lazyload函数，不断的加载出需要的图片，注意：请对lazyload函数使用防抖与节流…

设备屏幕实际拥有的像素点，屏幕的基本单元，是有实体的。比如iPhone 6的屏幕在宽度方向有750个像素点，高度方向有1334个像素点，所有iPhone 6 总共有750*1334个像素点。 也叫“设备独立像素”（Device Independent Pixel，DIP），可以…

如果我们在做一个比较大型的项目，一个模块下面也有许多子路由，当业务量多，功能复杂，这样直接在route.js中注册路由，会造成route.js非常庞大和繁杂，此时可以利用require.context解决。思路：将每个比较大比较多的模块路由单独出来，这样就形成一个一个模块功能的…

1、效果如图（爱心动画）代码如下：2、效果如图