写在前面 好记性不如烂笔头，研究了一下BFC，发现里面比较细的东西也是很多的！关于BFC，很多人可能都听说过BFC这个东西，大概知道这是个啥东西，相信很多人对此并没有一个非常细致的了解，本文预计篇幅较长，认真，耐着性子看，应该都能够比较深入的理解BFC这个概念的规则、作用以及用…

其实在很多文章都会写call，apply，bind的应用和区别，但是总感觉不是要的东西，所以自己总结一下，继续关注我，后续我会仔细讲解call，apply，bind的内部实现。喜欢的可以关注 首先，要明白这三个函数的存在意义是什么？答案是改变函数执行时的上下文，再具体一点就是改…

永远不要把 v-if 和 v-for 同时用在同一个元素上。 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users 替换为一个计算属性 (比如 activeUsers)，让其返回…

最近一段时间在阅读Vue源码，从它的核心原理入手，开始了源码的学习，而其核心原理就是其数据的响应式，讲到Vue的响应式原理，我们可以从它的兼容性说起，Vue不支持IE8以下版本的浏览器，因为Vue是基于 Object.defineProperty 来实现数据响应的...

这是十篇 Vue 系列文章的第三篇，这篇文章我们讲讲 Vue 最核心的功能之一 —— 响应式原理。 可以这样理解：当一个状态改变之后，与这个状态相关的事务也立即随之改变，从前端来看就是数据状态改变后相关 DOM 也随之改变。数据模型仅仅是普通的 JavaScript 对象。而当…

在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（

这个组件使用简单，清楚明了，我自己在用的时候，就是上手很快，但是要如何良好的应用它，以及处理一些异常的情况下，还是有很多的坑。基于这个组件，我实现了一个编辑器的平台，后续会更新这个组件更实用的一些应用实例，以及如何与vuex结合，实现一个基础的h5编辑器平台。再结合一些设置与多…

输入框输入字符后，联想词列表出现，可以按“↓”或“↑”选择列表中的内容，也可以鼠标点选，且互相不影响选择样式，即只会出现一个被选中，“Enter”键发起检索。 inputConent是用于记录用户通过键盘输入的内容，通过上下键选择或鼠标悬浮时选择的会通过双向绑定同步到conte…

直播是眼下最为火爆的行业，而弹幕无疑是直播平台中最流行、最重要的功能之一。本文将讲述如何实现兼容 PC 浏览器和移动浏览器的弹幕。 一般来说，弹幕数据会通过异步请求或 socket 消息传到前端，这里会存在一个隐患——数据量可能非常大。如果一收到弹幕数据就马上渲染出来，在量大的…