一、什么事懒加载**懒加载技术(简称lazyload)是对网页性能优化的一种方案。lazyload的核心是按需加载,避免网页打开时加载过多资源,让用户等待太久,在适当的时候加载用户需要的资源(这里用户需要的资源指该资源呈现在浏览器可视区域)。这里我们主要是对img标签使用懒加载技术,使用jquery的query.lazyload.js库实现。通俗的讲就是:当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次)
自定义js方法组件
function removeByValue(arr,val){ for(var i=0;i
移动端页面元素拖动吸附功能
Inertia: 移动端页面元素拖动吸附功能移动端页面元素拖动吸附功能效果图如下:
h5列表页面回到顶部+分页
1. 引入此插件前请先引入zepto.min.js 或 jquery.js
FlexBox布局
JustifyContent属性定义了浏览器如何分配顺着父容器主轴的弹性(Flex)元素之间及其周围的空间,默认为flex-start。对应的这些可选项有:flex-start、center、flex-end、space-around、space-between以及space-evenly。
hexo next 为文章添加分类
hexo next 为文章添加分类1.新建一个页面,命名为 categories 。命令如下: