自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 初学js中的链表

js中的链表操作首先我们应该知道什么是链表在我们基本使用中,储存多个元素,数组可能是最常用的数据结构。这种数据结构非常方便,但是有一个缺点:从数组的起点或者中间插入或移除的成本非常高,因为需要移动元素链表存储有序的元素的集合,但是不同于数组,链表中的元素在内存中并不是连续位置的。每个元素都是由一个存储元素本身的结点和指向下一元素的引用(也叫指针或者链接)组成。相比于数组来说,链表的好处在于添加或者删除元素的时候不需要移动其他元素。但是操作链表需要指针。数组的一个优点是可以直接访问任何位置

2020-07-30 12:58:19 30

原创 解决react直接使用ref警告问题

有两种方式可以解决这个问题先来介绍第一种方式,使用React.createRef() API在构造函数里面使用React.createRef()复制代码constructor() { super(); this.author=React.createRef()}在需要使用refs的标签上绑定:复制代码<p classname="emails"><span>email:</span> <input ref="{this.author}

2020-07-15 10:46:43 41

原创 react 实现权限管理和页面动态渲染树形控件

react权限管理后端数据返回示例{ code: 200, userInfo: { name: '李四', age: '22', sex: '男' }, menuInfo: [ { menuId: 0, menuName: "首页", menuUrl: "/home/table", pathname: "Dish"

2020-07-15 10:20:23 29

原创 react中实现简单的动效

在react中如何实现一个简单的动效需要使用一个插件:npm install react-transition-group -s//导入import {Fragment} from 'react'import {CSSTransition} from 'react-transition-group'//需要实现动画效果的页面<Fragment> <CSSTransition in={this.state.shows} // 如果this.state

2020-07-15 10:06:47 29

原创 简单实现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

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