休休漠漠

实现加入购物车效果 前言加入购物车功能，在商城类移动端或 app 上经常出现。增加了体验，在此基础上自己封装一个来实现。 1.原理 点击商品显示一个小球，从商品出发到达数量 box，且小球得大小逐渐变小。 2.如何实现抛物运动 1.认识 tween 函数 2.tween与小球的位置关系 3.获取小球起始点方法 4.定时器函数更新小球位置 2.1 tween 函数 tween 主要是利用数...

瀑布流效果类封装 前言：瀑布流，随着浏览器滚动，页面小单元逐渐出现，且位置是不规则的出现，常用在商城网站，图片类网站(花瓣网)等，十分美观。 1.瀑布流思路 1.1 确定页面可以分多少栏目 根据主体区域的宽度/第一个小块的宽度，向下取整获取可以分多少栏目 let { items, gap,dom } = this; //gap 间距 动态传入 let oBoxWidth = dom.off...

/* * 防抖 当事件持续触发，一定时间内没有触发事件函数处理一次。 比如输入框的ajax请求做模糊查询 * 节流 当时间持续触发，在一秒内只能触发一次。比如滚动条持续向下滚动，加载更多数据 * */ function debounce(fn, wait) { var timeout = null; return function...