笔记-4

getBoundingClientRect()

需求:判断页面是否已经阅读完;
思路:判断某个元素是否在视口中,dom 对象有 getBoundingClientRect(),能够得到该元素相对视口的距离,从而判断元素是否被看到。

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClientRect

微信浏览器内 唤起 App

`
基本上无法实现,微信限制了该功能。

微信 JSSDK未公开的一篇文档,提到过一个 Birdge getInstallState 获取某app是否已安装 不过这是一个未公开的方法,不建议使用。

https://segmentfault.com/a/1190000012940046

文字渐变

可以参考这个 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 内核浏览器提供的特殊方法获取到 ‘不安全的区域的尺寸’,从而做兼容性处理。

https://aotu.io/notes/2017/11/27/iphonex/index.html