网易云音乐大前端团队

15

官方揭秘！你的颜色是这样算出来的……

• 云音乐大前端团队   5月31日发布
• 8 收藏

与此同时，有网友开始分析起了本次活动的计算逻辑，甚至反编译出了所有可能的颜色结果。作为本次活动的核心开发人员，接下来将为大家介绍颜色测试活动的技术细节。

6

Objects in v8

• 云音乐大前端团队   4月27日发布
• 4 收藏

文本将和大家一起简单了解一下 v8 内部是如何处理对象的，以及 v8 为了高速化对象属性的访问所做的一些优化的细节。除了结合现有的资料外，本文还链接了一些实现所对应的源码位置，以节约大家后续需要结合源码进...

0

Wakeup in XNU

• 云音乐大前端团队   4月14日发布
• 收藏

苹果在iOS13的时候，在内核中加入了一个新的性能衡量指标wakeup，同时由于这个指标而被系统杀死的应用数不胜数，其中也包括我们常用的微信淘宝等。而这个指标完全是由 XNU 内核统计的，所以我们很难通过日志等普...

3

Libuv 之 - 只看这篇是不够的

• 云音乐大前端团队   3月31日发布
• 3 收藏

As an asynchronous event-driven JavaScript runtime, Node.js is designed to build scalable network applicationsAbout Node.js

0

v8 Heapsnapshot 文件解析

• 云音乐大前端团队   3月17日发布
• 收藏

在 node 中可以通过 v8.getHeapSnapshot 来获取应用当前的堆快照信息，该调用会生成一份 .heapsnapshot 文件，官方并没有对该文件的内容有一个详细的解释，本文将主要对该文件内容进行解析，并演示了一个了解文件...

2

基于 qiankun 的微前端应用实践

• 云音乐大前端团队   3月11日发布
• 2 收藏

云音乐广告 Dsp（需求方平台）平台分为合约平台（Vue 框架）和竞价平台（React 框架），因历史原因框架选型未能统一，最近来了新需求，需要同时在两个平台增加一样的模块，因为都是 Dsp 平台，后期这样的需求可能...

7

前端单元测试技术方案总结

• 云音乐大前端团队   3月3日发布
• 5 收藏

单元测试的技术方案很多，不同工具之间有互相协同，也存在功能重合，给我们搭配测试方案带来不小的困难，而且随着 ES6, TypeScript 的出现，单元测试又增加了很多其他步骤，完整配置起来往往需要很大的时间成本。...

3

WKWebView 请求拦截探索与实践

• 云音乐大前端团队   1月28日发布
• 2 收藏

WebView 在移动端的应用场景随处可见，在云音乐里也作为许多核心业务的入口。为了满足云音乐日益复杂的业务场景，我们一直在持续不断的优化 WebView 的性能。其中可以短时间内提升 WebView 加载速度的技术之一就...

4

函数式编程进阶：Monad 与 异步函数的组合

• 云音乐大前端团队   1月19日发布
• 2 收藏

前面两篇分别介绍了 Functor 和 Applicative 的概念和实际应用，并列举了几个具体的例子，说明了 Functor 和 Applicative 的实际用途，比如：使用 Either 来处理无处不在的 null 和创建可组合的 try-catch；使用 ...

1

Flutter 图片控件适配之路

• 云音乐大前端团队   1月13日发布
• 1 收藏

目前大部分应用都会使用大量的图片，图片成为当前应用带宽占比最大的一种资源。在我们接入 Flutter 的时候，发现 Flutter 的图片控件缓存完全由自己管理，同时还没有提供磁盘缓存（1.22版本），所以在性能以及体...

13

剖析 lottie-web 动画实现原理

• 云音乐大前端团队   1月7日发布
• 8 收藏

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画后，可以使用 AE 的扩展程序 Bodymovin 导出一份 JSON 格式的...

2

Poplayer 云音乐优化实践

• 云音乐大前端团队   2020-12-30 发布
• 收藏

你是否还在为各种特殊场景特殊逻辑而烦恼，是否还在为各种一次性业务而添加一堆代码，是否还在为各种奇奇怪怪的彩蛋而满心疲惫? 在云音乐不断迭代的过程中，我们不止一次的遇到产品说要在某一个地方加个彩蛋，有...

13

React 事件系统工作原理

• 云音乐大前端团队   2020-12-23 发布
• 5 收藏

在 React事件介绍 中介绍了合成事件对象以及为什么提供合成事件对象，主要原因是因为 React 想实现一个全浏览器的框架， 为了实现这种目标就需要提供全浏览器一致性的事件系统，以此抹平不同浏览器的差异。

2

漫谈 React Fiber

• 云音乐大前端团队   2020-12-16 发布
• 1 收藏

React 实现了使用 Virtual DOM 来描述 UI 的方式，通过对比两棵树的差异最小化的更新 DOM，这样使得用户的代码变的傻瓜，但是同时也来带了一些问题。这个核心的问题就在于 diff 计算并非是免费的，在元素较多的情...

0

云音乐 Android 视频「无缝」播放实现总结

• 云音乐大前端团队   2020-12-09 发布
• 收藏

在网易云音乐 8.0 改版中，接到一个播放中的视频可以点击「小窗」按钮收起到 mini 播放条中继续播放的需求，刚接到这个需求时内心是崩溃的，要知道网易云音乐的 mini 播放条是一个可能会出现在 App 中的任何 Acti...

0

聊聊 RN 中 Android 提供 View 的那些坑

• 云音乐大前端团队   2020-12-02 发布
• 收藏

最近笔者研究 Android 中使用自定义 View 提供原生组件给 React Native（下面统一写成 RN ） 端的时候，遇到一些实际问题，在这里从 RN 的一些工作机制入手，分享一下问题的原因和解决方案。

3

如何基于 TypeScript 实现控制反转

• 云音乐大前端团队   2020-11-25 发布
• 1 收藏

最近接到任务，需要给团队封装一个基于 EggJS 的上层 NodeJS 框架，在这个过程中参考了 NestJS 、Midway 等开源项目，发现它们都引入了一项重要特性 —— IoC ，于是笔者借这个机会对 IoC 进行了一些学习和梳理。本...

1

云音乐搭建平台性能优化实践

• 云音乐大前端团队   2020-11-16 发布
• 1 收藏

XRN 平台是云音乐音乐内容组产出的一个可视化的搭建页面平台，通过拖拽组件与设置组件，XRN 可以快速生成同时能在 React Native 与 Web 端渲染的页面。不管是 React Native 端还是 Web 端，我们都期望能够输出高...

0

云音乐 React Native 优化实践之拆包与预热

• 云音乐大前端团队   2020-11-12 发布
• 收藏

随着 React Native 技术在业务中广泛的应用，一些比较重要的功能也开始采用 React Native 的技术方案来实现，这就给 React Native 页面的打开速度提出了更高的要求，因为打开速度是影响用户跳出率的重要原因之一。

2

函数式编程进阶：应用函子

• 云音乐大前端团队   2020-11-06 发布
• 1 收藏

上一章中介绍了 Functor(函子) 的概念，简单来说，就是把一个 “value” 填装进 “Box” 中，继而可以使用 map 方法映射变换 Box 中的值：Box(1).map(x => x+1)。本章我们在继续在 Box 的基础上继续扩展其他更强大...