网易云音乐大前端团队

0

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

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

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

0

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

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

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

1

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

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

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

4

前端组件化埋点的实践

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

开始正文前先介绍一下相关概念，熟悉的读者可以略过。前端埋点：一种收集产品数据的方式，它的目的是上报相关行为数据，相关人员以数据为依据来分析产品在用户端的使用情况，根据分析出来的结果辅助产品优化、迭...

8

网易云音乐 iOS 14 小组件实战手册

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

苹果在今年的 WWDC20 上发布了小组件（WidgetKit），支持在 iOS、iPadOS 主屏幕展示动态信息和个性化内容。加上 iOS 系统应用抽屉的加入，苹果对一向保守主屏幕大动干戈，导致用户也对小组件非常期待。但小组件的...

2

基于 qiankun 的 CMS 应用微前端实践

• 云音乐大前端团队   10月22日发布
• 收藏

LOOK 直播运营后台工程是一个迭代了 2+ 年，累计超过 10+ 位开发者参与业务开发，页面数量多达 250+ 的“巨石应用”。代码量的庞大，带来了构建、部署的低效，此外该工程依赖内部的一套 Regularjs 技术栈也已经完成...

3

聊聊 JavaScript 的并发、异步和事件循环

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

JavaScript 作为天生的单线程语言，社区经常聊 JavaScript 就聊异步、聊 Event Loop，看起来它们好像难舍难分，实际上可能只有五毛钱的关系。本文把这些串起来讲讲，希望能给读者带来一些收获，如果能消除一些误...

0

UIButton 状态新解

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

作为 iOS 开发者，一提到控件，就不得不提到 UIButton，它做为 iOS 系统最常用的响应用户点击操作的控件，为我们提供了相当丰富的功能以及可定制性。而我们的日常工作的 80% ~ 90% 做是在与 UI 打交道，处理控件...

3

搭建一个属于自己的在线 IDE

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

这几个月在公司内做一个跨前端项目之间共享组件/区块的工程，主要思路就是在 Bit 的基础上进行开发。Bit 主要目的是实现不同项目 共享 与 同步 组件/区块，大致思路如下：在 A 项目中通过执行 Bit 提供的命令行工...

4

RBAC 权限模型在 EggJS 中的实践

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

一提到后台系统，权限管理体系是其中一个必不可少的组成部分。后台往往涉及到大量的数据（包含许多隐私数据），这些数据通常需要不同职责的人员进行分别管理也就是我们所谓的各司其职。一个良好的权限设计能够起...

10

字体构造与文字垂直居中方案探索

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

垂直居中基本上是入门 CSS 必须要掌握的问题了，我们肯定在各种教程中都看到过“CSS 垂直居中的 N 种方法”，通常来说，这些方法已经可以满足各种使用场景了，然而当我们碰到了需要使用某些特殊字体进行混排、或者...

12

云音乐 React Native 体系建设与发展

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

17 年 3 月份，为了解决商城性能和用户体验问题，云音乐技术团队组建了一只 4 人 ReactNative 开发小分队：我负责 RN 前端开发，安卓和 iOS 两位开发负责在云音乐 App 里面嵌入 RN Native SDK，还有一位 Java 开...

6

用「增量」思想提升代码检查和打包构建的效率

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

在这里「增量」这个概念的对立面是「全量」。在 Linux 系统中当需要备份数据或者跨服务器同步文件时，会用到一个叫 rsync 的工具，它的速度会比 scp/cp 命令更快，因为它会先判断已经存在的数据和新数据的差异，...

9

面向复杂场景的表单解决方案

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

云音乐 B 端业务场景非常多，B 端业务相对于 C 端业务产品生命周期更长而且更注重场景的的梳理。很多时候开发 B 端业务都是拷贝之前的代码，这样增加了很多重复而且枯燥的工作量。

14

React Fiber 源码解析

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

在 React v16.13 版本中，正式推出了实验性的 Concurrent Mode，尤其是提供一种新的机制 Suspense，非常自然地解决了一直以来存在的异步副作用问题。结合前面 v16.8 推出的 Hooks，v16.0 底层架构 Fiber，React ...

8

Web 端 APNG 播放实现原理

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

如果动画仅单独展示可以使用 <img> 直接展示 APNG 动画，但是会存在兼容性 Bug，例如：部分浏览器不支持 APNG 播放，Android 部分机型重复播放失效。

4

React Native 实现自定义下拉刷新组件

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

Web 应用如果要更新列表数据，一般会选择点击左上角刷新按钮，或使用快捷键 Ctrl+F5，进行页面资源和数据的全量更新。如果页面提供了刷新按钮或是翻页按钮，也可以点击只做数据更新。

8

实现一个简单的基于 WebAssembly 的图片处理应用

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

本文希望通过 Rust 敲一敲 WebAssembly 的大门。作为一篇入门文章，期望能够帮你了解 WebAssembly 以及构建一个简单的 WebAssembly 应用。在不考虑IE的情况，目前大部分主流的浏览器已经支持 WebAssembly，尤其在...

11

构建基于 iOS 模拟器的前端调试方案

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

我们在开发 iOS App 内的前端页面时，有一个很大的痛点，页面无法使用 Safari Inspector 等工具调试。遇到了问题，我们只能想办法加 vConsole，或者注入 Weinre，或者盲改，实在不行就找客户端同学手动打包调试，...

9

互动直播中的前端技术 -- 即时通讯

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

在疫情期间，上班族开启了远程办公，体验了各种远程办公软件。老师做起了主播，学生们感受到了被钉钉支配的恐惧，歌手们开启了在线演唱会，许多综艺节目也变成了在线直播。在这全民互动直播的时期，我们来聊聊互...