getBoundingClientRect()
需求：判断页面是否已经阅读完；
思路：判断某个元素是否在视口中，dom 对象有 getBoundingClientRect()，能够得到该元素相对视口的距离，从而判断元素是否被看到。
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect
微信浏览器内 唤起 App
`
基本上无法实现，微信限制了该功能。
微信 JSSDK未公开的一篇文档，提到过一个 Birdge getInstallState 获取某app是否已安装 不过这是一个未公开的方法，不建议使用。
文字渐变
可以参考这个 demo，需要注意兼容性
http://demo.doyoe.com/css3/text-fill-color/gradient-text.htm
img 之间有缝隙
多个 img 自动换行显示的时候，上下相邻的图片会出现间隙，即使 margin:0，比较简单的方式是让 img 的 display: block；其他解决方法和导致原因参考链接
https://www.cnblogs.com/JoannaQ/archive/2013/03/16/2962443.html
iphone 网页安全区
iPhone X 的出现导致页面显示区没那没规则，为了保证在 这种机器上显示正常，可以借助 webkit 内核浏览器提供的特殊方法获取到 ‘不安全的区域的尺寸’，从而做兼容性处理。