自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 React系列: setState以及setState更新机制

在React中,数据是自顶向下单向流动的,即从父组件到子组件。这样组件之间的关系变得简单并且可预测。 state和props是React组件中最重要的改建,如果顶层组件初始化props, 那么React会向下遍历整颗组件树,重新尝试渲染所有的子组件。而state只关心每个组件自己内部的状态,这些...

2019-09-27 14:57:41

阅读数 7

评论数 0

原创 React系列:React的生命周期

React声明周期 React组件的生命周期可以分为挂载,渲染,卸载几个阶段。 组件挂载时: class App extends Component { static propTypes = { // ... }; static defaultProps = { ...

2019-09-25 10:21:31

阅读数 4

评论数 0

原创 React系列:组件性能优化 (shouldComponentUpdate, PureComponent, PureRender, Immutable)

react中有时候会有一些不必要的render,例如:1. 父组件传递props给子组件,即使props没有更新,子组件也会重新render;2. setState两次值相同,也会render 优化方法 1. shouldComponentUpdate shouldComponentUpdate接...

2019-09-18 17:51:02

阅读数 3

评论数 0

原创 React系列: redux - bindActionCreators的使用方法

react-redux的connect方法 接受4个参数: mapStateToProps(state, [ownProps]) 接受完整的redux状态树作为参数,返回对象的所有key都会成为组件的props mapDispatchToProps(dispatch, [ownProps]) 接...

2019-09-17 15:26:24

阅读数 5

评论数 0

原创 vue-router源码分析(二)--HTML5History

首先:HTML5History也继承自History var HTML5History = (function(History$$1){...})(History) function getLocation (base) { //处理url var path = decodeURI(w...

2019-09-12 13:43:31

阅读数 8

评论数 0

原创 VueRouter源码(三)--RouterView, RouterLink

注册为vue组件 RouterView 和RouterLink组件在install方法中注册成了Vue的组件 function install (Vue) { ... Vue.component('RouterView', View); Vue.component('RouterLin...

2019-09-12 13:42:57

阅读数 12

评论数 0

原创 vue里使用bpmn绘制流程图(四)

1. 替换节点汉化 点击扳手图标可以将当前节点替换成新的节点。节点名称默认是英文,此处可以汉化 控制弹框显示的源码在 bpmn-js\lib\features\popup-menu\ReplaceMenuProvider.js中 import translation from '...

2019-09-11 10:58:17

阅读数 64

评论数 0

原创 vue里使用bpmn绘制流程图(三)

自定义工具栏和节点形状 工具栏的源码在 bpmn-js\lib\features\palette\PaletteProvider.js中 PaletteProvider中定义了getPaletteEntries方法,用于新增工具栏项目 PaletteProvider.prototype...

2019-09-11 09:15:48

阅读数 71

评论数 0

原创 vue里使用bpmn绘制流程图(二)

上回记录到在页面上生成并编辑流程图; 但是实际使用中,往往需要进行自定义; 下面就根据实际需求来一步一步实现自定义。 不同的节点用不同的颜色区分 插件提供的接口方法 this.viewer.importXML(diagramXml, err => { if (e...

2019-09-10 18:02:31

阅读数 40

评论数 0

原创 vue里使用bpmn绘制流程图(一)

安装 1.HTML中使用,通过script标签引入 <script src="https://unpkg.com/bpmn-js@5.0.3/dist/bpmn-modeler.development.js"></script&am...

2019-09-10 16:51:26

阅读数 99

评论数 0

提示
确定要删除当前文章?
取消 删除