- 博客(55)
- 收藏
- 关注
RSS订阅原创 FileReader的几种常用用法
FileReader 是 JavaScript 中用于读取文件内容的对象，它提供了多种方法来读取不同类型的文件数据。以下是 FileReader 的一些常用场景：1. 读取文本文件function readTextFile(file) { const reader = new FileReader(); reader.onload = function(event) { const text = event.target.result; console.log(text);
2025-01-02 13:33:09
1040
原创 如何获取一个返回Promise＜T＞的函数的“T“的类型
这样一来，虽然返回了Promise，我们没定义T的情况下，也可以直接拿到T的类型了。
2024-09-23 14:58:21
289
1
原创 SCSS-根据“是否有某个后代“来加样式
作为个人记录，比较潦草，若对大家有帮助就更好了，.grp-name-col.is-new如果看成.grp-name-col 会更好理解。
2023-12-02 15:29:50
589
原创 instanceof原理
/** * 判断left是不是right这个类型 */function zjInstanceof (left, right) { left = left.__proto__ if (left === null || left === undefined) { return false } if (left === right.prototype) { return true } else { return zjInstanceof(left, right).
2022-05-22 21:15:39
95
原创 flex:1的作用
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv=".
2022-04-23 20:11:55
637
原创 关于react中useImperativeHandle和useRef
useImperativeHandle是一个能够决定ref绑定后返回给上级元素的内容的hook；而useRef是createRef相同作用的hook，他们两个的结合就能实现对ref的加工上级组件中：孙子组件：组件通讯这边我就没有细说了，就是ZJHome->Banner->Item的一个逐级传递...
2022-04-18 21:33:45
345
原创 react中useReducer的使用
接收两个参数，第一个是类似于redux中的reuducer的形式进行判断，第二个参数是state的默认值返回是返回一个数组，第一个元素是值，第二个元素是用来更改值的(传入不同的action来进行不同的操作)...
2022-04-18 20:39:45
414
原创 函数式组件context的使用
父组件创建子组件使用以上方式是由useContext这个hook来进行订阅，如注释方法使用Comsumer消费也是一样的，但对比一下可知，hook方式会更加便捷
2022-04-18 19:36:07
328
原创 mobx的使用
定义模块import {makeAutoObservable, runInAction} from 'mobx';class Counter { count = 0; obj = { name: "晨晨", age: 66 } constructor() { makeAutoObservable(this); } increase() { this.count += 1; } decrease() { this.coun
2022-04-17 09:56:48
317
原创 css优先级和权重
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv=".
2022-04-13 11:38:49
386
转载 webstorm配置prettier
至于配置参考掘金文章：代码美化神器——Prettier使用详解 - 掘金个人认为第二种方式合适点(看个人喜好)
2022-04-04 20:32:30
1125
转载 关于react的keep-alive的路由页面缓存
React实现组件缓存的一种思路 - 风行者夜色 - 博客园文章仅用于本人和其余react初学者的学习，如有侵权请联系
2022-04-02 10:00:47
465
原创 Invalid options object. Dev Server has been initialized using an options object that does not match
这是因为写了contentBase了，把contentBase改成static
2022-04-01 16:07:15
1456
原创 关于React的全局Loading（17版本和18版本）
由于本人刚学习typescript，在一些类型的定义上稍显笨拙；如果有刚好遇到这边文章，希望大佬们能教教怎么给ZJLoading定义类型比较合适。。。如下图所示，以后需要用到的时候只需引入组件，进行ZJLoading.show()和remove即可import React, {memo} from "react";import ReactDOM from 'react-dom'import {LoadingWrapper} from "@/components/loading/style";
2022-03-31 12:00:28
2915
原创 slice的使用和真伪数组的转换
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-28 15:44:00
129
原创 数组扁平化
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-25 20:03:29
72
原创 arr.sort的基础应用
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-23 11:30:32
913
原创 attachEvent && addEventListener
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-23 10:01:35
163
原创 关于addEventListener和removeEventListener
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-23 09:39:43
778
原创 集拖拽上传和点击上传于一身
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-17 22:32:55
116
原创 react的createPortal函数（遮罩层）
createPortal的应用场景：给body最外层加上遮罩层，比如加载中的效果。使用方法：创建一个Portal组件，并定义好相关的样式在需要使用的页面，引入react-dom自带的createPortal然后如上图红框那样使用即可，给createPortal传递两个参数，第一个参数是要渲染的组件，第二个参数是要渲染的位置，可以在react脚手架生成的index.html自己一个元素也可以当场创建一个元素加进去...
2022-03-16 14:23:37
5884
原创 dotenv配置环境变量
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-15 21:30:06
1297
原创 基于Promise封装AJAX
有什么优化的可以一起讨论，本人初级前端一枚<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1
2022-03-14 11:48:09
66
原创 css实现三角形
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http.
2022-03-13 17:41:35
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人