自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 在React项目中将类组件转换为功能组件(使用React Hooks)

接下来介绍一下如何使用react hooks(react钩子)将类组件转换为功能组件。说明:react hooks(react钩子)必须在react 16.7版本上运行react在16.7alpha版本中引入了react hooks(react钩子)的使用,hooks(钩子)是如何工作的?公开了两个新的api来处理状态和生命周期方法(他们是类函数的核心组件),这些api是useState和...

2019-03-02 10:15:34 2857

原创 Axios的使用

1.官网Api:https://www.kancloud.cn/yunye/axios/2348452.说明:(1)Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。(2)特点:                   从浏览器中创建 XMLHttpRequests                   从 node.js 创建 http...

2019-01-29 17:12:41 376 1

原创 braft-editor富文本编辑器的使用

1.在线演示: http://margox.github.io/braft-editor/2.安装:yarn add braft-editor或npm install braft-editor --save3.使用:编辑器支持value和onChange属性,这类似于React中原生的input组件。通常情况下,可以用典型的受控组件的形式来使用本编辑器:import React ...

2019-01-29 17:02:59 10247 7

原创 echarts使用

在近期项目开发中使用了echarts树形图和曲线图,在使用的过程自己也遇到了一些问题,下面来做一些echarts的使用总结。1.树形图:项目对树形图的要求是点击节点展开树和显示节点信息弹窗,但是有一点要求是点击树节点的时候不能同时去处理前面的这两个行为。对于这种情况我当时考虑实现的方式是点击节点时只展开树,点击节点名称也就是label配置项的内容显示弹窗信息,但是在查看echarts官网的AP...

2019-01-29 16:51:29 311

原创 react使用eval兼容IE浏览器

今天在项目开发中使用了eval方法,使用的目的是将后端返的字符串转换成我想要的方法,但是项目在360和IE浏览器下面报了下图错误。解决方法:方法1:是将你要转换的字符串用"(0 || " + 字符串 + ")"这种方式包起来,具体写法如下所示:(str为你为转换的字符串)语法:eval("(0 ||" + str +")")或者window.eval("(0 ||" + str +").

2018-12-21 18:05:49 1450

原创 webpack打包时遇到的问题

最近在项目打包时总是打包不成功,报错如下图所示:报错原因:是因为nodejs的版本太高不稳,当时用的nodejs的版本是10.6.0。解决方式:在网上搜了一下,v8版本的nodejs相对要稳定一些,建议安装8.9.4版本的nodejs,重新安装node环境之后打包就没有报错了。其他版本的nodejs下载链接:http://nodejs.org/dist/解决方式补充:...

2018-12-21 17:29:16 595

原创 react浏览器兼容报错处理

IE11以下浏览器报错1.在低版本的谷歌浏览器和ie11浏览器以下页面变成空白。以及下图报错解决方法:(1)先安装babel-polyfill依赖,npm install babel-polyfill --save(2)安装好之后在配置文件webpack.config.dev.js中引入polyfills.js。如下图,下图为多入口文件(多页)配置的引入方式。单入口(单...

2018-12-13 14:43:20 4531

原创 react最佳实践-React绑定this

React绑定this的方式在这里总结5种方式:1.React.createClass自动绑定:React.createClass创建的组件,可以自动绑定this。This这个关键字会自动绑定在组件实例上面。2.渲染时绑定:这种方法简明扼要,但是有一个潜在的性能问题:当组件每次重新渲染时,都会有一个新的函数创建。 如下所示onChange={this.handleChange.bin...

2018-10-11 17:21:02 345

原创 antd Upload 文件上传

1.antd官网Upload组件:https://ant.design/components/upload-cn/2.下图是最近开发的上传文档的效果: 3.文件上传的实现:(1)方法一:antd默认上传。a:渲染文件上传组件。getPDFURL()方法为实现文件的上传。showUploadList为是否展示 uploadList, true显示,false不显示,其可设...

2018-10-11 16:14:40 67523 8

原创 antd TreeSelect树选择的使用

1.antd官网TreeSelect组件:https://ant.design/components/tree-select-cn/2.运行效果图如下:3.组件引用及数据渲染实现:(1)组件的导入如下图:(2)组件的渲染:下图3-2-1为渲染组件:(相关引用均在下图做了说明)图3-2-1图3-2-2为渲染父节点:图3-2-2图3-2-3为渲染一...

2018-09-17 12:10:46 46242

原创 antd table 行点击事件及行高亮显示

1.antd官网表格组件:https://ant.design/components/table-cn/#components-table-demo-dynamic-settings2.引用antd的表格组件,即:import {Table} from ‘antd’;渲染表格组件:说明:(1)rowClassName属性是添加表格行样式属性,此时的this.setCla...

2018-09-04 12:12:14 27899 1

原创 rem移动端自适应

一、rem是什么?rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过rem计算的规则是依赖根元素,而em是依赖父元素计算。rem兼容性如下图所示。  二、...

2018-08-28 10:56:36 852

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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