一只葱贝

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…

在 Vue 中，我们通过 Vue.component('MyComponentName', { /* ... */ }) 的方式来进行全局组件注册，但如果需要全局注册的组件很多，这时代码就会变得比较臃肿，例如： 下面我们就针对这块痛点，做些优化。 回看上面的演示代码，最先能想到…

对于C端业务偏多的公司来说，在增长、运营等各方同学的摧残下永远绕不过去的一个坑就是大量的H5页面开发，它可能是一个下载、需求告知、产品介绍、营销活动等页面。此类需求都有几个明显的缺点： 开发性价比极低、上线时间紧，每次需要指派单独同学支持。 沟通成本高，而业务逻辑高度相似。 有…

本篇教程主要介绍如何自动更新 Swagger 数据到 YApi 接口管理平台，我们假设你已经能够熟练使用 YApi接口管理平台。 yapi-cli 依赖 Node.js , 请安装不低于 7.6 版本的 Node.js，如果你的机器已经安装了 yapi-cli 工具，且版本号 …

最近发现做了这么多的首屏优化，一直都是把白屏时间和首屏时间算在一起，也就是页面打开之前 dom 没渲染出来，我就把他归为首屏时间。时间上这里专业点可以分为首屏和白屏两个阶段，这篇文章就讲讲二者的区别，以及计算方法。 首先先讲讲按照我以前理解的首屏时间慢会带来什么问题，在页面一开…

由 Chrome官方文章 翻译, 建议查看英文原文, 作为程序员, 读懂官方文档应当是必备的技能(因为译文包含了译者的思维, 不一定能精确的表达原文想要表达的思维). 能拿到这些 '核心数据' 也是必备的技能 Eager Evaluation(即刻求值). 当你键入表达式…

这是一篇关于性能优化的文章，是一篇非常值得你阅读的文章，文章的内容非常丰富，大概你花5-10分钟阅读。 在过去的一年里，我们忙于试图弄清楚如何让网络更快、更高效。因此就有了我们希望在本文中与你分享的新工具，方法和库。在第一部分中，我们将向你展示我们在开发 The Oodles …

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

1. 思路 2. 设计 我们再定义一个与容器颜色相同的盒子, 将上半部分盖住就可以啦. 3. 最终解决方案代码