自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Umi - 刷新后页面报404

Umi项目刷新后页面报404,hash模式和history模式下的解决方案

2024-03-14 18:18:20 1821 1

原创 echarts - 鼠标事件详解

echarts 鼠标点击事件

2024-03-14 18:17:15 4069

原创 echarts - 数据更新但图表不更新

echarts重绘、setOption

2024-02-22 17:31:04 1922

原创 echart - 柱状图添加阴影

柱状图阴影 axisPointer shadow

2024-02-07 17:30:05 1725

原创 JS - 处理元素滚动

业务功能中时常有元素滚动的功能,现在就总结一下一些常用的事件。

2024-02-07 17:04:47 762 1

原创 echarts - legend设置宽度不生效

legend设置宽度不生效

2024-01-09 17:23:34 1843

原创 echarts - datasetIndex 多个数据集

echarts - datasetIndex 多个数据集

2024-01-09 11:12:24 619

原创 echarts - xAxis.type设置time时该如何使用formatter的分级模板

xAxis.type设置time时该如何使用formatter的分级模板

2024-01-08 17:36:49 2828

原创 CSS 实现两个圆圈重叠部分颜色不同

CSS 实现两个圆圈重叠部分颜色不同

2024-01-05 16:23:43 968

原创 React Hook的实现原理

Hook 这个单词的意思是"钩子"。React Hooks 的意思是,组件尽量写成纯函数,如果需要外部功能和副作用,就用钩子把外部代码"钩"进来。React Hooks 就是那些钩子。你需要什么功能,就使用什么钩子。React 默认提供了一些常用钩子,你也可以封装自己的钩子。所有的钩子都是为函数引入外部功能,所以 React 约定,钩子一律使用use前缀命名,便于识别。你要使用 xxx 功能,钩子就命名为 usexxx。

2022-10-25 12:13:16 2828 1

原创 如何设计一个组件(二)- 应该怎么封装业务组件

如何设计一个组件

2022-10-24 09:09:23 555

原创 如何设计一个组件(一)- 组件分类

如何设计一个组件

2022-10-24 09:08:37 1207

原创 JS - Promise的各种面试问题及分析

Promise的各种面试问题及分析

2022-10-19 20:22:39 1141

原创 前端 - Webpack的一些介绍和优化方案

webpack的核心工作过程、优化思路和手段、优化属性

2022-10-18 09:53:33 895

原创 前端 - 用微前端前应该了解的一些知识点

微前端框架、CSS样式隔离、JS沙箱隔离、跨应用通信、微前端使用过程中出现的问题

2022-10-09 13:01:28 1946

原创 纵向抽奖滚动效果代码

纵向抽奖滚动效果代码

2022-10-05 17:30:47 658

原创 JS - 防抖与节流

防抖与节流的函数实现

2022-10-01 22:16:23 977

原创 React - 虚拟DOM 和 Diff 算法

虚拟DOM 和 Diff 算法

2022-10-01 13:42:47 1958

原创 浏览器 - 地址栏里输入一个地址回车

地址栏里输入一个地址回车

2022-09-27 18:53:55 253

原创 JS - 深入理解 Javascript 原型和闭包

深入理解 Javascript 原型和闭包

2022-09-26 17:56:40 519

原创 JS - 作用域和执行上下文的区别

作用域、执行上下文

2022-09-26 15:55:03 805

原创 前端 - Map对象详解

Map对象属性、Map对象和普通对象的区别、Map对象和WeakMap对象的区别

2022-09-20 23:15:36 7582 1

原创 JS - 异步机制

JavaScript异步机制靠的是消息队列和事件循环

2022-09-20 22:04:43 1174

原创 React - React v18 的 批处理

React v18 的 批处理

2022-09-13 16:49:19 871

原创 React - setState 原理

setState 原理

2022-09-12 19:08:10 2037

原创 前端 - 嵌套函数跳出外部函数

嵌套函数跳出外部函数

2022-08-21 13:54:40 979

原创 React - Immer

Immer 的使用

2022-08-19 16:02:07 799

原创 前端 - get请求传递数组

get请求传递数组

2022-08-19 15:56:35 39608

原创 前端 - html2canvas 截图显示空白

html2canvas 使用方法及遇到的问题

2022-06-19 14:20:32 9536

原创 React - 父子组件的信息传递

React - 父子组件的信息传递

2022-03-20 19:16:57 337

原创 TypeScript 学习笔记(六)- Omit

TypeScript 中的 Omit

2022-03-07 15:37:02 955

原创 TypeScript 学习笔记(五)- infer

infer是在 typescript 2.8 中新增的关键字。一、简单的示例type ParamType<T> = T extends (...args: infer P) => any ? P : T;在这个条件语句 T extends (...args: infer P) => any ? P : T中,infer P 表示待推断的函数参数。整句表示为:如果 T 能赋值给 (...args: infer P) => any,则结果是 (...args: infer

2022-02-22 15:25:13 520 1

原创 TypeScript 学习笔记(四)- extends 的作用

一、继承接口继承 interface T1 { name: string } interface T2 { age: number } // 多重继承,逗号隔开 interface T3 extends T1,T2 { gender: string } // T3 => { name: string; age: number, gender: string } const t3: T3 = { name: '111'

2022-02-22 15:24:46 2831 1

原创 TypeScript 学习笔记(三)- type、typeof、keyof

介绍一些TS相关的基础知识。一、typetype 用于定义类型,常用于定义类型别名,类型别名就是用来给一个类型起个新名字, 类型别名常用于联合类型。type Name = string;type Age =number ;type NameOrAge = Name | Age; // type NameOrAge = string | number; 几乎 interface 的所有特性 type都有, type与interface 核心的区别在于 type 一旦定义就不能再添加新的属性,

2022-02-22 15:24:12 2282

原创 TypeScript 学习笔记(二)- 泛型

泛型(Generics)是允许同一个函数接受不同类型参数的一种模板。相比于使用 any 类型,使用泛型来创建可复用的组件要更好,因为泛型会保留参数类型。

2022-02-22 14:25:31 733

原创 网络 - 在HTTPS 网页中引入HTTP资源: Mixed Content

项目中用 iframe 加载了一个http资源,原先网站服务器配置的是http协议,所以可以顺利加载资源,现在项目升级用了https协议,这个http资源就无法加载了。Mixed Content: The page at xxx' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'xxx'. This request has been blocked; the content must be served o

2022-02-15 16:47:27 3135 1

原创 package-lock.json 文件的作用

package-lock.json 文件的作用

2022-02-15 16:41:32 6240

原创 前端 - 用div仿输入框,解决鼠标点击位置错乱的问题

用div仿输入框,解决鼠标点击位置错乱的问题

2022-01-25 20:11:51 897

原创 TypeScript 学习笔记(一)- 基本类型

一、原始数据类型布尔值布尔值是最基础的数据类型,在 TypeScript 中,使用 boolean 定义布尔值类型let isTrue: boolean = false;数值使用 number 定义数值类型let num: number = 1;字符串使用 string 定义字符串类型let name = "Tom";Null 和 Undefined可以使用 null 和 undefined 来定义这两个原始数据类型let u: undefined = undefined;l

2021-12-19 18:13:15 439

原创 正则 test() 出现匹配结果不一致

一、出现的原因在进行正则匹配的时候,出现了同一个字符串,两次匹配结果不一样的情况var s1 = "foo";var s2 = "foo";var regex = /foo/g;regex.test(s1); // trueregex.test(s2); // false在 MDN上有写明如果正则表达式设置了全局标志,test() 的执行会改变正则表达式 lastIndex属性。连续的执行test()方法,后续的执行将会从 lastIndex 处开始匹配字符串,(exec() 同样

2021-12-16 17:51:15 1637

空空如也

空空如也

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

TA关注的人

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