自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git报错:无法读取远程分支 ‘origin‘ does not appear to be a git repository

push上传的时候本地分支和远程分支断开连接 所以重新链接即可。c. 检查分支是否正确,切到对应分支push即可。1. 查看是否有分支,检查分支是否正确。2. 查看连接是否断开,断开无内容展示。查看远程仓库详细信息,可看到仓库地址。b. 检查远程仓库是否是对应地址。d.提交信息到master仓库。a.重新添加远程仓库地址。a.查看仓库信息是否正确。c.重新添加远程仓库。

2024-09-19 15:33:53 699

原创 vue 中属性值上变量和字符串怎么拼接

在Vue 3中,可以使用模板字面量(template literals)或者表达式绑定(directives)来实现属性值上变量和字符串的拼接。的值将会是拼接后的字符串,例如。1.使用模板字面量(反引号。2.使用表达式绑定(使用。例如,假设你有一个变量。

2024-09-19 08:43:08 1143

原创 vue 给循环列表的选中项加样式

你可以维护一个数据属性来记录选中的项,并根据这个属性来给不同的项添加特定的类名。在Vue 3中,给循环列表中的选中项加样式可以通过使用。,每个列表项都可以被点击,点击后会调用。类包含了我们想要添加到选中项的样式。在这个例子中,我们有一个循环的列表项。类就会被添加到该项的元素上。方法,并将当前项设置为。

2024-09-19 08:03:36 536

原创 vue 控制组件是否显示

2.v-show:通过改变CSS的display属性来控制元素的显示和隐藏。:条件性地渲染元素,如果条件为假,元素甚至不会被渲染到DOM中。在Vue中,控制组件的显示通常使用。

2024-09-09 08:44:40 698

原创 JavaScript 根据关键字匹配数组项

该函数接受一个数组和一个关键字,然后返回一个新数组,其中包含与关键字匹配的所有项。属性是否包含关键字。返回的结果是一个新数组,其中包含所有匹配的项。要在JavaScript数组中根据关键字匹配项,可以使用。方法结合一个测试函数。以下是一个示例代码,定义了一个函数。方法来遍历数组,并使用。

2024-09-08 07:24:57 577

原创 vue 中使用 v-for 循环遍历对象并展示在模版中

在Vue中,你可以使用。创建了一个循环,遍历。确保了每个节点的key是唯一的,这对于Vue的渲染系统来说是必须的。指令来循环遍历对象属性,并将其显示在模板中。

2024-09-06 05:25:08 676

原创 js 对象中增加新的键值对

如果你想在对象中添加新的键值对,可以直接使用点符号或者方括号语法。对象添加了新的键值对。首先,我们使用点符号添加了。键,然后使用方括号语法添加了。来一次性添加多个键值对。在这个例子中,我们向。

2024-09-06 05:20:12 661

原创 js 获取对象数组中某个属性值的集合

数组中的每个对象,并返回一个新数组,该数组只包含每个对象的'name'属性值。要获取JavaScript对象数组中某个属性的所有值,可以使用。

2024-09-06 05:10:18 569

原创 js 获取数组中最大值

这些方法都可以有效地获取数组中的最大值,你可以根据具体的场景选择其中一个最适合的方法来使用。方法三:使用Math.max()和apply()方法一:使用Math.max()函数。方法二:使用reduce()函数。方法四:使用for循环。

2024-09-06 05:08:21 353

原创 通过 js 把 string 数组转 number 数组

请注意,如果数组中的某些字符串无法转换为数字(例如包含非数字字符),使用。要将JavaScript中的字符串数组转换为数字数组,可以使用。如果你确认字符串数组中的所有元素都能成功转换为数字,也可以使用。如果这种情况是不期望的,你可能需要在。回调中添加额外的检查来处理这种情况。

2024-09-06 04:56:06 383

原创 vue3 通过 绑定 ref 重置 DOM

来创建一个对DOM元素的引用,然后通过访问这个引用来操作DOM。引用的DOM元素内容重置为'这是重置后的内容'。的方法,当按钮被点击时,这个方法会被调用,并将。以下是一个简单的例子,展示了如何通过。来重置DOM元素,你可以在组件的。在这个例子中,我们创建了一个。函数中,我们定义了一个名为。在Vue 3中,可以使用。包导入,并在模板中使用。为它绑定了一个引用。属性绑定DOM元素。

2024-09-06 04:39:14 599

原创 在 flex 布局中,给单个子元素设置单独的对齐方式

可以将子元素的 margin-left 设置为 auto。将一个子元素的 margin-left 设置为 auto 时,该元素将被推到容器的最右边,同时保持其他元素的左对齐。这是因为在 Flex 布局中,剩余的可用空间会平均地分配给所有子元素,而将一个子元素的 margin-left 设置为 auto 可以使该元素占据剩余的空间。

2024-09-02 13:16:51 627

原创 git 报错:Failed to connect to 127.0.0.1 port 15732 after 3 ms: Couldn‘t connect to server

致命错误:无法访问 'http://xxxxxx':Failed to connect to 127.0.0.1 port 15732 after 3 ms: Couldn't connect to server。关于使用Git出现“git Failed to connect to 127.0.0.1 port xxxx: Connection refused”的问题解决方案。原因:无法连接到127.0.0.1: xxx端口: 连接被拒绝。查询当前是否有代理,如果有就取消。

2024-09-02 13:08:12 694

原创 重置服务器之后 SSH 登录报错:REMOTE HOST IDENTIFICATION HAS CHANGED!

报错是由于远程的主机的公钥发生了变化导致的。ssh服务是通过公钥和私钥来进行连接的,它会把每个曾经访问过计算机或服务器的公钥(public key),记录在~/.ssh/known_hosts 中,当下次访问曾经访问过的计算机或服务器时,ssh就会核对公钥,如果和上次记录的不同,OpenSSH会发出警告。

2024-05-22 06:42:39 617

原创 报错记录 Client does not support authentication protocol requested by server; consider upgrading MySQL

出现这个报错之后,根据报错进行搜索,看到很多解决办法,但感觉跟我遇到的情况无关,因为我之前用相同的配置在别的项目是运行成功的。如果你遇到这个问题,可以先检查下数据库配置信息,填写的是否正确。最终找到原因:是因为我数据库配置信息写错了 - -!

2024-03-12 22:42:56 449

原创 浏览器进入 paused in debugger 状态解决办法

我是按照上面的依次检查了一遍,取消了勾选的选项,再刷新页面就不会进入到 paused in debugger 状态了。第二步,查看红色方框内是否有勾选框,有的话就点击取消,我的是在breakoptions下又有一个,点击取消。第一步,F12打开控制台的点击sources,查看红的方框内的两处是否为蓝色,如果是,点击他让它变为灰色。先发一下原文地址,再转发下具体操作,记录一下。不知道点了哪里就进入到了调试状态,每次进入页面都会暂停。

2024-03-05 20:35:12 3805

原创 报错解决:ResizeObserver loop completed with undelivered notifications

切换路由的时候,会报上面的错误。看了些文章说是因为 element-plus 的 el-table引起的,我正好也用了。中加入以下这段代码即可解决:app.vue写在script里面 main.js写在app挂在完之后。

2024-02-29 14:15:14 12022 10

原创 nodejs向数据库插入多条数据

【代码】nodejs向数据库插入多条数据。

2024-02-26 20:57:23 1294

原创 查看端口占用和解除占用

我在启动 node 服务的时候,告诉我端口被占用了。是我在测试命令的时候,在后台运行导致的 Error: listen EADDRINUSE: address already in use :::3000

2024-02-23 10:38:29 671

原创 Vue 报错:Can‘t resolve ‘path‘ in xxxxx

Module not found: Error: Can't resolve 'path' in webpack < 5 used to include polyfills for node.js core modules by default.This is no longer the case. Verify if you need this module and configure a polyfill for it.path-browserify

2024-02-16 13:47:03 1845 1

原创 vue 3.0 使用element-plus按需导入方法和报错解决

TypeError: AutoImport is not a function ;TypeError: Components is not a function

2023-12-31 14:23:16 5860 16

原创 解决 Mac 电脑卸载vue/cli 失败的情况

执行之后,会让你输入本机密码,输入后就发现vue/cli版本已经卸载成功了,可以执行下面的命令来检查自己的vue是否已经真的卸载成功。会给出一个路径 /usr/local/bin/vue,这个路径就是存放vue文件的地方,我们进入bin这个文件目录下。但卸载之后,用 vue -V 查看版本,发现还在。先找到 vue/cli 在什么位置,在终端输入下面的命令。这样就卸载成功了,可以安装新的版本了。进入上面的目录后,执行。

2023-12-31 07:04:55 740

原创 报错:Cannot set headers after they are sent to the client

我遇到这个问题是因为,用户端发出一次请求,服务器给出了多次响应。就是我在后端代码里面写了 2 次 res.send,后面测试接口忘记删除了。删除之后,报错就没有了。

2023-12-30 20:49:40 461

原创 Mac系统卸载重装 postman 报错 Version mismatch detected

卸载postman又重装了别的版本,打开后遇到了这个报错,解决办法如下:

2023-12-13 13:51:56 1276 1

原创 Mac OS 系统如何访问Library目录

要到~/Library/Application Support这个目录下,找到软件的文件夹进行删除。但我找不到 Library文件夹,原因是Finder中这个~/Library文件夹默认是隐藏的,需要用特殊的办法才能显示。

2023-12-13 12:24:53 7770 1

原创 TypeError: Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘Element‘.

跟报错一起的还有个警告:[Vue warn]: Unhandled error during execution of mounted hook

2023-11-22 10:12:20 1391 1

原创 vue eslint报错Unexpected token import解决

遇到这个问题的时候,我对 eslint 还没有进行详细了解,这里就先不分析解决思路了,就先把我的配置代码放到这里,先记录一下。我这个配置是结合了 vue-cli 自动生成eslint 配置文件的基础上进行修改的。我是用vue-cli 搭建的 vue3 项目,初始化的时候就已经安装了babel-eslint。可以在 node-modules里面确认下是否安装了babel-eslint。2.修改 eslint 的配置文件.eslintrc.js。

2023-11-18 20:56:15 1108 1

原创 vue3报错The template root requires exactly one element

vue3 项目报错:The template root requires exactly one element,大概意思是模板根目录下只需要一个元素。根目录下只能有一个跟元素,是 Vue2的要求,Vue3 中已经去掉了这个限制。那么如何解决这个错误提示呢?

2023-11-18 16:28:38 3580 1

原创 警告:Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

大致翻译:如今,Sass使用复杂的启发式方法来判断a/应该被视为除法还是分隔符。随着越来越多的CSS功能,如CSS网格和新的rgb()和hsl()语法使用/作为分隔符,这对Sass用户来说越来越痛苦。因为Sass是一个CSS超集,所以我们通过将/重新定义为仅一个分隔符来匹配CSS的语法。/将被视为一种新型的列表分隔符,类似于今天的工作方式。我没有用 node-sass,用的是 sass。开始默认是安装最新的 sass 版本,后来降到了 sass@1.32.12 ,报错就没有了。

2023-11-18 15:36:23 5585 1

原创 Vue3使用 swiper 详细总结 填坑分享

使用 swiper 的时候,遇到了一些问题,通过这篇文章总结一下。报错:To install them, you can run: npm install --save swiper/css swiper/vue。左右切换按钮无效,分页Pagination不显示。vue单文件组件中无法修改swiper样式

2023-11-17 22:12:23 1631 1

原创 Vue配置路径别名之后不能跳转文件了

在我们的项目里面用aliases配置了路径别名之后 我们的vscode不能根据别名路径导入的包跳转文件了.所以我们还需要jsconfig.json的支持。

2023-11-17 07:08:02 655 2

原创 Vue-Cli3/4 路径别名配置和使用

在开发vue的项目中,我们肯定需要对路径进行配置,因为在各个文件中,导入文件什么的,使用./、和../这种格式的相对路径,就比较的烦,要对路径的结构相当的熟悉,而且难以维护。所以我们就要去设置别名(alias)

2023-11-16 19:51:14 803 1

原创 解决 vue 外部引入的 scss文件 不能使用嵌套写法的问题

我在 App.vue 里面引入的 scss 文件,但是 style 标签上没有使用 lang 属性,表明用的是 scss。这里要加上 lang="scss"。文件引入直接写路径就可以。我在 scss 文件中,写了一段嵌套样式,发现样式没有生效。审查元素发现 scss 没有被编译。

2023-11-11 18:53:00 609 2

原创 vue-cli3配置scss全局变量

想在vue项目中全局使用scss变量,方便使用和维护。首先要保证 scss 文件是可以正常编译的,再进行以下配置。

2023-11-08 22:29:10 621 1

原创 TypeError: this.getOptions is not a function 解决方法

例如,node-sass 版本为 ^4.0.0,表示 sass-loader 的版本应该为 ^8.0.0 或更高版本,但不包括 10.0.0 及以上版本。的版本过高或过低,与当前node版本不对应,不兼容 getOptions 函数方法,所以需要对 sass-loader 进行升级或降级处理。当我确定了 sass-loader 的版本之后,直接安装的 sass,默认最新版本,就没有报错,可以成功运行。也可以不用 node-sass 用 sass 代替,推荐大家去安装 sass,因为它对环境的依赖比较低。

2023-11-08 21:19:09 1391 1

原创 Vue3 router 项目路由配置

这里不写组件,写一个回调函数,回调函数之后可以执行 import 是一个方法,方法里面写组件的路径。注意:app.use(router) 需放在app.mount('#app')前面 不然加载时router-view、router-link等未被渲染,会报错。四个主页面是子路由,这样在父路由引入底部导航,子路由都可以显示。配置好后,在浏览器地址链接就有哈希 # 的 显示了,说明我们路由是配置成功了。不设置根目录,控制台会有警告,告诉我们没有配置默认的路由。给根目录配置默认展示内容,是首页的内容。

2023-11-04 20:40:34 427 1

原创 使用 nvm 对 node.js 进行版本切换

使用 nvm 对 node.js 进行版本切换

2023-10-29 07:42:12 303 1

原创 mac终端如何用 vim 修改文件和保存退出

mac终端如何用 vim 修改文件和保存退出

2023-10-29 06:55:29 8380 1

原创 Mac 下安装 nvm

nvm全称 Node Version Manager ,意思为node版本控制;它是一个命令行应用,可以快速地更新、安装、使用、卸载本机的全局 node.js 版本。他可以在同一台电脑上进行多个node版本之间的切换,而这正是nvm的价值所在。当你同时进行两个或多个node项目开发,并且这些项目的node版本不一样时,nvm可以很好的帮你管理pc上的node版本切换。

2023-10-29 06:22:02 653 1

原创 报错:Invalid options in vue.config.js: “plugins“ is not allowed

在使用 elemtent-plus 按需导入,配置 vue.config.js 文件时,报错: ERROR Invalid options in vue.config.js: "plugins" is not allowed。webpack 相关的配置需要写到 configureWebpack 里,不能直接写在外面。

2023-09-07 22:09:46 2992 1

空空如也

空空如也

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

TA关注的人

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