对于依赖接口渲染的页面，在拿到数据之前页面往往是空白的，为了提示用户当前正在加载中，往往会使用进度条、loading图标或骨架屏的方式。对于前两种方案而言，实现比较简单；本文主要研究骨架屏的应用及实现，并给出一种使用Chrome扩展工具快速生成骨架屏的方案。 首先需要保留节点的…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…

前一段时间在做一些H5页面，需求中落地页占比较大，落地页承担的职责就是引流。引流有两种形式，同时也是我们对唤端的定义：引导已下载用户打开APP，引导未下载用户下载APP。 引导已下载用户打开APP，从数据上说用户停留在APP中的时间更多了，是在提高用户粘性；从体验上说，APP体…

通过 universal link、URL Scheme、a 标签、iframe 几种方式找出最适合这个浏览器的唤起方式。 如果下载了 App，就会走打开逻辑，如果没有下载则走下载逻辑。 我们可以来体验一下，左边的是通用链接 universal link方式，右边是 URL S…

我们的日常工作中，常常要跟测试环境打交道，无论是开发、测试、体验、走查等环节，往往都需要在测试环境上开展。在过去，我们一般通过代理工具的方式访问测试环境。而正如上面的故事所描述，代理工具的方式存在着诸多问题： 为了解决这些问题，我们进行了一系列的探索和实践，并提出了 Faste…

9月17日，滴滴开源项目DoraemonKit 在 GitHub上的star数突破10000，成为滴滴首个star数破万的开源项目。 DoKit 是一个功能集合面板，能够让每一个App快速接入一些常用的或者你没有实现的一些辅助开发工具、测试效率工具、视觉辅助工具，而且能够完美在…

🚀 由于现在手机都是"高密度屏幕", 我们写的1px到了手机上会用2/3个物理像素点去显示, 这样1px边框看起来就会比较粗, 所以如果你也觉得自己的1px边框比较粗, 那么请往下看. 其实如果你百度"1px边框"会有很多文章, 大部分都会说有7种方法, 不过其实经过我的测试…