自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js中的循环

循环是编程中一个非常重要的概念,它可以让程序根据一定的条件重复执行某段代码。在 JavaScript 中,我们可以使用多种不同的循环结构来实现这个功能。

2023-05-30 21:41:15 521

原创 项目中时间处理

前端时间处理的公共方法

2023-05-28 22:57:54 129 1

原创 flex布局详解

Flexbox的核心思想是让容器具有弹性,并且可调整子元素的宽度、高度、顺序和对齐方式等属性,从而实现灵活的布局。

2023-05-17 20:59:31 184 1

原创 BFC 块级格式化上下文

BFC(块级格式化上下文)是CSS中重要的概念之一,它可以影响到元素布局和渲染。在本文中,我们将深入探讨BFC的相关知识,包括什么是BFC、BFC的触发条件、BFC的作用以及如何利用BFC解决一些常见的布局问题等。BFC全称为“块级格式化上下文”,它是一个独立的渲染区域,主要用于控制块元素的布局和浮动元素的影响。每个BFC都有自己的渲染规则,不会受到外部影响,并且内部元素也不会影响到外部元素。在上面的代码中,将容器元素设置为BFC,使用overflow属性来触发BFC。二、BFC的触发条件。

2023-05-15 23:05:13 455 2

原创 盒模型分类

CSS中的盒模型是用来描述 HTML 元素布局的一种模型。在CSS中,每个元素被看作是一个矩形的盒子,这个盒子由外边距、边框、内边距和内容区域组成。盒模型分为标准盒模型和怪异盒模型。通过 CSS 盒模型可以控制元素的尺寸和布局,特别是在响应式设计中非常有用。

2023-05-14 22:19:40 42

原创 ref 在 React 中的使用方法和说明

无论我们是在类组件中还是函数式组件中,都可以通过方法、回调函数或useRef()钩子来创建 Ref,以便在需要时引用元素或组件实例。需要注意的是,在使用 Ref 时应该避免过度使用 Ref,它们可能会使代码变得更加复杂和难以理解。如果可以使用其他方式来处理特定情况下的 DOM 操作,那么最好避免使用 Ref。

2023-03-22 09:00:00 435

原创 使用div+span完成横向的时间轴样式编写

工作中需要使用的话可以直接把代码拿下来然后根据自己的需要进行微调就可以了,当前这套样式完全可以实现横向时间轴的编写。.span这个css样式是定义时间轴节点上的数字样式;.timeline这个css样式是定义时间轴的样式;.node这个css样式是定义时间轴节点的样式;

2023-03-21 23:52:52 651

原创 chatGPT写的axios请求封装

4. 在新建的axios实例中可以设置一些默认值,例如baseURL和timeout等。其中,baseURL是我们请求的基础路径,timeout是我们设置的请求超时时间。同时,我们可以通过拦截器对请求和响应进行处理,使得代码结构更加清晰,逻辑更加严谨。在请求拦截器中,我们可以在请求发送之前设置一些参数,例如请求头信息、Token等,以及格式化请求参数。在响应拦截器中,我们可以对响应数据进行一些处理,例如格式化响应数据、统一处理异常等。在这个例子中,我们使用request这个实例来向服务器发出登录请求。

2023-03-16 22:39:17 487

原创 js中var、let和const

1.var首先var是一个关键字,是用来声明变量的!声明变量有两种方式:1.var a = 1;这里如果是在全局中声明的是一个全局变量,如果是在function中声明的变量就是一个局部变量;2.a = 1;这里实际上不能算是声明变量,只能算是给一个属性进行赋值,相当于是给全局添加了一个属性。这里两种方式的区别:前者是声明的一个变量,而后者仅仅只是添加一个属性。前者因为是一个变量不能直接删除,而后者是 可以被删除的。var声明变量了方式是:首先定义一个变量,var a;在给变量a赋值1

2022-03-11 01:58:49 102

空空如也

空空如也

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

TA关注的人

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