自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 TypeScript--分享几个方法

的所有属性设置为可选的类型。此实用程序将返回一个表示给定类型的所有子集的类型。是一个类型工具(Type Utility),用于创建一个新的只读版本的类型。是一个类型工具(Type Utility),用于创建一个新的只读版本的类型。是关键字用于将属性或索引标记为只读,表示这些属性或索引的值不能被修改。中的所有属性和索引都变成只读的。中的所有属性和索引都变成只读的。在 TypeScript 中,

2023-09-01 21:13:09 111

原创 浏览器的缓存机制

缓存标识,对比缓存时使用它来标识一个缓存,第一次请求的时候,服务端会返 回该标识给客户端,客户端在第二次请求的时候会带上该标识与服务端进行对比并返回If-None-Match。,第一次请求缓存且保存缓存标识与时间,重复请求向服务器发送缓存标识和最后缓存时 间,服务端进行校验,如果失效则使用缓存。,浏览器在第一次请求的时候,会直接下载资源,然后缓存在本地,第二次请求的时候,直 接使用缓存。:服务端的响应头,第一次请求的时候,告诉客户端,该资源什么时候会过期。:第一次请求的时候服务端返回。

2023-08-11 19:06:22 125

原创 React的状态管理的Redux-toolkit的使用流程

reat的全局状态管理,Redux-toolkit

2023-08-07 17:10:43 209

原创 react的redux的使用流程

react的状态管理库,redux,react-redux

2023-08-07 15:51:57 102

原创 子元素在父元素中水平和垂直居中的几种方法

通过将父容器的display属性设置为flex,并设置justify-content和align-items属性为center,可以使元素在父容器中水平和垂直居中。通过将元素的position属性设置为absolute,以及使用top、left、right和bottom属性,可以将元素相对于其父容器进行定位。将父容器的display属性设置为table,将子元素的display属性设置为table-cell,并使用vertical-align属性设置为middle,可以实现元素在父容器中垂直居中。

2023-08-06 21:03:55 1634

原创 React的有状态组件和无状态组件

React的有状态组件和无状态组件,有状态组件与无状态组件的 优缺点的比较

2023-08-03 08:01:45 259

原创 表格文件的导入和导出(vue和react都可以用)

表格文件的导入和导出

2023-08-02 18:33:10 127

原创 HTTP和HTTPS的概念和二者的区别

HTTP协议、HTTPS协议、区别

2023-07-31 22:01:16 39

原创 在浏览器中输入url到显示所经历的过程

浏览器中从输入url到浏览器解析和渲染,TCP三次握手与四次挥手

2023-07-31 21:50:17 38

原创 浏览器端存储数据的三种常见方式:cookie、localStorage和sessionStorage

cookie、localStorage和sessionStorage的区别

2023-07-31 21:34:47 290

原创 事件轮询的概念和工作机制

事件轮训机制

2023-07-31 21:21:07 179

原创 JavaScript中,使用“=“进行赋值、浅拷贝和深拷贝有一些区别

JavaScript中的“=”赋值、浅拷贝和深拷贝

2023-07-31 21:11:51 80

原创 【JS】检测数据类型的几种方法

js检测数据类型,typeOf、instannceOf、constructor和objecct.prototype.toString.call()方法的比较

2023-07-26 21:48:58 127

原创 axios的二次封装

axios的二次封装,js封装,ts封装,管理接口

2023-07-26 11:39:57 70

原创 解决跨域问题

跨域请求,JSONP方法、CORS方法和proxy方法

2023-07-25 22:08:56 22

原创 react中组件通信的方式有哪些

react中的组件之间的通信,跨组件通信

2023-07-24 21:46:17 81

原创 React中的高阶组件(Higher-Order Components)是什么?其作用是什么,使用场景?

react高阶组件的概念、作用和使用场景

2023-07-24 21:33:04 307

原创 前端模块化思想(高内聚,低耦合)

前端模块化思想,高内聚,低耦合,组件和模块的封装

2023-07-24 21:12:01 100

原创 react的hooks的优势

react的hooks的优势,hooks助力函数式组件成为主流

2023-07-24 20:59:38 386

原创 封装一个显示实时时间的功能代码片段

显示实时时间,react功能组件,大屏可视化显示实时时间

2023-07-24 11:41:11 59

原创 Diff算法

前端diff算法,虚拟DOM树,轻量级javascript树

2023-07-24 11:13:41 30

原创 Fiber算法

react的fiber算法

2023-07-24 11:08:45 112

原创 XSS攻击(跨站脚本攻击)及应对方式

XSS攻击及解决方法,浏览器安全措施

2023-07-23 19:09:16 347 1

原创 编译器与解释器

编译器,解释器

2023-07-22 17:57:42 1875

原创 浏览器的垃圾回收机制

浏览器的垃圾回收机制,标记清除法,引用计数法,标记清除法与引用计数法的比较,优化垃圾回收机制的性能问题

2023-07-22 17:47:45 683

原创 Axios的底层原理(简述)

axios请求的底层原理,请求的发送,拦截,取消。

2023-07-22 15:33:03 992

原创 react的hooks之useCallback与useMemo

react性能优化,常用的hooks,useCallBack,useMemo,组件优化

2023-07-22 14:56:23 302

原创 JavaScript中堆和栈的区别

前端理解堆内存、栈内存的概念以及二者的区别

2023-07-21 19:55:52 374 1

原创 抽屉效果展示列表数据(使用react+and的Table、Drawer、Tree、Button、message、Input, Select)

1.发送数据到后端(将受控组件获取到的数据当做参数通过数据接口发送给后端),如果后端响应成功(code为200),则执行:a.弹出轻提示,显示“提交成功”;如果后端响应失败,则执行:弹出轻提示,显示添加失败。在后台项目中可能会涉及到添加用户的场景,并且需要分配新增用户的权限。此时可以使用antd中的Drawer(抽屉效果)来展示详情内容。获取到用户输入的姓名、密码、管理员类型和权限。七、通过上述操作,基本能实现抽屉添加新用户并为其分配权限的效果。三、定义打开抽屉的事件(点击button按钮,打开抽屉)

2023-07-21 19:48:41 467 1

原创 React写一个注册后登录的页面

react写一个注册页面,使用react框架结合antd组件库

2023-07-17 21:26:03 118 1

原创 fetch请求(请求后端数据的一种方法)

fetch方法,使用fetch方法请求数据,常用的请求数据的方法

2023-07-17 18:20:04 1455 1

原创 react组件的子组件向父组件传递参数(子传父)

介绍了react组件的子传父的实现方法 。通过自定义事件的方式将子组件的数据传递给父组件。

2023-07-17 15:41:30 2468 1

原创 懒加载与预加载

前端性能优化,懒加载、预加载、懒加载与预加载的方法

2023-07-15 14:35:55 422 1

原创 SEO优化

SEO优化,url优化,title优化,语义化优化,图片的alt属性优化

2023-07-15 11:17:32 70 2

空空如也

空空如也

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

TA关注的人

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