自定义博客皮肤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+mobx

前面写过关于react+redux的文章简单实现react+redux这里对Redux和Mobx进行简单的对比:Redux的编程范式是函数式的而Mobx是面向对象的;因此数据上来说Redux理想的是immutable(不可更改)的,每次都返回一个新的数据而Mobx从始至终都是一份引用。因此Redux是支持数据回溯的;然而和Redux相比,使用Mobx的组件可以做到精确更新,这一点得 益于Mobx的observable; 对应的,Redux是用dispath进行广播,通过Provider和conn

2020-06-30 20:20:24 27

原创 简单实现redux+react

安装:npm install --save reduxredux是所有语言都可以使用的,并不是只有react可以使用有专门的react-redux与react的绑定库和开发者工具npm install --save react-reduxnpm install --save-dev redux-devtoolsredux的三大原则一、单一数据源,整个应用的 state 被储存在一棵 object tree 中,并且这个 object tree 只存在于唯一一个 store 中。二、St

2020-06-30 17:20:18 38

原创 实现一个简单的axios封装

简单实现axios封装1.创建生产环境地址 (本机地址).env.development文件VUE_APP_BASE_URL='/api'创建开发环境地址(java后台地址).env.production文件VUE_APP_BASE_URL='http://106.14.26.32:8080/api'2.在Axios代理处判断环境,进行相关的操作module.exports = { publicPath: process.env.NODE_ENV === 'production

2020-06-28 21:06:49 30

原创 实现前后端数据键名不一致,数据交换

实现前后端键名不一致的数据交换//后台数据的模拟: let dataList = [ {id: '1', name: '小狗', age: 5}, {id: '2', name: '小羊', age: 8}, {id: '3', name: '小猪', age: 10}, {id: '4', name: '小牛', age: 12} ]; //前台数据的模拟: let myList = [ {m

2020-06-28 20:54:01 49

原创 VUE实现组件之间的通信

VUE之间的通信方式在使用vue框架搭建项目时总会碰到父子组件,隔代组件,兄弟组件之间的传值,这里我介绍六种传值方式一、使用props在父子之间进行传递值父组件使用v-bind绑定相应的值,在子组件中使用props进行接收,获得父组件的值其中使用this.$emit()来进行调用父组件的事件数据向下行,事件向上流在父组件Parent中:<Child :data-list='datalist' v-on:parent-chang-count="parentcount"></Ch

2020-06-28 20:40:00 54

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