如果打造一个高性能的高体验的无限滚动组件？虚拟滚动是一个很好的方案，使用固定个数元素来模拟滚动，减少大量的元素渲染对性能的消耗

字节跳动发展至今， 随着用户数量的不断增长，对于站点体验衡量的的需求也日益紧迫，用户会将产品和他们每天使用的体验最好的 Web 站点进行比较……

保证网页应用拥有很高的流畅度是至关重要的，即使只有细微的卡顿，用户也是可以感知到并对应用留下负面的印象。假如卡顿非常严重，那么用户很有可能会放弃这款应用而寻找其他的选择，这对于辛苦工作已久的整个团队都是非常大的灾难。 简单来说，页面的渲染包含以下这些步骤。 当页面文档抵达浏览器…

现在web技术蓬勃发展，办公应用特别是excel都搬到了线上，比较流行的有腾讯文档，金山文档，石墨文档，Google Doc，属于企业服务。但是小型企业或者团队，如果想自己搭建一套在线表格系统呢？有没有开源的方案？ 经笔者调查，一些表格具有相对简单的功能，只能显示数据和过滤器功…

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

在本文中，我不会去谈 React、Angular、Vue 等等这些大的前端框架，也不会谈 Atom、VS code、Sublime 等等这些已经很出名的代码编辑器，我只是想简单的分享一套我认为有助于提升开发者工作流的工具集。 这套工具集中的大部分你可能见过，也可能没见过，如果有…

利用CSS实现水平并垂直居中是一个非常常见的面试问题，通过这篇文章你可以掌握15种不同的CSS居中方式。

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…