自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 非常强大的移动端调试神器-Eruda

之前有出过一篇在react项目中安装eruda的教程,此篇针对Vue项目,欢迎大家批评指正!

2024-04-28 16:57:10 26

原创 Vue2中返回页面,如何实现数据刷新

activated生命周期钩子主要用于处理 Vue.js 组件在被keep-alive包裹时的一些特定情况,会在组件被激活时调用;没有被包裹时,就不能使用。

2024-04-22 16:53:35 385

原创 报错TLS certificate verification has been disabled

在本地仓库的.git文件夹中找到config文件,使用编辑器打开,找到以下内容,如果再次发生报错,大概率你的sslVerify是false,下图是我已经修改的正确格式。拉取提交推送代码,出现报错TLS certificate verification has been disabled。将sslVerify修改为true后,再次进行拉取推送就可以正常使用了。找了很多博客,都提示在git bush直接使用命令。

2024-04-22 14:47:50 296

原创 console.log输出五彩斑斓的颜色

最经常使用它在控制台输出信息然后进行代码调试,会发现输出信息的颜色永远是黑色。本文教学如何用在控制台输出具有五彩斑斓颜色的信息。

2024-04-11 17:11:31 400

原创 chatGpt报错无法使用:Oops, an error occurred!

搜索并尝试了很多解决办法后,仍然无法正常使用;这种报错大概率是网络问题导致的,静等一段时间网络正常后即可正常使用。

2024-03-28 09:31:56 313

原创 获取1-10(1到10)数值[1,2,3,4,5,6,7,8,9,10]数组的三种简易方法

获取1-10(1到10)数值[1,2,3,4,5,6,7,8,9,10]数组的三种简易方法

2024-02-28 17:42:55 689

原创 Syntax Error: Error: Cannot find module ‘node-sass‘报错解决

1.将项目中的node_modules删除掉2.npminstall重新运行安装命令3.再npmrunserve(项目启动命令)启动项目即可

2024-02-26 17:58:14 626 1

原创 数组方法深入探究(1)--at&copyWithin

数组copyWithin方法(方法用于从数组的指定位置开始拷贝元素,并将其粘贴到同一数组中的另一个指定位置。它不会改变数组的长度,会改变原数组。特定场景下使用还是比较方便的,copyWithin相比较于at的使用频次可能较低一些,根据不同的业务需求进行应用。end(可选):停止复制元素的结束位置(不包含),默认为数组长度。start(可选):开始复制元素的起始位置,默认为 0。日常工作中仅仅使用到很常用的数组方法,其实数组方法是非常庞大的,后续探索更多方法!数组at方法(获取数组中特定位置的元素)

2024-02-21 18:17:23 436

原创 一些奇怪且好用的运算符~

除以 2 的幂:右移运算符可以用作将整数除以 2 的幂的快速方法。右移 'n' 位相当于除以 '2^n'。例如,“x >> 1”等效于“x / 2”,“x >> 2”等效于“x / 4”,依此类推。乘以 2 的幂:左移运算符通常用作将整数乘以 2 的幂的快速方法。向左移动“n”位相当于乘以“2^n”。例如,“x

2024-02-06 15:23:32 362

原创 every用于空数组返回true的探究

在 JavaScript 中,every是数组的一个方法,用于测试数组的所有元素是否都通过了指定函数的测试。every方法返回一个布尔值,表示数组中的所有元素是否都满足指定函数的条件。根据 ECMAScript 规范,every方法的定义是“如果数组中的每个元素都满足测试函数,则返回true;否则返回false在这个定义下,对于空数组,可以理解为“所有的元素都满足条件”(因为没有元素违反条件),基于上述观点空数组符合every的语义。

2024-02-05 11:39:27 321

原创 TS2528: A module cannot have multiple default exports.报错

TS2528: A module cannot have multiple default exports.报错的解决,在webstorm右下角找到TypeScript进行重启即可。

2024-01-31 14:08:07 846

原创 小米浏览器打开H5页面表格无法滑动,如何解决?

通过上述方式,发现是浏览器的问题后,针对性的寻找解决办法,也咨询过小米浏览器的官方,但还未得到官方答复,在搜集解决办法的时候,看到有学者阐述小米浏览器的左右上下滑动可能与H5页面的操作产生冲突,随即对浏览器的配置做了改变,确实能够解决问题。小米浏览器打开H5页面表格无法滑动,出现此问题时,第一时间怀疑是代码的css样式适配问题,也做了很多样式适配的尝试,最后测试均没有解决无法滑动的问题。

2024-01-24 09:30:03 552

原创 获取数组中的第一个、第二个、第三个......元素

探索新知识,共同进步!

2024-01-23 17:42:11 807

原创 解决报错:The public type Puppy must be defined in its own file

报错:The public type Puppy must be defined in its own file。新建文件名称与class名一致后运行正常。原因:class名要与文件名保持一致。

2024-01-18 09:32:35 337

原创 react15与react16的本质区别

React 15 和 React 16 在架构和一些核心特性上存在本质性的区别。

2024-01-17 15:41:33 1585

原创 如何在react中使用try?

点击按钮时,会调用 `handleButtonClick` 函数,在这个函数中,有一个 `try` 块包裹可能会抛出异常的代码,例如调用 `generateRandomNumber` 函数。1. 成功生成随机数:如果 `Math.random()` 返回的值大于等于 0.5,`generateRandomNumber` 函数将成功生成一个随机数,`try` 块中的代码将正常执行,`catch` 子句将不会执行。输出结果会显示成功生成的随机数。``` Random Number: ```

2024-01-17 15:06:14 631

原创 获取两个数组中相同的对象

在实际的项目中,经常会有两个数组获取交集的需求,可采用以下方法实现:方法一:使用filter和some方法。

2024-01-16 14:16:21 699 1

原创 解决ts报错:不能将类型“string | undefined”分配给类型“string”

检查当前属性是否在interface定义时,在后面添加了“?”,将此属性定义为了可选属性,解决报错可将此属性定位固定属性将问号去掉。确信这个字段100%出现,可以在属性后面添加感叹号“!”,强调这个字段一定存在,也可以解决报错。

2024-01-16 11:39:44 1965 1

原创 如何判断当前是安卓/IOS/H5/Web使用环境

在JavaScript中,navigator对象用于获取浏览器的相关信息。它提供了一系列属性和方法,可以帮助我们了解浏览器的品牌、版本、用户代理等信息。

2024-01-15 11:53:07 972 1

原创 git代码提交推送报错:remote: The project you were looking for could not be found的解决

表示你当前访问的远程git代码存储库不存在或者是你当前提交代码的用户账号密码错误。依照上述操作找到git链接修改账号密码正确后即可恢复正常!2.身份验证:git账号密码是否正确。1.检查git库的URL是否正确。

2024-01-13 16:59:44 701 1

原创 接口返回数据加密的情况下,如何解密

接口返回数据加密,看到数据的方法:①网络中找到对应接口CopyascURL(bash)②将copy内容中的x-aes-key删除掉③打开GitBash将内容粘贴运行就会显示解密的接口数据

2024-01-03 15:28:21 576 1

原创 空值合并运算符(??)

??是一个js逻辑操作符,当左侧的操作数为null或者undefined时,返回其右侧数,否则返回左侧数。

2024-01-03 11:45:08 409 1

原创 点击事件与键盘按键事件的监控

此方法在代码调试过程中对于事件触发寻找相关问题有帮助,可适度使用,其他也可采用常用的断点进行解决。#控制台输入对应的监控,事件触发时会自动在控制台输出。// 监控文档body上的键盘按键事件。// 监控窗口内的点击事件。

2024-01-03 09:16:59 305 1

原创 useState为什么是异步更新,如何变为同步更新

调用 `useState` 的更新函数时,React 不会立即更新状态值,而是将更新请求放入一个队列中。在本次事件循环结束时,React 会批量处理队列中的所有状态更新,并触发重新渲染。这种批处理机制有助于提高性能,避免不必要的重复渲染。

2023-12-29 11:01:15 1442 1

原创 获取小时、分钟的数组算法

【代码】获取小时、分钟的数组算法。

2023-12-29 10:30:04 343 1

原创 react.memo:react的性能优化

React.memo是 React 提供的一个高阶组件,用于性能优化。它类似于类组件中的,但适用于函数组件。React.memo可以避免不必要的组件重新渲染,提高性能。在上面的示例中,Component是一个简单的函数组件,而是通过React.memo包装的组件。当中的状态更新时,Component会被重新渲染,但由于被React.memo包装,只有在name发生变化时才会重新渲染。通过使用React.memo。

2023-12-29 10:11:08 605 1

原创 dev与vite的优势,项目中该如何选择

Vite在开发体验和启动速度上有明显的优势,适用于一些中小型项目或追求快速开发的场景。 dev则是一个通用且稳定的开发服务器,适用于各种前端项目,尤其是大型项目和需要复杂配置的情况。

2023-12-28 15:42:08 430 1

原创 监听引用数据类型变化的方法

以下是搜集相关资料,感觉比较合适的解释(与堆栈相关):1、无法直接监听引用数据类型的变化与堆栈(Heap)的特性有关,具体来说,与对象的内存管理和引用传递有关。2、在 JavaScript 中,对象是分配在堆内存中的,而变量则存储对对象的引用。引用数据类型的变量实际上保存的是对象在堆内存中的地址。当我们通过变量访问对象时,实际上是通过引用到对象的地址来访问对象的内容。3、由于引用传递的特性,我们不能直接监听到对对象内部属性的修改,因为对象的引用未发生变化,只是指向的对象的内容发生了变化。

2023-12-28 09:32:16 315 1

原创 三目运算判断多个条件

最常用的三目运算是对两个条件进行判断,如果想进行2个以上条件的判断,应该如何编辑代码?三目运算的使用相比较于if判断会使代码更加简约,长期熟练使用也会更方便一些!

2023-12-27 17:26:32 540 1

原创 修改git提交代码用户名

git config --global user.email "xxxx.com邮箱"git config --global user.password "xxxxx密码"git config --global username "xxxx名称"查看态码: git config user.password。查看用户名 : git config user.name。查看邮箱: git config user.email。使用 git config --list 直看已设配置。

2023-12-27 11:23:45 550 1

原创 移动端打开控制台(调试神器)Eruda

erdua安装后即可直接使用,具体详情至开源地址。

2023-12-27 11:19:15 516 1

原创 Sourcetree提交代码报错subject may not be empty [subject-emptyl]

解决:Sourcetree提交代码时出现以上错误,找到项目.git文件夹中的COMMIT-EDITMSG文件使用记事本打开,在里面新增或删除空格,例如在fix:'后面新增或删除空格'(fix为代码提交备注的前缀)

2023-12-27 10:25:21 668 1

原创 解决项目启动中遇到not found或build failed

解决:重新反安装yarn或者cnpm install或者cnpm i或者npm install或者npm i,安装完成后再次启动项目即可。问题:Module not found: Can't resolve...或者Module build failed...

2023-12-26 14:31:30 427 1

原创 chatGpt无法对话解决

1、打开chatGpt对话网页右键→检查(或者直接F12)打开控制台。2、按下图找到对应窗口,点击箭头所指的按钮,清空当前存储。3、刷新页面,即可恢复到以往正常使用状态。

2023-12-26 11:02:06 1332 4

原创 chatGpt对话卡顿如何解决

新建一个栏目开启对话,即可正常使用。

2023-12-26 10:39:13 467 1

空空如也

空空如也

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

TA关注的人

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