天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

Page Visibility API，不管移动端还是桌面，所有情况下，都能监听到页面的可见性发生变化。使用它可以增强用户体验，当用户不在当前页面时，可以停止音视频播放，网络请求，动画加载等，节约资源

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

最近接到产品需求，用户需要在我们的站点上在线查看 PDF 文件，并且查看时，用户可以对 PDF 文件的进行旋转、缩放、跳转到指定页码等操作。 这个太简单了，随便找找就一堆轮子。 这个方案麻烦一点，我们需要在项目中引入 PDF.js 这个库，然后再使用 iframe 来加载指定的…

千算万算，还是没有逃过，后台真的就上万条数据一次丢给前端了。这列探索了通过递归和非递归两种实现方式进行平铺数组转树形结构的实现，体验了算法对编程的重要性！

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

前言 本文来自 2020年4月25日，前端早早聊第五届“前端搞监控”专场分享嘉宾 - 钉钉前端团队监控负责人 烛象(slashhuang) 的分享实录《钉钉前端-如何设计前端实时分析及报警系统》。 正

前端脚手架是怎么来的 说起脚手架，大家肯定都用过，vue-cli , create-react-app等，它们虽然是基于不同的技术，但功能可以总结为一句话： 通过命令行交互的方式进行项目框架的搭建。