## 5-08
> 1. height,offsetHeight,scrollHeight,clientHeight的区别
```
# offsetHeight
元素高+padding+border
# clientHeight
元素高+padding
# scrollHeight
scrollHeight>=clientHeight （由于兼容性问题，所以值不定）
```
## 5-15
> 1. 使用redux的mapDispatchToProps时，报错 dispatch is not a function;
```
# 错误代码
//映射dispatch到props上
const mapDispatchToProps = (dispatch)=>({
hideNavRight:(status)=>{
dispatch(hideNavRight(status));
}
});
export default connect(mapDispatchToProps)(Medicine)
# 原因
/*注意，参数1始终是mapStateToProps，若没有，要放空占位*/
# 改正
export default connect(null, mapDispatchToProps)(Medicine)
```
## 5-16
> 1. clientHeight,scrollHeight,offsetHeight的区别及兼容方案
```
# clientHeight
clientHeight = CSS height + 上下padding
scrollHeight = 内容高度+上下padding
offsetHeight = 样式height + 上下padding + 下下border-width
offsetTop = 窗口相对document的top的绝对偏移 = top + marginTop
```
> 2. 设置position:fixed时却相对了低级定位
```
# 默认情况下 position:fixed是相对浏览器视口来定位的
# 当父元素加上 transform:translate(0,0) 后，position:relative/absolute/fixed都会基于此定位
```
## 5-18
> 1. windows下了解nginx相关
> 地址：https://www.cnblogs.com/Chiler/p/8027167.html
## 5-25
> 1、关于原生ios与javascript交互桥接的实现：https://www.cnblogs.com/5long/p/4745357.html?utm_source=tuicool&utm_medium=referral
## 5-28
> 1、使用better-scroll时，安卓机不能触发点击操作。
```
# 设置clicke为true
new BScroll(scrollDOM,{
...
click:true
})
```
## 5-29
> 1、在IOS设备中，iframe当内容超出时没有滚动条，无法滚动。
```
# 需要用一个div来包裹 iframe，并设置两个特有属性
<div id="mine" ref="mineWrapper">
<iframe ref="mine" src={url} frameBorder="0"></iframe>
</div>
# CSS 中，设置-webkit-overflow-scrolling
#mine{
position: fixed;
top:0;
left: 0;
right:0;
bottom:0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
iframe{
width:100%;
height:100%;
}
}
```
- 注意：亲测，当容器元素设置了定位后，滚动才生效
## 5-31
> 1、在使用高德地图API时，总是请求超时，导致应用瘫痪
```
原因：请求的高德地图版本过低（高德低版本的，估计服务器性能差些）更新请求版本后，速度提升
```
