前几天看了一篇讲react suspense的文章，挺有趣的；所以翻了一下 vue 相关的实现，结果 Vue2 并不支持。所幸有人做了一个 plugin，虽然有点小众，但是如果有朋友想尝鲜的话，可以去这里学习一下——vue-async-ma ...

前言 防抖和节流算是非常普及的概念了，不止在前端，甚至不止在编程领域，许许多多的地方都能用到这两个概念，这篇文章主要总结分享一下我自己在JS中对这两个概念的代码实现。 防抖 防抖顾名思义就是防止或消除抖动，我第一次接触这个概念还是是当初大学 ...

懒加载(lazyload)也叫延迟加载, 惰性加载. 实质是当网页页面滚动到相应的地方，对应位置的内容才进行加载显示，这样能明显减少了服务器的压力和流量，也能够减小浏览器的负担,同时用户也能更快开始网站的访问 实现思路 image 代码实现 ...

web开发中经常会做滚动监听，比如商品分类功能：左右两列，左侧类目，右侧商品，需要监听右测商品列表的滚动，滚到哪个类目区间，左侧就点亮哪个类目标签。如果在滚动的过程中一直监听而不做性能优化的话，浏览器是很容易卡死的。下面提供两种优化性能的方 ...

1. 防抖函数 1.1 防抖定义： 函数防抖（debounce）：当持续触发事件时（例如mousemove），一定时间段内没有再触发事件，事件处理函数才执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。 1.2 不做防抖的 ...

前言 本文1012字，阅读大约需要4分钟。 总括: 本文通过实例介绍了什么是节流函数，什么是防抖函数。 公众号：「前端进阶学习」，回复「666」，获取一揽子前端技术书籍 社会犹如一条船，每个人都要有掌舵的准备。 正文 节流函数和防抖函数相 ...

一、图片懒加载原理 浏览器是否发起请求图片是根据<img>中src的属性，所以实现原理就是在图片没有进入可视区域的时候将图片链接放在datasrc中，等到图片载入可视区域再给src赋值 二、懒加载思路及实现 懒加载的实现这里提供的两种方法 ...

<p>在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。</p><h2>正则校验 ...