缘由：之前看哔哩哔哩官网登录的时候有一个拼图验证码，很好奇怎么去实现。然后就想着自己弄一个。先给大家看我的最终效果。后面再一点点拆解代码。 为什么想着写这个功能呢，主要在于拼图验证码在前端这里会比较复杂并且深入。相比文字拼写，12306的图片验证码都没有拼图验证码对前端的要求来…

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以及其中背后的原理。 我们对十万条记录进行循环操作，JS的运行时间为187ms，还是蛮快的，但是最终渲染完成…

首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到的事件。最后一个阶段是冒泡阶段。 我们上文中的监听图片自身的 error 事件，实际上在事件流中是处于目标阶段。

半年时间，几千人参与，精选大厂前端面试高频 100 题，这就是「壹题」。 在 2019 年 1 月 21 日这天，「壹题」项目正式开始，在这之后每个工作日都会出一道高频面试题，主要涵盖阿里、腾讯、头条、百度、网易等大公司和常见题型。得益于大家热情参与，现在每道题都有很多答案，提…

vuem3u8视频播放组件依赖库dplayer组件bug视频头图设置有时候显示不出来可以在视频外层包裹一个div手动设置一个视频头图

PC 端只有声音没有图像。这是因为 PC 端不会打开专门的播放器，只会在 DOM 节点处直接播放，此时 DOM 节点未设置显示区域 点击封面时增加一个 loading 效果，PC 环境在视频播放时取消；微信环境则在视频暂停时取消。(在 iOS 中 play() 方法会触发播放事…

使用微信分享，可以获得更好的传播效果。那如何利用微信公众号向好友进行信息分享呢？ 这里以分享 微信红包 为例，手把手教大家实现微信授权与分享。 步骤一. 用户信息获取 1. 注册测试公众号 这里就要麻烦后端的同学为我们提供URL和Token（URL是开发者用来接收微信消息和事件…

表达式和语句的区别在于，语句是为了进行某种操作，一般情况下不需要返回值，而表达式是为了得到值。 一般情况下，在javascript中每一行就是一个语句。 这是一条赋值语句，其中1+3就是语句。 在javascript中，第一个字符可以是Unicode字符或或者$或者_或者中文。…

1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部