自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

翻译 前端常用命名

table,chart, graph, diagram: 表格,图表,曲线图,图表。uppercase/lowercase: 大/小写。repo(repository): 仓库;segment/fragment: 片段、碎片。env(envirnment): 环境。ref(reference): 引用。res(response): 响应。production: 线上;modifier: 修饰字;explicit: 显示的;implicit: 含蓄的;effect: 影响;primary: 原始的,第一的。

2022-12-12 15:19:23 1103 1

原创 react发送验证码案例

但是在这个这个定时器中 setVCodeTime(VCodeTime - 1);这段代码只会被执行一次,在定时器中log也是最初始的数据,没有按想法逐次递减,其中的原因不是特别理解我只能写出解决方案。在这个点击后的sendCode函数中,控制发送验证码按钮被点击之后为禁止再次点击,会进入倒计时状态等待计时结束再将按钮状态改为可以点击,就是在这个sendCode函数中生命一个变量,然后在定时器中通过 -- 进行累减在set就可以达到效果了。

2022-11-23 14:23:03 628

原创 简单的模糊搜索案例

此案例是一个简单的模糊搜索功能,记录的点是怎么保持原数组不改变。这个demo也是我在学习的过程中看到的,进行一次记录学习,小伙伴们可以自己试一下。

2022-11-14 11:25:26 3472

原创 react移动端rem适配

【代码】react移动端rem适配。

2022-10-23 10:01:43 823

原创 前端面试题-对象的排序

以下是一个考试成绩的对象,每个人有两次的考试机会需要返回考生考试最高分的那个。思路是先对对象进行自定义排序,在进行一个去重。

2022-10-21 15:03:49 154

原创 react项目通过@符号引入组件

在react项目中有很多组件如果通过 . . / 的方式来引入的话如果迁移组件位置就需要更难改,那么我们就可以通过@ 来引入组件。

2022-08-24 15:24:38 774

转载 对于树的扁平化与反扁平化处理

扁平数据转tree与tree数据扁平化

2022-07-28 16:21:55 125

原创 React新版取消了withRouter高阶组件之后如何处理history丢失的问题

非路由组件中的history属性丢失,无法编程跳转,在之前使用的是withRouter高阶组件,最新React-dom取消了。

2022-07-27 15:47:40 623

原创 React路由懒加载

组册路由组件需要通过Suspense组件包裹,并通过fallback来制定让页面加载过慢时的展示组件。通过lazy来实现效果首先是引入。

2022-07-18 17:11:50 454

原创 BrowserRouter 与 HashRouter的区别

BrowserRouter使用的是h5的historyAPI,不兼容IE9及以下版本。BrowserRouter没有任何影响,因为state保存在history对象中。HashRouter刷新后会导致路由state参数丢失。BrowserRouter的路径中没有#,HashRouter使用的是URl哈希值。HashRouter的路径中存在#...

2022-07-18 15:38:03 302

原创 React路由传参的几种方式

react路由传参的三种方法

2022-07-17 00:16:52 190

原创 React hooks

作用:useState是react自带的一个hook函数,它的作用就是用来声明状态变量。参数:useState这个函数接收的参数是我们的状态初始值(initial state),它返回了一个数组,这个数组的第[0]项是当前当前的状态值,第[1]项是可以改变状态值的方法函数。语法: 使用:读取状态 {count} ,更改状态setCount(count + 1 )作用:能够代替componentDidMount,componentDidUpdate和componentWillUnmount这三个生命周期

2022-07-04 17:57:26 118

转载 React项目中如何解决跨域

方案一:react简单解决跨域可以直接在 中添加 属性方案二(推荐):安装 :这里注意,http-proxy-middleware 模块是有版本区别的,默认安装最新版本,然后在 src 目录下新建 : 重新 即可解决跨域.........

2022-06-24 15:54:52 1115

原创 axios的请求方式

get请求axios.get('http://127.0.0.1:8000/axios' , { //url 参数 params:{ id:1 }, //请求头信息 headers:{ name:'XX', age:20 } })post请求 axios.post('http://127.0.0.1:8000/axios'

2022-05-24 15:58:43 122

原创 AJAX基本操作

btn.onclick = function(){ //1.创建对象 const xhr = new XMLHttpRequest(); //2.初始化 设置请求方法和 url xhr.open('GET', 'http://127.0.0.1:8000/server'); //3.发送 xhr.send...

2022-05-06 17:53:02 53

原创 React不用less 解决样式冲突问题

当两个组件中的 ClassName 名称相同时 在组件引入的时候就会发生后引入的组件样式会覆盖之前引入的组件样式这里讲的是不通过 less 去解决,用于记录一下。如图:当两个组件的 className 都为 title时此时位Body组件后引入背景色为绿色当Hand 组件后引入是背景色为红色解决方案1.将原本的 index.css 文件改为 index.module.css 文件2. 引入的方式由 import './index....

2022-03-18 18:26:51 1183

原创 React中关于getSnapshotBeforeUpdate 这个生命周期的使用场景

本文用于自己记录学习,可能会有点难读懂请大家谅解getSnapshotBeforeUpdate() 方法在最近一次渲染输出(提交到 DOM 节点)之前调用案例一:每一秒钟都会在页面的顶部增加一个 <li > 日志信息</li>需求 :我们默认滚动条在顶部实时能够看到新增加的数据,但是当我们想再次观看过往的旧数据是就会被新增加对的数据挤下去,需要固定窗口,当滚动条再次回到顶部是再次实时能够看到新的数据。class Lift extends Compon

2022-03-08 14:06:15 903

原创 关于CSDN代码段的背景颜色修改

当我第一次去在CSDN中写代码时会发现自己的是用的‘代码段’是如图下所示这种黑色的背景那么自己想要去修改因该如何设置1 .鼠标悬停到头像上2 .点击内容管理标签3 .点击博客设置4 .在代码片样式中选择自己喜欢的样式就可以了...

2022-02-25 11:42:57 1845

原创 如何把dev分支的代码合并到master主分支上

流程如下:一、将分支切换到dev搭讪

2022-02-25 11:22:05 632

原创 vue项目push 遇到send-pack: unexpected disconnect while reading sideband packetclient_loop: send disconn

在github中 尝试push 的时候报错解决方案是参考macOS 进行 git clone 时报错 fetch-pack: unexpected disconnect while reading sideband packet - CuriousZero - 博客园首先关闭 core.compressiongit config --global core.compression 0然后使用depth这个指令来下载最近一次提交git clone --depth 1 <rep.

2022-02-11 14:51:18 2797

空空如也

空空如也

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

TA关注的人

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