近期，电商直播业务热火朝天，直播间有一个很重要的互动：点赞。 点赞动画图片大小不一，运动轨迹也是随机的。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，逐渐缩小并消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 刚接到这个需求的时候，考虑过CSS 动画…

1. 什么是 Canvas？ Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域，类似于其他通用的二维 API，通过一套完整的绘图函数来

近期，电商直播业务热火朝天，为了烘托直播间的氛围，达到主播与观众的有效正反馈，弹幕、点赞、用户行为提示三件套成为一个标准的直播间必不可少的装备。两个月前，作者曾解析了点赞动画的实现原理（文章戳这里），虽文笔粗糙，但在总结中，对技术原理有了更加透彻的理解。恰逢近期沉淀直播间业务，…

主要问题：开发者工具测试时没有问题，真机测试，安卓机测试没有问题，但是ios机型转码时间特别长，基本在10s以上。这，，，都不用用户反馈，测试就过不了 主要问题：开发者工具测试时没有问题，真机测试，ios时间明显缩短，大概在1s左右。安卓机时间也大概在1s左右，除了部分机型首次…

体验评分 Audits 是微信开发者工具内置的一项功能，会在小程序运行过程中实时检查，分析出一些可能导致体验不好的地方，并且定位出哪里有问题，以及给出一些优化建议。 京喜小程序作为京东战略级业务，拥有千万级别的流量入口，经过长时间的业务迭代，代码逻辑已经十分复杂臃肿，有迫切的性…

京喜小程序自去年双十一上线微信购物一级入口后，时刻迎接着亿级用户量的挑战，细微的体验细节都有可能被无限放大，为此，“极致的页面性能”、“友好的产品体验” 和 “稳定的系统服务” 成为了我们开发团队的最基本执行原则。 首页作为小程序的门户，其性能表现和用户留存率息息相关。因此，我…

最近项目中，开发一个小程序列表页，PM大大给我提了一个埋点需求，列表中的每一项，出现在屏幕中的时候，需要上报一条记录。 这样显然不是最高效的。于是我去翻了一下微信的开发文档，发现有一个 IntersectionObserver 的API，正好满足我的需求。 Intersecti…

小程序开发者工具不好用，官方对 npm 的支持有限，缺少对 webpack, babel 等前端常用工具链的支持。 多端框架(Mpvue, Taro)崛起，但限制了原生小程序的能力。 我司在使用一段时间多端开发框架后，决定回退到原生方案，除了多端框架对原生能力有所限制外，最重要…