全玉 - 博客园

2018年8月22日

摘要： 1. 父子通信 1.1 props和emit 父 -> 子 props子 -> 父事件$emit 1.2 双向绑定 v-model 子组件用$emit('input',data)，可以用model属性修改value和input的名字。 .sync 在vue2.2恢复使用，可以实现双向修改，本质还是阅读全文

posted @ 2018-08-22 15:21 全玉阅读(238) 评论(0) 推荐(0)

React的getDefaultProps和getInitialState

摘要： getDefaultProps 不是获取默认props，而是设置默认props，主要用在ES5的React写法中getInitialState 不是获取默认State，而是设置初始的state，主要是用在ES5的React写法中下面是ES5和ES6的写法对比阅读全文

posted @ 2018-08-22 15:10 全玉阅读(1374) 评论(0) 推荐(0)

React生命周期总结

摘要： React的生命周期总共8个钩子，三个will，两个Did，一个RecciveProps，一个ShouldUpdate，一个render。分为三个阶段，分别是装载 Mounting更新 Updating卸载 Unmounting 1. 钩子说明 1.componentWillReceiveProp 阅读全文

posted @ 2018-08-22 14:24 全玉阅读(296) 评论(0) 推荐(0)

vue生命周期总结

摘要： vue2.x版本总共有8个生命周期钩子，四个before，四个ed，再加上activated和deactivated两个激活钩子，总共10个周期钩子 1.钩子说明 1. breforeCreate 创建前执行，此时 data: undefined $el: undefined 2. created 阅读全文

posted @ 2018-08-22 11:13 全玉阅读(477) 评论(0) 推荐(0)

2018年8月21日

Generator的基本用法

摘要： Generator函数是一个状态机，封装了多个内部状态。执行一个Generator，会返回一个迭代器对象，通过迭代器对象，可以遍历Generator函数内部的每个状态。因此，Generator函数可以看做是一个迭代器生成器。 1. Generator基本形式执行foo得到一个迭代器 2.for-o 阅读全文

posted @ 2018-08-21 17:58 全玉阅读(1326) 评论(0) 推荐(0)

React context基本用法

摘要： React的context就是一个全局变量，可以从根组件跨级别在React的组件中传递。React context的API有两个版本，React16.x之前的是老版本的context，之后的是新版本的context。 1.老版本的context 提供context的组件，需要声明 childCont 阅读全文

posted @ 2018-08-21 15:04 全玉阅读(33680) 评论(2) 推荐(0)

rematch的基本用法

摘要： rematch是对redux的二次封装，简化了redux是使用，极大的提高了开发体验。rematch仅仅是对redux的封装，没有依赖redux-saga，也没有关联react，因此其可以用在其他的视图库中，如vue等。 1. rematch的优点 1.省略了action types 不必再多次写字阅读全文

posted @ 2018-08-21 11:13 全玉阅读(10178) 评论(2) 推荐(0)

2018年8月20日

dva的基本用法

摘要： dva是一个状态管理工具，整合了redux，redux-saga，react-router,fetch等框架，目前只能用于react的状态管理 1. dva的models dva的主要作用还是整合了redux，redux-saga的多文件的分散的写法，将state,reducers,effects这阅读全文

posted @ 2018-08-20 17:50 全玉阅读(1998) 评论(0) 推荐(0)

redux-saga基本用法

摘要： redux-saga是管理redux异步操作的中间件，redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理。 sagas采用Generator函数来yield Effects。Generator函数可以暂停执行，再次执行的时候从上次暂停的地方继续执行。常见的effect有：阅读全文

posted @ 2018-08-20 14:49 全玉阅读(5626) 评论(0) 推荐(0)

react-redux的基本用法

摘要： redux仅仅是一个状态管理的库，不能直接用于react，react-redux是redux作者封装的用于连接redux和react的库。 react-redux基本概念 1. UI组件 1. 只负责UI显示的组件，不包含业务逻辑2. 没有状态3. 所有数据都由(props)提供4. 不使用任何Re 阅读全文

posted @ 2018-08-20 11:39 全玉阅读(760) 评论(0) 推荐(0)

全玉金生

公告