lijiamingyyds的博客

原创 antd UpLoad 的 Dragger 加 ImgCrop 实现自定义上传及剪切

前言本次封装的组件主要应用于自定义上传，上传过程中组件只用于展示图片，获取图片的obj转为base64return到组件外部在需要调接口时进行参数上传

原创 React使用set管理状态

当父组件参数需要从子组件获取使用时，利用usestate进行状态管理。

原创 react+antd mobile实现 H5底部tab页面

实现react+antd mobile 实现底部tab页功能

原创 react +antd 实现时间与选择器的重置事件

手动进行查询重置操作

原创 antv+react 双组柱状图的实现

antv柱状图在react中如何引入及使用，柱状图的基本配置及调试

原创 前端使用moment计算日期间的天数

计算时间

原创 原生table实现合并单元格展示数据

前端原生table实现单行展示多条数据

原创 react 前端 实现打印机打印功能

前端写原生表格进行打印功能，通过调取打印机时间，嵌入html原生页面，

原创 antd 表单绑定字段传值

anta，表单数据字段前后端绑定

原创 antd hook 使用table进行数据的展示和新增

anta+react实现表格数据的新增删除展示等操作

原创 react+antd实现表格操作携带参数打开另一个页面

我们主要是想实现一个在表格中点击操作，然后根据携带的参数跳转页面请求对应的数据。一 首先创建表格这个是我声明的表头部分这里是表单组件的结构这里是我们表头里面操作的部分，在这里声明一个点击事件，当点击操作时触发跳转的函数方法二 跳转方法首先我们 声明了origin为地址使用window方法打开新的页面并在路径上拼接参数三 新页面的接收在页面打开的时候进行接收并更新字段。在这里将拿到的参数传到服务端，得到返回的数据。四实现效果...

原创 实现简单的小程序实现滑动选择图片

一 wxml文件二 wxss文件三 js文件，实现点击图片获取当前图片，没有废话直接代码

原创 微信小程序子页面向父页面传值

有更优化的方法欢迎指点

原创 js数组方法

原创 使用慕客绘制产品

一 创建项目点击新建创建新的项目，可以选择项目类型，webapp等。二 使用案板例子我们可以点击模板例子，去查看自带的模板，然后可以把模板里面的组件保存为资源，在自己的项目中使用。右键模板，选择组件存为资源。选择资源，共享之后就可以在自己的项目里使用。点击组件然后在右侧选择交互，添加交互就可以实现交互功能。属性里我们可以更改边框，填充，字体，圆角，等很多功能。...

原创 react+hook+antd实现table表格

一 引入依赖二 创建组件三 初始化usestate四 html 部分编写使用Table组件引入并放入对应节点对应的api组件库都有，可以查看五 编写表头和表格数据获取表头数据可以根据接口文档去写，表格数据从接口获取六编辑弹窗利用antd的组件去创建表格内弹窗七实现页面下面就是简单的页面渲染之后的样子具体api大家可以在antd官方组件库中查看...

原创 vue +element实现图片上传加展示

一 声明变量我们在这里声明了两个qrcodeaddress。分别是绑定表单的字段和作为展示图片的字段。二 编写html部分在这里img标签是我们上传之后 展示的地方，:action是上传路径:on-success是上传成功后的方法三编写函数方法this.formData.qrCodeAddress = response.data.url;这个是上传成功后返回的路径拿到这个路径加上拼接的前缀就可以在不同环境都可以展示了this.qrCodeAddres...

原创 react hook +antdesign实现分页

一 创建文件xxx.jsx 引入依赖样式等文件接下来的步骤关于接口请求可以看我之前发的axios的使用二 创建组件 初始化需要用的变量三 使用antdesign创建Table这个简单的写一写具体api可以看antdesign的官方文档columns是表头 dataSource是表格内容这个我对接了后台接口四 声明接口方法在params中声明参数五编写分页因为useState没有回调函数所以我单独封装了一个六在us...

原创 函数组件父子通信

一 创建父组件在父组件中初始化name和age 以及事件，const一个对象props（叫什么无所谓）在引入的子组件中使用扩展运算符传参二 子组件接受参数将需要接受的参数使用props获取这样就可以使用父组件的变量了。...

原创 useMemo的使用简述

一 useMemo的介绍控制组件更新条件，可根据状态变化控制方法执行,优化传值，避免不必要的方法调用useMemo有两个参数，和useEffect一样，第一个参数是函数，第二个参数是个数组，用来监听某个状态不变化接下来我们看看他到底是如何使用的第一步创建一个函数父组件 初始化name和content并且在父组件中使用子组件Button二子组件我们可以发现这种写法无论父组件点击哪个按钮 都会执行onchangename方法，这样当我们只想改变其中一个的时候就会造成多

原创 vue中input输入框限制只允许输入数字

一 在组件上添加绑定字段使用的是 element组件库的form表单使用命令行npm i element-ui -S安装prop为绑定接口中的字段，rules是检验规则二 在输入框中添加方法kk为绑定的事件让我们看这个事件发生了什么这样就可以实现所需要的检验了...

原创 axios接口请求在react中的使用

一下载axios npm install --saveaxios进行安装二在使用文件引入import axios from 'axios'三封装axios接口四 暴露请求方法五在文件中使用

原创 ant design Pro中 initialState的使用含义

一 app.jsx文件使用getInitialState获取全局共用的初始化数据queryCurrentUser这个接口可以换成我们自己的二 在需要用到初始化数据的页面进行获取import { useModel } from 'umi'; // 要配合useModel 去获取数据umi 提供了useModel('@@initialState')去获取这个数据const { initialState, setInitialState } = useModel('@@initia

原创 父组件props传参

一 react框架最基本的组件传参之父子通信state和props作为react里面重要的两个组成接下来讲解其作用二 父组件class A extends React.Component {state{name:'父组件'}render(){const props={state:this.state.name}return{通过扩展运算符传递参数<B { ...{props}}>}三 子组件class B extends R..