React生命周期

初始化

constructor: 在构造函数中可以初始化state

渲染

render：渲染组件

挂载前后

componentWillMount：在渲染前调用
componentDidMount：第一次渲染后调用
更多 >>

警告?

在React中使用map等方法产生一堆组件时，如果忘记加上一个属性：key，React会提示如下图所示的警告

只是一个警告而已，没提示报错，我不加可以吧？可以，当然可以，只是你的应用性能也会因此降低，所以React只是警告

重写和重载

重载就是函数名一致，但是参数个数不同或类型不同
重写就是子类覆盖父类中的同一个方法，将其覆盖已达到重写的目的
载JavaScript中实现重写的几个思路：
1.重写原型对象
2.在实例中添加和原型中一样的函数，根据调用函数的规则:实例优先与原型调用

在JavaScript中实现重载的几个思路：
1.根据参数个数进行判断，然后调用不同的处理逻辑
2.使用闭包
更多 >>

浏览器相关高度、宽度

网页可视区高/宽：

1.clientHeight/clientWidth:height+padding-滚动轴高度
2.offsetHeight/offsetWidth:height+padding+border+滚动轴高度

网页全文高/宽

1.scrollHeight/scrollWidth:
1)有滚动条时:包含所有的高度(隐藏的部分也算入)
2)无滚动条时:值=clientHeight/clientWidth

网页滚动距离

scrollTop/scrollLeft:
1)无滚动条时:值=0
2)有滚动条时:值=滚动的距离
更多 >>

实现单行文本溢出省略号展示

1
2
3
4
5
6

p {
    text-overflow:ellipsis;//text-overflow属性规定文本溢出时的操作
    white-space: nowrap;//源文档中的空白符,如空格、换行；pre保持原格式,nowrap不换行,normal将空格合并为一个并忽略换行
    overflow: hidden;//
    /*width: 3em;*/
}