作为一名前端工程师，写组件的能力至关重要。虽然javascript经常被人嘲笑是个小玩具，但是在一代代大牛的前仆后继的努力下，渐渐的也摸索了一套组件的编写方式。 下面我们来谈谈，在现有的知识体系下，如何很好的写组件。 比如我们要实现这样一个组件，就是一个输入框里面字数的计数。这…

scroxt.js是一个字体滚动的插件库，包括视频弹幕滚动，直播弹幕、直播弹幕强制模式、单行水平左右滚动、文本垂直滚动上下，用于简单快捷生成滚动字体。性能优秀，通过CPU加速，缓存字体元素，帧运动，达到最流畅的效果。兼容Chrome、Firefox、Opera、IE9及IE9以…

优化加载弹出选择器的速度。 本库提供两种省市区城市选择器，一是列表，而是仿iOS滚轮实现的选择器。 拥有多种属性，个性化设置。

作者：滴滴webapp架构组-付楠 BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。 为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置，让滚动…

之前介绍了一款基于vue的文本折行显示组件ellipisis-plus，今天介绍一款仿照QQ消息气泡的插件vue-bubble，演示地址在这里。 仿照QQ消息气泡想法的起源是来自掘金的安卓小伙伴们，看到他们在安卓平台实现了这种效果，所以想迁移到web上。在这里要感谢他们。 先放张…

UX Planet 论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从 UX 角度分析了无限滚动加载的设计实践。

因为大多数日历控件都是用于选择日期的，有种需求是要在日历上展示各种各样的内容，这样的日历控件较少，而且试用下来并不满意。 因此就再造一个轮子，现在带你一起基于使用之前完成的组件机制来开发一个日历控件。 首先我们拿系统中自带的日历观察一下，看看日历的特征到底是怎么样的。 一个月中…

本篇分析的是 assocIndexOf 函数。 这是一个二维数组，每项中的第一项作为缓存对象的 key，第二项为缓存的值。 assocIndexOf 的作用是找出指定的 key 在数组中的索引值。 这段代码很精简，让 length 自减，调用 eq 函数，从二维数组的最后一项开…

这个问题是对自己的发问，但我相信会有很多跟我一样的同学。 对于 babel 的使用，近半年来一直停留在与 webpack 结合使用，以及在浏览器开发环境下。导致很多 babel 的包，我都不清楚他们是干嘛的。比如 babel-register，还有 babel-runtime，…