2018年8月2日
【React自制全家桶】八、React动画以及react-transition-group动画库的使用
摘要： React动画通常有三种方法实现从易到难为： 1、transition（CSS3自带） 2、animation（CSS3自带） 3、react-transition-group动画库（需要引入插件） 一、transition（CSS3自带） 1、用法示例： 含义：透明度在1s内从0渐变为1 2、tr 阅读全文
posted @ 2018-08-02 23:45 dellyoung 阅读(2704) 评论(0) 推荐(0)
【React自制全家桶】七、React实现ajax请求以及本地数据mock
摘要： 一、下载axios插件 二、React的ajax请求代码如何放置 建议放置在生命周期函数之componentDidMount()中 三、ajax之get请求 解析：get内放置url，then后是请求成功的回调函数，catch是请求失败的回调函数 四、本地mock（模拟）请求 web开发时，一般都是 阅读全文
posted @ 2018-08-02 13:02 dellyoung 阅读(2573) 评论(0) 推荐(0)
【React自制全家桶】六、React性能优化（持续更新总结）
摘要： 一、通过虚拟DOM来提升性能（自动） 底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法 二、将多次setState合并为一次执行（自动） 底层讲解见【React自制全家桶】二、分析React的虚拟DOM和Diff算法 三、将bind绑定放置在constructor上（手 阅读全文
posted @ 2018-08-02 11:23 dellyoung 阅读(214) 评论(0) 推荐(0)
【React自制全家桶】五、React组件的生命周期函数详解
摘要： 一、总览React组件的生命周期函数 什么是生命周期函数：简单的来说就是 在某个时刻会自动执行的函数 二、React的生命周期函数主要由四块组成 分别是：组件初始化、组件挂载、组件更新、组件卸载 三、生命周期之组件初始化 作用：组件初始时设置props和state 四、生命周期之组件挂载 作用：组件 阅读全文
posted @ 2018-08-02 01:13 dellyoung 阅读(541) 评论(0) 推荐(0)
【React自制全家桶】四、React中state与props的分析与比较
摘要： 一.state 1.state的作用 state是React中组件的一个对象.React把用户界面当做是状态机,想象它有不同的状态然后渲染这些状态,可以轻松让用户界面与数据保持一致. React中,更新组件的state,会导致重新渲染用户界面(不要操作DOM).简单来说,就是用户界面会随着state 阅读全文
posted @ 2018-08-02 00:21 dellyoung 阅读(354) 评论(0) 推荐(0)