通常一个完整的页面可包含多屏内容，因此我们常需要通过滚动页面来阅读网页上的内容。页面上有一些可点击的链接或按钮，点击后调转到页面指定的位置，今天介绍几种实现方式。

这是这次系列文章的第二篇，我自己封装了一个用vue实现的拖拽排列卡片组件，并且发布到npm，详细地记录下来了整体制作过程。总共有三篇文章，介绍组件的制作思路和遇到的问题，以及在发布到npm上并下载使用的过程中，发生了什么问题并如何解决。 移动卡片在另一张卡片上方附近区域时，要进…

拿Chrome浏览器来说，同域名下资源加载的最大并发连接数为6，当资源文件大于6时，多于6个的文件就会进入待定，等第一批加载完才会加载第二批的6个图片资源，这样就增加了等待时间。无形中就增加用户加载网页等待的时间。 既然最大并发数为6，那我们就把N个资源URL替换成N/6个不同…

主要内容以协同编辑技术为主，也会谈谈对技术发展的理解。包括协同编辑绵连的问题，一致性算法 OT 和 CRDTs，还有开源协同解决方案：基于OT的 ShareDB 和 基于 CRDTs 的 Yjs。

1. 意外的全局变量 2. 遗忘的定时器 3. 使用不当的闭包 4. 遗漏的 DOM 元素 5. 网络回调 可以抓取两份快照，两份快照中间进行内存泄漏操作，最后再比对两份快照的区别，查看增加的对象是什么，回收的对象又是哪些，如上图。

一、问题背景 为了防止信息泄露或知识产权被侵犯，在web的世界里，对于页面和图片等增加水印处理是十分有必要的，水印的添加根据环境可以分为两大类，前端浏览器环境添加和后端服务环境添加，简单对比一下这两种

为了写作方便，antd 的 分页器我统一以 antd-pagination 代替，自己的分页器统一以 my-pagination 代替。 这里面的逻辑是实现这个分页器最最关键的地方，同时也是分页器的难点所在。 我们要计算出每一页的页码排布情况，什么时候该显示省略号，什么时候改成…

所以这个分页组件一共是由 2 + 2 + 2 + 1 + 2 * 2 = 11 个 元素构成。记住这个数，给这个变量起名字叫baseCount，待会要着重用它。分析到这逻辑实际已经完成74%了，是不是惊呆了？但是不要着急，我们继续分析一下分页组件需要哪些参数： 参数我已经标注好…

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！