alex2wong

直播有一个很重要的互动：点赞。 点赞动画图片都是先放大再匀速运动。 快到顶部的时候，是渐渐消失。 收到大量的点赞请求的时候，点赞动画不扎堆，井然有序持续出现。 用 CSS3 实现动画，显然，我们想到的是用 animation 。 首先看下 animation 合并写法，具体含义…

1. 优先做重要不紧急的事情 我们都知道四象限分析法，就是按照紧急/重要将事情划分到四个象限中去（如下图）。 而这样的顺序会导致一个问题，就是每天都在赤橙黄，赤橙黄中反复，重要不紧急的事情一直排不上期，最后也变成重要且紧急的事项，然后再慌慌张张的处理。但是，重要不紧急的事情往往…

概览props调整组件样式attrs封装组件属性extend或者styled(Component)实现组件样式继承使用innerRef代替refThemeProviderhelper实现主题功能key

上回就已经承诺过大家，一定会出 HTTP 的系列文章，今天终于整理完成了。作为一个 web 开发，HTTP 几乎是天天要打交道的东西，但我发现大部分人对 HTTP 只是浅尝辄止，对更多的细节及原理就了解不深了，在面试的时候感觉非常吃力。这篇文章就是为了帮助大家树立完整的 HTT…

• 第一回合： 也是跟上文一样，浏览器去请求服务器资源，不过这次不是通过Last-Modified了，而是用Etag来设置响应头缓存标识。Etag是由服务端生成的，然后浏览器会将Etag与资源缓存 对比完 Last-Modified 与 Etag，我们可以很显然看到，协商缓存每…

今天我们将研究一下能显著提升页面性能的方法 —— 资源提示与指令。你也许听说过 preload，prefetch 和 preconnect，可是我们想研究的更深一点，搞清他们之间的区别并且充分的利用它们。它们带来的好处包括允许前端开发人员来优化资源的加载，减少往返路径并且在浏览…

云音乐前端性能监控平台，底层使用了 Lighthouse 进行审计评分，在实践过程中我们积累了一些 Lighthouse 内部实现的研究经验，希望通过这篇文章可以分享给各位读者。 本篇文章基于 Lighthouse 5.2.0 版本，介绍了 Lighthouse 的测试流程、架…

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能…

具体玩法是这样的：画面中有一只可爱的小飞船和随机数量的金币，用户看准金币移动至中间位置、连成一条线的时候，点击“瞄准出发”按钮，将飞船发射出去，飞船触碰到金币，即可获取免息天数。看看演示👇～ 其实啊，这款飞船游戏是通过我们自研的 Oasis Editor 开发的，Oasis …