前言 本篇文章内容，或许早已是烂大街的解读文章。不过参加几场面试下来发现，不少伙伴们还是似懂非懂地栽倒在（～面试官～）深意的笑容之下，权当温故知新吧。 文章从防抖、节流的原理说起再结合实际开发的场景。

背景 最近在项目中要实现一个拖拽头像的移动效果，一直对JS Dom拖拽这一块不太熟悉，甚至在网上找一个示例，都看得云里雾里的，发现遇到最大的拦路虎就是JS Dom各种各样的距离，让人头晕眼花，看到一个

js 作为前端的中坚力量。那么 javascript 三座大山，你知道是哪些呢？ 1️⃣ 作用域和闭包 作用域 指代码当前上下文，控制着变量和函数的可见性和生命周期。最大的作用是隔离变量，不同作用域下

>实现一个类似微信、qq等即时通讯功能，即发送消息之后能马上收到消息通知。当然也可使用ajax轮询的办法去操作，但这种办法显然比较消耗性能，且无法判断服务端何时会发送消息，因而这里介绍websoket

用户通过在微信中分享海报图片邀请新用户注册，海报中有分享者参数的二维码，每个用户的二维码不同 所以海报中有些部分是动态的，不能直接使用图片，需要将html转换为图片。 html2canvas能够实现在网页或者部分内容直接进行“截屏”，其实现思路是 html2canvas脚本通过…

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

因为在字节做的业务和图可视化还有拖拽关系比较大，所以这次就写下拖拽相关的内容。html5中提供了一系列Drag and Drop 接口，主要包括四部分：`DragEvent`，`DataTansfer

市面上大部分的“无限滚动”组件其实并不“无限”，但它们却可以让你感受到无穷无尽，用了什么科技与狠活儿？

最近写了一个文字跑马灯的项目需求，刚开始用js写，能够完成需求。后面想着换种方式(分别是html和css)来实现同一个需求,以减少性能消耗。 1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。(offsetWidth) 2.获取滚动条到元素左边的…