学习react.js (笔记二)

2018-03-05

一、生命周期

我们一般会把组件的 state 的初始化工作放在 constructor 里面去做；在 componentWillMount 进行组件的启动工作，例如 Ajax 数据拉取、定时器的启动；组件从页面上销毁的时候，有时候需要一些数据的清理，例如定时器的清理，就会放在 componentWillUnmount 里面去做。componentDidMount 。一般来说，有些组件的启动工作是依赖 DOM 的，例如动画的启动，而 componentWillMount 的时候组件还没挂载完成，所以没法进行这些启动工作，这时候就可以把这些操作放在 componentDidMount 当中。后面会专门写生命周期的详细介绍，现在先理解下面这张图就行。 more >>

展开全文 >>

学习react.js (笔记一)

2018-03-02

一、React.js 简介

官方的介绍就不说了，只要明白React.js 不是一个框架，它只是一个库。它只提供 UI （view）层面的解决方案，所以从这种意义上来讲，它并不是一个完整的MVC，MVVM框架。在实际的项目当中，它并不能解决我们所有的问题，需要结合其它的库，例如 Redux、React-router 等来协助提供完整的解决方法。

二、React.js 安装

直接使用官网所推荐使用的工具来安装： more >>

展开全文 >>

解决移动端页面滚动后不触发touchend事件

2017-10-16

问题：
在移动端页面进行优化时，一般使用touch事件替代鼠标相关事件，用的较多的是使用touchend事件替代PC端的click和mouseup事件。
但是，touchend事件在页面滚动时有个问题。在滚动完成后，如果当前触点的位置所指的元素绑定了touchend事件，这时便会触发该元素的touchend事件，造成误操作。
more >>

展开全文 >>