1.IOS底部导航栏遮挡问题图1被底部导航栏挡住，希望在ios上能兼容图2所示效果，在下面留一个安全距离底部。margin-bottom/padding-bottom:margin-bottom:constant(safe-area-inset-bottom);/*兼容IOS<11.2*/margin-bottom:env(safe-area-inset-bottom);/*兼容IOS>11.2*/padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);它本身有padding值，和padding-bottom一起计算（和margin一样）：padding-bottom:calc(15px+constant(safe-area-inset-bottom));padding-bottom:calc(15px+env(safe-area-inset-bottom));3、使用高度添加安全区域：height:calc(80px+constant(safe-area-inset-bottom));height:calc(80px+env(safe-area-inset-bottom));2.margin-top为负数，img图片遮挡了div的背景问题当前元素为图片，后面元素的margin-top设置为负数。如果想得到图1的效果，实际渲染出来的就是图2的效果，第二个元素的背景被图片挡住了。对于这个问题，可以设置position:relative;到第二个元素来解决它。3、网页加载源：（1）performance.navigation.type（该属性返回一个整数值，表示网页的加载源，可能有以下4种情况）： 0：Web页面点击链接、地址栏输入、表单提交、脚本运行等加载，相当于常量performance.navigation.TYPE_NAVIGATE。 1：通过“重新加载”按钮或location.reload()方法加载网页，相当于常量performance.navigation.TYPE_RELOAD。 2：网页通过“前进”或“后退”按钮加载，相当于常量performance.navigation.TYPE_BACK_FORWARD。 255：从任何其他来源加载，相当于常量performance.navigation.TYPE_RESERVED。(2)performance.navigation.redirectCount：表示网页被重定向的次数。在开发的时候，可以使用上面的属性来处理一些逻辑，比如判断performance.navigation.type为2，取缓存数据或者做锚点定位等操作。4.重新加载页面后取消滚动位置在浏览网页时，当浏览到某段时，刷新页面或转到另一个页面再返回，浏览器会默认恢复滚动到上次浏览的位置，当然这也是最好的体验设计。某些情况下，不想让浏览器定位到上次访问的位置，如何处理？可用的scrollRestoration属性值：auto默认值：将恢复用户滚动到的页面上的位置。手册没有恢复页面上的滚动位置。必须手动滚动到该位置（防止自动恢复页面位置）。所以只需要执行history.scrollRestoration属性值为manual即可取消最后记录的滚动位置。如果（历史。滚动恢复）{历史。scrollRestoration='手动';}
