随笔分类 -  实例

JQuery实现图片懒加载
摘要：懒加载的原因： 对于图片过多的场景，为了提高页面的加载速度，降低服务器的负载，增强用户体验，我们对还没出现在视野的图片先不加载，当元素出现在我们视野中的时候再加载。 懒加载的原理： 我们先将img标签中的src链接设置为一样的图片（空白图片），将真正的图片链接放在自定义属性中，如（data-src） 阅读全文
posted @ 2018-08-16 14:31 心晴安夏 阅读(13106) 评论(3) 推荐(0)
JQuery实现轮播图及其原理
摘要：源码： 效果图： 原理： 页面结构方面： 将轮播图容器设置成相对定位，宽度设置成图片的宽度；容器中分为四部分：轮播的图片；点击的小按钮；前一张；后一张 样式方面： 轮播图容器为相对定位，宽度/高度设置成图片的宽度/高度，设置overflow为hidden； 容器中的每一部分都设置成绝对定位，放到相应 阅读全文
posted @ 2018-08-16 11:00 心晴安夏 阅读(2394) 评论(0) 推荐(3)
分页组件 百度笔试题
摘要：题目描述：分页组件是web开发中常见的组件，请完成pagination函数，在id为jsPagination的DOM元素中完成分页的显示部分，需求如下1、最多连续显示5页，居中高亮显示current页（如demo1所示)2、total为0时，隐藏整个元素（如demo2所示）3、如果total<=5， 阅读全文
posted @ 2018-07-17 14:30 心晴安夏 阅读(455) 评论(0) 推荐(0)
简易购物车删除商品数量
摘要：京东前端笔试编程题： 这道题考察的知识点有：dom结构的增删改查、事件委托机制、数值类型的转化（parseFloat 、toFixed（num）、+可能表示是取正的意思 typeof +"123" //"number"） 阅读全文
posted @ 2018-07-15 20:23 心晴安夏 阅读(372) 评论(1) 推荐(0)
jQuery实现导航栏
摘要：jQuery实现导航栏 1 11 13 14 2 ... 阅读全文
posted @ 2018-06-19 11:58 心晴安夏 阅读(3196) 评论(0) 推荐(0)
jQuery实现列表的增加和删除
摘要：jQuery name price delete ... 阅读全文
posted @ 2018-06-14 16:13 心晴安夏 阅读(711) 评论(0) 推荐(0)
jquery实现复选框的全选、全不选、反选
摘要：jQuery 选择喜欢的运动全选 篮球 足球 羽毛球 冰棒球 全选 全不选 反选 阅读全文
posted @ 2018-06-14 14:57 心晴安夏 阅读(599) 评论(0) 推荐(0)
jQuery实现“回到顶部”按钮功能
摘要：jQuery 回到顶部 回到顶部 阅读全文
posted @ 2018-06-13 20:42 心晴安夏 阅读(1114) 评论(0) 推荐(0)