自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Uncaught TypeError: Cannot read properties of undefined (reading ‘remove‘)

在Vue 3中,你可能会遇到“Uncaught TypeError: Cannot read properties of undefined (reading 'remove')”这样的错误,这通常是因为在组件销毁时,尝试访问已经被销毁的元素或事件监听器。如果你的问题仍然存在,你可以尝试在组件销毁时手动清除一些可能导致问题的操作,比如清除定时器、移除其他事件监听器等。指令来在组件销毁时将元素从DOM中移除,这样可以确保在组件销毁时不会出现访问已经被销毁的元素的情况。

2024-01-14 20:10:20 882

原创 Command `run-android` unrecognized. Make sure that you have run `npm install` and that you are insid

只需要npm install就可以正常运行了。其实他已经告诉你该做什么了。

2024-01-04 15:50:54 435

原创 ‘react-native‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

原因:没有下载react-native。解决下载react-native。

2024-01-04 12:00:43 699

原创 node如何降低版本

安装指定版本 我使用的是16.20.0,使用 nvm install 16.20.0(不能使用 nvm i 16.20.0)安装nodejs版本 nvm ls available(查看所有版本)安装完成之后通过nvm use 16.20.0使用就可以了。首先查看当前版本nvm -v。

2023-12-30 10:45:37 490

原创 如何在前端展示本地图片或视频

然后再看一下我们所写的代码。首先我们先来看一下报错。

2023-12-21 09:35:37 454

原创 在vue项目中,数据已经在页面渲染,但在后续操作时获取不到数据

如下图。

2023-12-14 10:59:57 565

原创 GoEasy使用手册

在应用中配置(在src中的main.js中配置将appkey替换为自己的common key)就可以使用啦。在自己的框架中使用(以vue为例)添加应用名称,其余默认,点击确定。复制Common Key。

2023-12-11 15:54:45 659

原创 在goeasy中出现code:401,content:Unauthorized

解决方法:重新下载最新版本goeasy。出现这个问题大概率是版本问题。

2023-12-11 15:42:25 401

原创 px to rem & rpx & vw cssrem 设置

第一步第二步第三步。

2023-12-04 13:34:37 761

原创 An error occurred while loading instance info: Invalid UTF-8 string in BSON document

可能是mongodb的版本问题,最新的mongodb compass需要mongodb的版本需要大于等于3.6。下载旧版本的compass就可以解决了。

2023-12-02 10:30:25 887

原创 error vite@5.0.2: The engine “node“ is incompatible with this module. Expected version “^18.0.0 || >

在使用yarn搭建vue3项目时,一直报这个错误,切换到预期的node版本也是同样错误。方法一:忽略引擎版本的检查(推荐)方法二:卸载重装规定版本。

2023-11-23 15:20:16 1522

原创 微信小程序开发者工具] ? Enable IDE Service (y/N) ESC[27DESC[27C

打开微信小程序开发者工具打开设置--->安全设置--->服务器端口选择打开就可以啦。在HBuilder运行微信小程序开发者工具报错。

2023-11-22 14:21:01 963

原创 error: failed to push some refs to ‘gitee.com:see-wen/Quack-buying.git‘hint:如何解决

首先看报错解决方法基底合并再次推送就好啦。

2023-11-20 00:39:22 45

原创 如何使用Echarts

【代码】如何使用Echarts。

2023-11-14 14:09:57 106

原创 微信开发者工具如何使用

微信公众平台 (qq.com)

2023-11-13 16:09:00 235 2

原创 在vue3中如何使用less和sass

首先是下载less或sass。在vue组件中导入就可以啦。

2023-11-12 20:04:28 349

原创 在vue3中使用Element-plus的图标

Icon 图标 | Element Plus (element-plus.org)在main.ts中引入Element-Plus-icon。第二种通过icon="el-icon-plus"Element-Plus-icon官方文档链接。首先安装Element-Plus-icon。第一种直接点击图标复制<el-icon>

2023-11-12 19:59:21 2589

原创 git命令大全(附使用步骤+注释)

git pull --rebase origin “分支名”拉取最新的分支源头并且合并基底。git push -u origin "分支名"第一次进行远程提交命令 后面是分支的名称。git checkout -b dev #新建一个dev分支,并切换到该分支。git remote add origin "链接"本地仓库连接远程仓库。git commit -m "提交记录"方法一:git switch dev。方法二:git checkout dev。git add . #全部提交。

2023-11-08 15:57:49 634 1

原创 如何创建和搭建Vue3+typescript

【代码】如何创建和搭建Vue3+typescript。

2023-11-06 10:25:21 108

原创 Vue2和Vue3的区别

引入了全局 API 的重命名,例如 Vue.component 改为 app.component,Vue.filter 改为 app.config.globalProperties.$filters 等。Vue 3 引入了 Teleport,这是一个新的组件,可以将子组件的内容渲染到 DOM 树中的任何位置,而不受父组件的限制。Vue 3 是对 Vue.js 框架的重大更新,与 Vue 2 相比,它引入了一些重要的改变和新特性。可以将组件的模板内容渲染到其他组件之外的 DOM 元素中,提供更大的灵活性。

2023-11-05 18:39:08 276

原创 umi引用Echarts报错Error: Initialize failed: invalid dom.

【代码】umi引用Echarts报错Error: Initialize failed: invalid dom.

2023-10-31 09:46:07 228

原创 umi和react中如何使用Echarts

1.首先是下载echarts和echarts-for-react。2.去官网中查找需要的图表。

2023-10-31 09:27:45 274

原创 如何生成二维码

组件放置在您的页面或路由中,您就可以在页面上看到生成的二维码了。2.在需要生成二维码的页面或组件中,引入。1.首先是安装qrcode.react库。3.在您的页面或路由中使用。

2023-10-29 20:28:24 232

原创 AssertionError[ERR ASSERTION]:filePath notfound of D: /five/项日 /qd/node modules/@umijs/runtime

在umi中删除node_modules和.umi文件重新yarn或npm i。yarn和npm不能同时使用。

2023-10-24 16:18:35 592 1

原创 git pull 报错 error: The following untracked working tree files would be overwritten by merge 解决

git pull origin master 时提示错误。x-----删除忽略文件已经对git来说不识别的文件。d -----删除未被添加到git的路径中的文件。f -----强制运行。

2023-10-23 10:17:24 1380

原创 调用摄像头拍照并保存到后端数据库(最新)

【代码】调用摄像头拍照并保存到后端数据库。

2023-09-25 19:33:23 297 1

原创 在使用redux过程中,如何防止定义的action-type的常量重复?

在 Redux 中,可以使用不同的方式来避免定义的 action type 常量重复。

2023-09-21 14:13:01 139

原创 事件循环event loop的理解

任务在主线程不断进栈出栈的一个循环过程。任务会在将要执行时进入主线程,在执行完毕后会退出主线程。宏任务的时间粒度比较大,执行的时间间隔是不能精确控制的,对一些高实时性的需求就不太符合。微任务一个需要异步执行的函数,执行时机是在主函数执行结束之后、当前宏任务结束之前。异步任务:异步执行的任务,比如ajax网络请求,setTimeout定时函数等。同步任务:立即执行的任务,同步任务一般会直接进入到主线程中执行。在JavaScript中,所有的任务都可以分为。异步任务还可以细分为微任务与宏任务。

2023-09-20 21:01:53 111

原创 强缓存和协商缓存

协商缓存是指浏览器在发出请求时,携带上次请求返回的响应头中的Last-Modified或者ETag字段,由服务器根据这些字段判断资源是否过期。如果资源没有发生变化,则服务器返回304状态码,告诉浏览器继续使用缓存中的资源;协商缓存相对于强缓存来说,提供了更精确的缓存控制,因为它不仅仅依赖于时间,还考虑到了资源内容的变化。:强缓存指的是在浏览器向服务器发送请求之前,直接从本地缓存中获取资源,而不去服务器验证资源是否过期。强缓存的判断依据是缓存响应头中的 Cache-Control 和 Expires 字段。

2023-09-19 09:35:19 151

原创 前端跨域的解决方案?

在前端领域中,跨域是指浏览器允许向服务器发送跨域请求,从而克服Ajax只能同源使用的限制。同源策略是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSFR等攻击。所谓同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。同源策略限制以下几种行为:Cookie、LocalStorage 和 IndexDB 无法读取DOM和JS对象无法获得AJAX 请求不能发送。

2023-09-13 14:04:28 181

原创 js、react、umi移动端适配

【代码】js、react、umi移动端适配。

2023-09-11 19:20:02 177

原创 移动端1像素的解决方案?

2.使用伪类和transform进行缩放:通过使用CSS的伪类选择器和transform属性,可以将1像素的线条或边框进行缩放,使其在高分辨率屏幕下显示更加细腻。1.使用媒体查询和CSS缩放:通过媒体查询检测设备像素比(device pixel ratio)例如@media query and CSS scaling,然后将1像素的线条或边框进行缩放,使其在高分辨率屏幕下显示更加精细。在移动端开发中,1像素的解决方案通常用于解决在高分辨率屏幕下,线条或边框显示过粗的问题。

2023-09-11 11:51:45 322

原创 CDN的特点及意义?

加速网页加载:通过将静态资源(如图片、JS、CSS 文件等)缓存在全球各地的服务器上,用户可以从距离最近的服务器获取这些内容,减少网络延迟和带宽消耗,加速网页加载速度。提高可用性和可靠性:CDN 利用多个服务器进行内容分发,当某个服务器不可用时,可以自动切换到其他可用的服务器,提高网站的可用性和可靠性。节省源站带宽消耗:CDN 可以缓存和处理部分请求,减少对源站的直接请求,从而减少源站的带宽消耗,降低了服务器的压力。

2023-09-08 17:29:29 119

原创 redux中同步action与异步action的区别

同步 action 和异步 action 的最大区别是,同步 action 是立即返回一个对象,而异步 action 是返回一个函数或使用了 middleware 处理后的结果。通过返回一个函数或使用了 middleware 处理后的结果来描述一个异步操作。这个函数可以执行一些异步的操作,如网络请求,然后在适当的时机派发真正的同步 action。通过派发一个简单的对象来描述一个动作。例如,返回一个包含 type 和 payload 的对象,表示对应的动作。

2023-09-08 17:24:11 67

原创 react中间件实现原理及异步操作

Redux 中间件是一个位于 action 和 reducer 之间的拦截器,它可以拦截到发起的异步操作,并在适当的时机派发相应的 action。使得 action 可以是一个函数,这个函数会接收 dispatch 和 getState 作为参数,可以在函数中进行异步操作,并在适当的时机派发真正的 action。Redux 中间件的实现原理是利用函数柯里化和闭包的特性,在传入的 action 函数中执行异步操作,并在合适的时机派发真正的 action。

2023-09-08 17:22:42 121 1

原创 react的props.children使用map函数来遍历会收到异常显示,应该如何遍历?

当使用 React 的 props.children 使用 map 函数遍历时,可能会收到异常显示,原因是 props.children 是一个不可变的对象,不能直接对其数组进行 map 操作。

2023-09-08 17:20:42 90 1

原创 对fiber架构的理解?解决了什么问题?

Fiber架构的主要思想是将组件的渲染工作划分为多个小任务,并通过优先级调度和可中断、恢复的方式,使得浏览器在执行这些任务时具有更好的反应能力,避免了长时间阻塞主线程。传统的React渲染机制是基于递归的,当应用程序需要渲染一个组件时,会从顶层组件开始逐级向下进行递归渲染,这种递归渲染方式可能会导致主线程被长时间占用,无法响应其他的用户交互事件,造成页面卡顿。3.可中断、恢复的机制:Fiber架构允许React在执行渲染任务时进行中断,并在有空闲时间时恢复任务,使得渲染过程可以更好地适应浏览器的调度。

2023-09-07 09:15:30 444 1

原创 对@reduxjs/toolkit的理解?和react-redux有什么区别?

reduxjs/toolkit是Redux官方提供的一个官方工具包,旨在简化和改进使用Redux的开发流程。它提供了一系列功能和工具,可以更轻松地定义Redux的状态管理和操作逻辑。

2023-09-07 09:12:49 112 1

原创 用css写一个三角形

【代码】用css写一个三角形。

2023-09-07 09:10:13 37 1

原创 React事件机制

React 自身实现了一套事件冒泡机制,所以这也就是为什么我们 event.stopPropagation()无效的原因。React 通过队列的形式,从触发的组件向父组件回溯,然后调用他们 JSX 中定义的 callback。React 上注册的事件最终会绑定在document这个 DOM 上,而不是 React 组件对应的。DOM(减少内存开销就是因为所有的事件都绑定在 document 上,其他节点没有绑定事件)React 有一套自己的合成事件 SyntheticEvent。

2023-09-06 08:49:47 107 1

空空如也

空空如也

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

TA关注的人

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