前言 移动端网页的日常开发中,偶尔会包含一些渲染长列表的场景.比如某旅游网站需要完全展示出全国的城市列表,再有将所有通讯录的姓名按照A,B,C...首字母依次排序展示. 长列表的数量一般在几百条范围内

一、使用背景 业务开发中存在长列表显示需求，一些用户的聊天列表会出现几千条数据的情况，也就意味着要一次性渲染几千条数据，造成明显的卡顿，这时就有必要对聊天列表进行性能优化来提升用户体验。 对于这种需求

嗯，舒服了很多，这个需求到这里就完了，但是事情并没有结束，我突然想到了以前看一些算法文章的时候通常会配上一些演示的动画，感觉跟这个很类似，那么是不是可以用这个来实现呢，当然是可以的。 之前看到这些动图的时候也有想过怎么实现，但是都没有深究，这次业务开发无意中也算找到了其中的一种…

大家好，这里是 CSS 魔法使——alphardex。 做好离屏渲染的准备工作后，可以开始本文的重点——着色器了。 Long may the sunshine.

相信大家已经体验了今年支付宝五福的活动，无论是今年的五福首页还是打年兽游戏都是由蚂蚁互动图形引擎（代号：Oasis Engine）驱动的。 Oasis Engine 是蚂蚁集团 Web 3D 互动图形引擎，同时也是阿里经济体互动技术方向的首选 Web 3D 引擎，已于 2 月 …

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

开始正文前先介绍一下相关概念，熟悉的读者可以略过。 前端埋点：一种收集产品数据的方式，它的目的是上报相关行为数据，相关人员以数据为依据来分析产品在用户端的使用情况，根据分析出来的结果辅助产品优化、迭代。 BI：商业智能，公司内部做数据分析相关的部门。 平时我们在完成基础的业务需…

一、微前端由来随着前端历史化进程的推进，出现了两种前端开发模式，MPA多页面应用模式和SPA单页面应用模式，其分别有自己的独到之处以及不足点。（1）MPA模式例如中后台系统涵盖多个业务模块，分别由不同

前言   我大概在2017年年底接触的可视化，至今一直在从事相关的产品开发和研究，主要是可视化分析方向。在这三年的时间里，产生了大量的疑惑和思考。趁着这次机会，总结一下。也希望通过自己的心得体会，能给