割肉机

2018年9月6日

摘要：在react典型的数据流中，props传递是父子组件交互的唯一方式；通过传递一个新的props值来使子组件重新re-render,从而达到父子组件通信。当然，就像react官网所描述的一样，在react典型的数据量之外，某些情况下（例如和第三方的dom库整合，或者某个dom元素focus等）为了修改阅读全文

posted @ 2018-09-06 09:21 割肉机阅读(624) 评论(0) 推荐(0)

Ant Design Pro快速入门

摘要：在上一篇文章中，我们介绍了如何构建一个Ant Design Pro的环境。同时讲解了如何启动服务并查看前端页面功能。在本文中，我们将简单讲解如何在Ant Design Pro框架下实现自己的业务功能。目录结构浅谈首先，我们来简单了解一下整个项目的目录结构及其中每个文件的功能。一个完整的目录阅读全文

posted @ 2018-09-06 09:10 割肉机阅读(36716) 评论(1) 推荐(0)

2018年9月5日

dangerouslySetInnerHTMl

摘要： dangerouslySetInnerHTMl 是React标签的一个属性，类似于angular的ng-bind；听说这个单词这么长，是故意的，应为有可能不合时宜的使用innerHTML会导致XSS攻击(然而我并不懂什么是XSS)， __htlml: DOM; 通常dangerSetInnerHT 阅读全文

posted @ 2018-09-05 16:23 割肉机阅读(2770) 评论(0) 推荐(0)

ES6快速入门使用

摘要： https://www.jianshu.com/p/061304806bda Babel-webpack的配置 Bebal官方文档前段项目我想使用ES6的语法我应该怎么做呢?我们可以查看Babel的官方文档,就简单用webpack如何配置所以我们就可以先用ES6语言来写代码,然后用webpack打阅读全文

posted @ 2018-09-05 15:45 割肉机阅读(419) 评论(0) 推荐(0)

redux-effect

摘要： npm install --save redux-effect 通过redux中间件的方式使async方法可以在redux中使用。如果你使用redux-saga，应该非常容易上手redux-effect。effect概念正是来自于saga，其本身就是一个普通的async函数，你可以在此处理一些异步阅读全文

posted @ 2018-09-05 15:18 割肉机阅读(783) 评论(0) 推荐(0)

Redux 入门教程（三）：React-Redux 的用法

摘要：作者：阮一峰前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。作者：阮一峰前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。为了方便使用，Redux 的阅读全文

posted @ 2018-09-05 14:35 割肉机阅读(7784) 评论(0) 推荐(0)

React系列——react-redux之connect方法解析

摘要： connect简介前方高能预警，有耐心才能看完文章！！ react-redux仅有2个API，Provider和connect，Provider提供的是一个顶层容器的作用，实现store的上下文传递。 connect方法比较复杂，虽然代码只有368行，但是为redux中常用的功能实现了和react 阅读全文

posted @ 2018-09-05 14:17 割肉机阅读(12484) 评论(0) 推荐(0)

React 入门

摘要： 1.react生命周期在本章节中我们将讨论 React 组件的生命周期。组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户阅读全文

posted @ 2018-09-05 11:24 割肉机阅读(299) 评论(0) 推荐(0)

React 组件生命周期

摘要：在本章节中我们将讨论 React 组件的生命周期。组件的生命周期可分成三个状态： Mounting：已插入真实 DOM Updating：正在被重新渲染 Unmounting：已移出真实 DOM 生命周期的方法有： componentWillMount 在渲染前调用,在客户端也在服务端。 comp 阅读全文

posted @ 2018-09-05 11:06 割肉机阅读(224) 评论(0) 推荐(0)

2018年9月4日

react+echarts/g2/bizcharts可视化图表

摘要：一.echarts的折线图的使用demo如下，linecharts为实例化的封装组件，line为实际应用的组件 cnpm install echarts import React from 'react'; import './lineCharts.less'; let echarts = requ 阅读全文

posted @ 2018-09-04 14:49 割肉机阅读(2591) 评论(0) 推荐(0)

公告