瀑布流布局，我们既能在小红书这类图文网站看到，也能在拼多多、京东和淘宝这类电商网站看到。那么，同样是瀑布流，两种实现方式的优点、缺点是什么呢？如果想用 H5 实现瀑布流，应该用哪一种方案呢？

本文记录了我在滴滴从事H5开发工作，到目前为止的这一年里，我所遇到的一些比较经典的问题，主要是样式上的，希望能帮助到大家！

最近在做一个“梦想基金”的小软件，用H5封装成手机APP，其中有一个功能是兑现梦想的时候需要用户上传“梦想凭证”，所以就需要调用手机本地相册或者摄像机。上传文件，将 type="file"。代码如下： capture表示，可以捕获到系统默认的设备，比如：camera照相机；ca…

平常开发中总是会遇到各种各样的问题，其实是分享也是自我记录，持续更新，记录一线的开发问题，也方便自己之后再次遇到时候有一个快速的解

那么首先需要了解的问题就是字体支持程度。 在@font-face中我们需要以上五种格式的字体来达到更多种浏览版本的支持。 优点：不依赖第三方。 缺点：字体包资源很大。 利用webfont中文解决方案 统一各种端的字体。 优点：动态生成所需字体包，字体资源占用很少。 缺点：依赖第…

1. 刘海屏（安全区域） 2. 搜索框对应的键盘文字 3. 返回按钮（goBack）

目前，很多 APP 设计师小伙伴已经开始转向 H5 前端开发啦，但是解决所有 iPhone 和安卓机型的适配问题是我们的重中之重。无论是设计 APP 还是写前端 H5. 都是要考虑移动端的兼容性。

最近写小程序时，遇到了 iPhoneX 底部小黑线与内容重叠的问题，实际上是iPhoneX安全区域的适配问题，了解清楚这个问题花了挺多时间的，也实操出了结果，忍不住来总结总结。 在苹果 iPhoneX 、iPhone XR等设备上，可以看到物理Home键被取消，改为底部小黑条替…

我正在参加「掘金·启航计划」 背景 UI给出的设计稿，一般是以iphone6屏幕大小为准，也就是宽高为375 * 667，激进一些的还会使用414 * 736的设计稿。在其他不同尺寸的屏幕上适配的问题