layoutdown

Lottie 是一个复杂帧动画的解决方案，它提供了一套从设计师使用 AE（Adobe After Effects）到各端开发者实现动画的工具流。在设计师通过 AE 完成动画...

笔者来自网易云音乐-公共技术部，目前是云音乐设计中台的技术负责人。从 2021 年 7 月入职网易到现在，一直在「前端与设计协同」领域里探索和实践，本文将从问题出发，详细介...

前言 哈喽，大家好，我是海怪。最近一周，我都在学习 Figma。 起因是看到一些好看的网页，总想自己实现一遍。但是，为了实现这个网页，又要搞脚手架、又要搜集图片素材、又要调...

作为前端同学，常规研发过程中；都是由UI同学出图，然后，FE开始像素级别的翻译。如果直接让设计稿转为代码。并附带相关的样式，那确实能为自己省好多的时间。由此开始做了这个插件...

长期以来，前端设计协同存在两大痛点：沟通成本高、局部效率低。为此，网易云音乐对现有的协同流程进行解构，提出了基于 C2D2C（Design2Code2Design）的无损设...

稳定性建设需要建立在真实、可量化的数据基础之上。我们收集并分析系统的各项指标数据，如白屏率、LCP、错误率、延迟等，用数据说话，找到问题点，一个个去解决，优化。...

时间格式化的时候，在浏览器端处理好好的，到了手机端，就变成NAN，或者null，这种情况，是ios系统不能转化这种类型的时间。 ios12上，发现键盘收起的时候，页面会卡主...

前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从...

近我也在学习稳定性相关的知识，本文就是在学习中的一些总结和思考，希望通过本篇文章让大家对服务稳定性有一个全面的了解...

flv.js 是来自 Bilibli 的开源项目。它解析 FLV 文件喂给原生 HTML5 Video 标签播放音视频数据，使浏览器在不借助 Flash 的情况下播放 FL...

虽然 `video` 很强大，但是还有很多功能 `video` 并不支持，比如直播，即时切换视频清晰度，动态更新音频语言等功能。MSE（Media Source Exten...

斗鱼是如何实现在浏览器中直播的？如何节省 80% 的 CDN 流量？如何实现直播时移的？本篇文章将解析斗鱼 H5直播，并回答上面这些问题。...

单元测试：指的是以原件的单元为单位，对软件进行测试。单元可以是一个函数，也可以是一个模块或一个组件，基本特征就是只要输入不变，必定返回同样的输出。一个软件越容易些单元测试，...

本文分享如何自研前端监控系统之（一）性能监控；我们都听说过性能的重要性。但谈起性能，以及让网站"速度提升"时，我们具体指的是什么？而本篇文章将分享：如何准确地测量用户的网页...

如何选择上报策略？监控SDK如何设计成多平台支持？如何进行SDK的代码结构组织？错误监控、性能监控的细节？等等问题，都会在文章中一个一个的来聊一聊...

页面白屏，绝对是让前端开发者最为胆寒的事情，特别是随着 SPA 项目的盛行，前端白屏的情况变得更为复杂且棘手起来 这里的白屏是指页面一直处于白屏状态，要是能检测到页面白屏就...

SSR 是 Server Side Rendering，服务端渲染，服务端返回渲染出的 html，浏览器解析 html 来构建页面。 其实这是一项很古老的技术，很早之前服务...

2021 年谈 React Native，在日新月异的前端圈，可能算比较另类了。但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native ...

`React` 已经风靡前端届很长一段时间了，在这段时间里它发展了一个非常全面而强大的生态系统。大厂喜欢在大型的前端项目中选择 `React`，它的生态功不可没。...