云音乐前端专栏

4

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

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

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

9

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

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

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

8

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

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

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

2

React Hooks 最佳实践

• 云音乐前端团队   5月22日发布
• 1 收藏

在过去的几个月里，React Hooks 在我们的项目中得到了充分利用。在实际使用过程中，我发现 React Hooks 除了带来简洁的代码外，也存在对其使用不当的情况。

6

Node.js 应用日志切割原理与踩坑实践

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

2019 年初的时候，我们业务组上线了一个新的 Node.js 应用，主要提供C端的 API 服务。 随着应用流量的逐渐增加，线上监控平台会偶发性报警，提示磁盘 disk_io 平均等待时间超出 1000ms，随后观察发现磁盘 IO 每秒...

3

Node CLI 工具的插件方案探索

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

CLI 工具作为开发者们亲密无间的好伙伴，996 风雨无阻地陪伴着我们进行日常的开发工作。身为前端开发，你一定也亲自开发过一套属于你自己的 CLI 小工具！如果没有，本文也不会教~ 在接下来的五分钟里，我们来聊聊...

4

从零搭建中后台框架的核心流程

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

随着 React 生态的快速发展，社区基于 React 的状态管理方案层出不穷，这意味着很多方案开发者依然要做很多选择，没有约定的团队，沟通成本和跨团队协作成本，以及长期的维护是非常高的，这时候统一一套开发模式...

4

Web 视频播放的那些事儿

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

对于视频的在线播放，按视频内容的实时性可以分为点播（VOD）和直播（Live Streaming）。现如今在 Web 环境下需要进行视频播放时，通常可以使用 video 标签，通过它将视频播放的各个环节都托管给浏览器。

2

从全局播放到单例模式

• 云音乐前端团队   3月24日发布
• 1 收藏

图片来源：[链接]本文作者：郑正和 本文以音频能力中的全局播放为切入点，探讨单例模式在前端业务中的应用。文中代码均为 React 组件内代码。 全局播放 在文章一开始，我们先解释一下全局播放的含义： 媒体在应用...

6

Three.js 动效方案

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

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + ...

3

支持动态路由的 React Server Side Rendering 实现

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

Server Side Rendering（SSR）：服务端渲染，简而言之就是后台语言通过模版引擎生成 HTML 。实现方式依赖于后台语言，例如 Python Flask 的 Jinja、Django 框架、Java 的 VM、Node.js 的 Jade 等。

10

前端 DSL 实践指南（上）—— 内部 DSL

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

前言 近几年，前端社区中 DSL 这个词开始频繁出镜，这和环境的变化有很大关系： React、Vue、Angular 等现代框架的表现层设计往往和 DSL 有较强的关联，透过这些优秀作品我们可以得到一些实践指引。 前端相关语言...

11

捕获 React 异常

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

韩国某著名男子天团之前在我们平台上架了一张重磅数字专辑，本来是一件喜大普奔的好事，结果上架后投诉蜂拥而至。部分用户反馈页面打开就崩溃，紧急排查后发现真凶就是下面这段代码。

26

用 Web 实现一个简易的音频编辑器

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

市面上，音频编辑软件非常多，比如 cubase、sonar 等等。虽然它们功能强大，但是在 Web 上的应用却显得心有余而力不足。因为 Web 应用的大多数资源都是存放在网络服务器中的，用 cubase 这些软件，首先要把音频文...

12

函数式编程进阶：杰克船长的黑珍珠号

• 云音乐前端团队   2019-12-30 发布
• 3 收藏

函数式编程（Functional Programming）这一理念不论是在前端领域还是后端领域，都逐渐热门起来，现在不大量使用函数式编程技术的大型应用程序已经很罕见了，比如前端流行的 React（核心思路数据即视图），Vue3.0 ...

62

「圣诞特辑」纯前端实现人脸识别自动佩戴圣诞帽

• 云音乐前端团队   2019-12-25 发布
• 32 收藏

在线体验地址：hksite.cn/prjs/christmashat 源码地址：[链接] 写在开头 叮叮当，叮叮当，吊儿个郎当，一年一度的圣诞节到咯，我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的： ...

73

从 Fetch 到 Streams —— 以流的角度处理网络请求

• 云音乐前端团队   2019-12-23 发布
• 44 收藏

自第一个实现的浏览器开始计算，Fetch API 已经快要五岁了。这五年 Chrome 和 Firefox 刷了不少版本号，IE 也不知死了多少年，而它的继任者更是上演了一出名为《Edge: Become Chromium》的好剧。再加上 ES6+ 的普...

3

开发高质量服务端 API

• 云音乐前端团队   2019-12-17 发布
• 收藏

不管 Node.js 在实际产品中的使用情况如何，相信现在使用 Node.js 作为服务端来开发的项目是数以百万计的，其中绝大多数的开发人员都是前端工程师，因为 Node.js 是他们的天然语言工具。将来，越来越多的前端工程...

21

高质量前端快照方案：来自页面的「自拍」

• 云音乐前端团队   2019-12-13 发布
• 7 收藏

快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和品牌的转化具有十分重要的意义。

4

云原生基础及调研

• 云音乐前端团队   2019-12-09 发布
• 1 收藏

本文仅用于简单普及，达到的目的是给没接触过或者很少接触过这方面的人一点感觉，阅读起来会比较轻松，作者深知短篇幅文章是不可能真正教会什么的，所以也不会出现 RTFM 的内容。