2021年4月25日

谈谈react hooks的优缺点

摘要:前言Hook 是 React 16.8 的新增特性。它是完全可选的,并且100%向后兼容。它可以让你使用函数组件的方式,运用类组件以及 react 其他的一些特性,比如管理状态、生命周期钩子等。从概念上讲,React 组件一直更像是函数。而 Hook 则拥抱了函数,同时也没有牺牲 React 的精神 阅读全文

posted @ 2021-04-25 15:32 ranyonsue 阅读(143) 评论(0) 推荐(0) 编辑

2021年4月21日

babel配置文件.babelrc详解

摘要:一:理解 babel之配置文件.babelrc 基本配置项 1. 什么是babel? 它是干什么用的? ES6是2015年发布的下一代javascript语言标准,它引入了新的语法和API,使我们编写js代码更加得心应手,比如class,let,for...of promise等等这样的,但是可惜的 阅读全文

posted @ 2021-04-21 17:08 ranyonsue 阅读(179) 评论(1) 推荐(1) 编辑

2021年4月12日

react的Router的exact、path、component、strict属性

摘要:type Location = { //这是一个location pathname: Pathname; search: QueryString; query: Query; state: LocationState; action: Action; key: LocationKey;};class 阅读全文

posted @ 2021-04-12 17:30 ranyonsue 阅读(23) 评论(0) 推荐(0) 编辑

2021年4月8日

FormData使用方法详解

摘要:FormData的主要用途有两个: 1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。 2、异步上传文件 一、创建formData对象 1、创建一个空对象: //通过FormData构造函数创建一个空对象 var formdata=ne 阅读全文

posted @ 2021-04-08 17:09 ranyonsue 阅读(169) 评论(0) 推荐(0) 编辑

2021年4月7日

js四舍五入并保留两位小数

摘要:Math.Round()函数,能够对一个浮点数进行四舍五入,但是返回的结果是个整数,无法精确到小数点后,比如0.123,Math.round()返回0。 Number.toFixed()方法,能保留小数点后面的指定位数,但如果执行 5.1.toFixed(2) 的话,会返回5.10,而不是我们期待的 阅读全文

posted @ 2021-04-07 10:56 ranyonsue 阅读(75) 评论(0) 推荐(0) 编辑

2021年4月6日

CSS的优先级及样式覆盖问题探讨

摘要:多重样式(Multiple Styles): 如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况.有个例外的情况,就是如果外部样式放在内部样式的后面,则外部样式将覆盖内部样式。 样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于 阅读全文

posted @ 2021-04-06 11:44 ranyonsue 阅读(19) 评论(0) 推荐(0) 编辑

2021年3月26日

react 父组件调用子组件中的方法

摘要:组件间通信除了props外还有onRef方法,不过React官方文档建议不要过度依赖ref。 //父组件 import React, { Component } from "react"; import Child from "./Child"; class Dad extends Componen 阅读全文

posted @ 2021-03-26 15:16 ranyonsue 阅读(107) 评论(0) 推荐(0) 编辑

2021年3月15日

Echart饼图去掉Labelline标示线和label文字

摘要:itemStyle : { normal : { label : { show : false }, labelLine : { show : false } }, }, 使用方式: series: [{ name: '考生数量', type: 'pie', radius : ['50%', '70 阅读全文

posted @ 2021-03-15 15:25 ranyonsue 阅读(24) 评论(0) 推荐(0) 编辑

2021年1月15日

js递归

摘要:js递归调用 方法一: // 一个简单的阶乘函数 var f = function (x) { if (x 1) { return 1; } else { return x * f(x - 1); } }; Javascript中函数的巨大灵活性,导致在递归时使用函数名遇到困难,对于上面的变量式声明 阅读全文

posted @ 2021-01-15 17:00 ranyonsue 阅读(86) 评论(0) 推荐(0) 编辑

2021年1月14日

jspdf用法

摘要:介绍一下纯jspdf用法,将一个图片列表导出为pdf文件,根据图片宽高计算在pdf中的位置 jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。 1、安装:npm install jspdf 2、引入:import jsPDF from "jspdf" 3、使用: 阅读全文

posted @ 2021-01-14 11:26 ranyonsue 阅读(226) 评论(0) 推荐(0) 编辑

导航