- 博客(56)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 uniapp使用中出现的问题
uniapp使用中的问题 真机调试时，运行到手机， 手机显示‘本应用无法独立运行，需与HBuilderX搭配使用...
2023-01-27 21:17:19
765
原创 安装Vue脚手架3或更高版本之后还想使用Vue脚手架2创建项目、启动项目，如何让高版本@vue/cli也能使用低版本vue-cli的命令？
安装vue cli3或更高版本脚手架之后，如果仍然需要使用旧版本脚手架2的 功能，怎么办？这样也可以使用vue cli2的方式创建项目，并不会使更高版本的创建失效；这时候可以安装一个桥接工具。
2022-08-22 09:20:35
1031
原创 【解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation】
解决 vue-router 报错：Navigation cancelled from “/...“ to “/...“ with a new navigation_明天也要努力的博客-CSDN博客
2022-08-13 20:42:46
1924
转载 【js中的单元测试】【30秒快速入门】
什么是单元测试，单元测试是一种验证我们代码是否可以按预期工作的方法，换种说法就是写些代码来验证一段代码的正确性，被测试的对象可以是样式、功能、流程、组件等。单元测试是对软件中最小可测试单元进行检测和验证。单元测试能有效的提升工作效率：1.能监测出潜在的bug2. 能快速反馈功能的输出3. 能保证的安全性4. 能方便协同开发如何能写出最简单的单元测试代码？下面介绍两种简单单元测试。......
2022-08-10 22:02:19
1338
原创 vue中使用bus总线在非父子组件之间传值
原理：在Vue原型中 创建一个bus属性，让每一个组件（实例）都具有这个属性。使用bus总 线可以在 兄弟 父子 祖先和后代 组件之间传值。
2022-08-08 21:14:57
397
原创 【vscode代码片段增加和删除】
用户手动创建的代码片段分为两种类型，其一全局代码片段文件，此类文件作用于VSCode处理的所有项目，其二仅针对当前项目的代码片段文件。代码片段均在一个片段名称下定义，一个完整的代码片段分为四部分，分别是范围、前缀、正文和描述。如下图所示，开启VSCode的导航路径，根据路径找到代码片段文件所在位置，直接删除即可。如下图所示，从默认的代码片段列表中选择vue.json文件，在该文件中设置Vue的代码片段即可。项目开发中，存在很多重复代码，可将其抽取出来定义成自己的代码片段，提高编码效率，实现快捷开发。....
2022-08-06 10:03:23
3719
原创 十秒看懂computed和watch的区别 （vue的简单计算和复杂监听）
十秒看懂computed和watch的区别 （vue的简单计算和复杂监听）watch和计算属性区别： 1.watch 不产生新的属性，只是在原有的内容进行更改 computed 利用原本属性，产生一个新的属性 2. computed 用于基于原有数据，可以直接计算出来的内容 ，计算属性中通常写的都是简单的逻辑 一些基本的计算和对应的判定 watch 用于复杂逻辑 ，搜索！！ input框 值发送变化时，AJax请求 ，当数据变化 实现功.........
2022-08-04 09:58:46
316
原创 怎么使用宝塔面板把node全栈项目部署到服务器上
怎么使用宝塔面板把node全栈项目部署到服务器上 为什么要在购买的服务器平台上注册域名因为域名购买60天内进入“新手保护期”不得转出你要是在别的平台买了域名而且急着用，那么你会抓狂的要么等60天要么重新买。然后就可以把后端server目录传到服务器上了这里得是www/wwwroot这个目录下别瞎搞，如果点错了其它目录下整回来这个目录。备注这个3000是你自己设置的端口号，如果你设置888，那么你就要输入localhost888。这里的数据库名必须和后端数据库代码里面的一致不然连接不上数据库。........
2022-07-25 21:35:15
2241
1
原创 gitee中 怎么在处于某个分支的环境下 复制（上传）代码文件到另一个分支上
gitee中 怎么在处于某个分支的环境下 复制（上传）代码文件到另一个分支上 远程分支拉到本地仓库
2022-07-22 20:48:50
1303
原创 【Port 3000 is already in use，3000端口被占用问题解决方法】
Port 3000 is already in use，3000端口被占用问题解决方法
2022-07-16 16:34:36
5814
原创 $attrs is readonly $listenners is readonly 报错解决方法
$attrs is readonly $listenners is readonly 报错解决方法
2022-07-15 21:44:55
2052
原创 npm与node版本不匹配 更新了npm 结果报错node和npm不匹配 怎么退回之前的npm 版本？或者说怎么查看node适配的npm版本
官网可以查询对应版本：https://nodejs.org/zh-cn/download/releases/要么升级npm 要么降级node将npm切到最新版本： npm install -g npm 或 cnpm install -g npm将npm切到固定版本： npm install -g npm@5.6.0将node切换到某版本： 找到node官网下载的msi安装包。执行找到remove进行卸载。 然后去下载指定版本的包安装 如果执行以上方法有报错，升级npm不能兼容node版本：where
2022-07-14 17:21:48
6404
3
原创 vue 中 ref 、$refs 的用法
ref 的三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意： 1、ref 需要在dom渲染完成后才会有，在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用，或者在 this.$nextTick(()=>{}) 中调用。 2、如果ref 是循环
2022-07-14 09:09:49
429
原创 【git克隆指定分支代码 到本地】
使用git怎么克隆指定分支代码 在开发的过程中我们上传到 远程仓库的代码，其主分支一般是用来做项目上线的时候用的代码，我们在本地开发的代码一般情况下是以直接往主分支上面推送代码的，这时就需要我们创建自己的分支，在写完某个功能或一段代码后需要推送到远程仓库的时候将代码推送到分支上。后来如果有其他开发者想要参与到项目的开发工作中时，为了保证主分支代码不被搞乱这时就不能直接克隆主分支代码，需要克隆与主分支代码保持同步的一个分支代码，但是要怎么才能直接克隆指定分支代码呢？？下面就来看看克隆指定分支代码的相...
2022-07-13 15:47:15
6170
转载 Vue插槽的深度理解和使用
对于插槽的概念和使用，这是vue的一个难点，这需要我们静下心来，慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记，如有错误或者有不同见解的，欢迎留言，一起学习。插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。代码如下：1、在子组件中放一个占位符2、在父组件中给这个占位符填充内容3、展示效果：现在来看看，如果插槽中没有放入插...
2022-07-13 08:46:58
209
原创 vue 使用 ly-tab 报错
页面控制台报错，意思为 ：组件未注册解决方法 卸载 组件 重新安装低版本第一步 npm uninstall ly-tab 如果这样卸载报错 可以删了 node_modules文件夹 删了pakege.json中的 ly-tab 依赖信息 重新 npm i 安装依赖 然后执行下面这步第二步 npm install ly-tab@2.1.1...
2022-07-12 17:49:14
850
原创 创建vue项目选了 eslint检测 如何关闭它？
我们在开发vue项目的时候，创建的时候可能会不小心选择了eslint，这个检测规则对于新手来说，简直就是噩梦，会让你崩溃。所以如果不想让eslint检测，我们该怎么办呢？我总结了一些方法，针对不同的版本。比较旧一点的项目可能会有这样一个文件。有这个文件的话，就直接修改这个文件就可以解决 上图红框框部分，我项目中的文件内容是这样的，其他项目可能有别的一些内容，我们把框框中的内容注释掉或者去掉就可以了 @vue/standard这个注释掉就可以了这种情况我们项目的目录结构一般都会创建一个文件，我们操作这个文
2022-07-12 09:19:16
1939
原创 【解决：Please tell me who you are. Run git config --global user.email “you@example.com“ git config...】
项目提交中偶然遇到了这个问题（git commit 后出现的） 查找了很多方法，比如输入邮箱和用户名，结果都不行，又去改了控制台密码也不行。 最后终于找到一个可行方法–供参考 在项目文件中找到隐藏得.git文件，然后找到config文件，用编辑器打开，添加输入以下命令：这里的name可以自定义 随便填 ，但是也别太随便了，email 就是 gitee或者其他代码托管平台绑定的邮箱地址然后保存即可，运行commit 成功......
2022-07-11 17:06:42
955
原创 【解决windows系统下 git 里使用vue cli 创建项目上下箭头无效的三种解决方法】
关于windows 使用 Git Bash 上下箭头不生效有三种解决方法：① 使用数字键盘进行选择对应的选项值：你这里可以输入数字 2 ，然后回车，表示你要选择第 2 个。当然这不是我们最好的处理方式，如果好几个选项每次都要去数一下想要选择的为第几个不是很苦逼…② 使用命令行或者直接更改bash.bashrc第一种：使用命令行的方式创建项目工程，如： 之前你使用vue create hello-world 现在应该改成输入 winpty vue.cmd create hello-world，这样你的上下键就
2022-07-11 09:53:15
1216
原创 【CSS3 穿透属性：pointer-events （可穿透图层的鼠标事件）】
先说一下什么时候会用到这个属性，比如上方这个搜索框，搜索图标 使用的是绝对定位，它覆盖在了 父元素上面 ，现在用鼠标点击它 是无法点击到input框进行输入的，而我想实现一个功能：当我用鼠标点击 这个使用了绝对定位的搜索图标时，我想透过它 直接点击到后面的input框，这个时候只需要给 这个搜索图标设置 pointer-events：none； 让其鼠标事件失效，这样就能直接点击到后面的input框了关于这个属性的具体分析请往下看 直译为指针事件，该属性指定在什么情况下某个DOM可以成为鼠标事件的 t
2022-07-10 08:48:12
4940
转载 vue踩坑之vue项目运行卡在百分之几几几
今天遇到这样一个问题 ，npm run serve 后项目一直卡在38%，刚开始 我以为是依赖装的太多了 我先尝试卸载一些依赖axios 、vant 等 但是 结果运行后还是 卡在38%不动，后面搜到了这个方式解决了问题， 本想自己发篇文章的 想想直转载吧， 撒楞的，接下来请看下文今天晚上打着游戏，同事突然叫我拉项目下来运行，我打完就去拉代码了，结果vue项目运行卡在66%不动了，我也是百度一下分享别人怎么解决的文章给他，继续我的游戏！结果呢？游戏结束后，我拉代码，还是这个错！我也按照给他的文章
2022-07-07 21:04:58
2996
原创 【vue2项目安装引入vant项目无法启动报错解决】
vue2项目 误执行npm i vant@next -S项目报错不能启动解决：1、卸载该版本vant2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12重新运行 npm run serve/ npm run dev项目启动成功。
2022-07-07 17:12:18
1902
原创 【npm安装依赖报错： This is an error with npm itself. Please report this error at: npm ERR! 】
npm安装依赖报错： npm ERR! cb() never called! npm ERR! This is an error with npm itself. 一. 问题描述 用npm安装依赖时报错，如下： 二. 问题解决 这个问题困扰了我几天，网上答案五花八门，不过对我来说，那些方法都没有效果，记录一下我解决这个错误的步骤，如下：另外，使用这个方法的前提条件就是你的npm源可连接并且有权限获取到里代码里使用的包， 并且解决了之前的报错问题，如果没有有权限，请修改包版本或者修改npm源。这个步骤
2022-07-06 15:14:22
21187
2
原创 【30 道 Vue 面试题，内含详细讲解】
本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组织，建议读者按章节顺序进行阅读，当然大佬级别的请随意。希望读者读完本文，有一定的启发思考，也能对自己的 Vue 掌握程度有一定的认识，对缺漏之处进行弥补，对 Vue 有更好的掌握。文章最后一题，欢迎同学们积极回答，分享各自的经验 ~~~，汇总了作者的所有博客，也欢迎关注及 star ~...
2022-07-06 08:19:42
1801
转载 【vue解决v-for报错 [vue/valid-v-for]Custom elements in iteration require ‘v-bind:key‘ directives】
v-for报错 [vue/valid-v-for]Custom elements in iteration require ‘v-bind:key’ directives.eslint-plugin-vue 原因：这是因为安装的enlint插件，它会对代码的规范进行检查。我这里用到v-for，但它是需要key值的，当不根据它的代码规范来执行的时候，自然而然就报错了。 解决办法：根据需求，不需要的话去掉eslint 中的代码规范检查即可。 找到 文件->首选项->设置 里面输入：vetur validat
2022-06-23 13:41:06
6495
2
原创 函数声明和函数表达式的区别
定义一个函数有两种方法 ，一种是函数声明 另一种是函数表达式，大部分时候都使用的是函数声明来定义，那他两有啥区别呢？可以看到 使用函数声明方式进行函数定义 会将函数整体提升到执行上下文（作用域）的顶部，使其能被访问和调用1）使用let或者const： let 函数名=function（参数）{函数体} 使用let定义的变量在定义之前无法访问 会出现暂时性死区 ，这里就不多说了 2）var 函数名=function（参数）{函数体}可以看到 ，使用函数表达式进行函数定义 和使用v
2022-06-20 22:48:34
121
原创 前端200道面试题及答案（更新中）
目录html相关说一下对cookie和Storage(localStorage和sessionStorage) 的认识和区别？link和@import的区别浏览器如何实现不同标签页的通信？iframe的优缺点canvas做项目用到哪些h5新特性和css3新特性？用localstorage和sessionStorage写过什么？如何解决页面内容加载缓慢的问题？cookie的特点*页面渲染过程css相关javascript以及es6相关http相关浏览器bootstrapvue相关node相关微信小程序reac
2022-06-11 21:46:33
111824
10
转载 如何在谷歌中安装VUEX调试工具（谷歌浏览器中安装 vue调试工具 vue-devtools）
如何在谷歌中安装VUEX调试工具（谷歌浏览器中安装 vue调试工具 vue-devtools） 本次介绍了两种方法，第一种方法略微复杂，想追求效率的请查看第二种.如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue开发者.vue-devtools 开发工具能帮我查看当前组件的显示状态和 追踪vuex中数据状态 能帮我们的开发达到一个事半功倍的效果,无论你以后是测试数据还是检查BUG都会让你一目了然。首先先访问 git地址拿到源码 https://github.com/v
2022-06-10 15:41:21
4606
2
原创 typescript快速安装、配置并使用
本文介绍 TypeScript 环境的安装。我们需要使用到 npm 工具安装，如果你还不了解 npm，可以参考我们的NPM 使用介绍。如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装。使用国内镜像：安装 typescript：安装完成后我们可以使用 tsc 命令来执行 ......
2022-06-01 09:59:03
2989
1
原创 css默认定位、相对定位、绝对定位、粘性定位、固定定位及其特点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2022-05-31 13:45:22
609
原创 如何使用npm安装和使用sass和less
首先，需要电脑安装有node和git1，如何在npm安装和使用sass安装命令：npm I node-sass -g判断是否安装成功：node-sass -v将scss编译为css:例如： node-sass a.scss b.css为什么是scss而不是sass文件，因为scss是sass的升级版，创建sass文件时后缀为 .scss实时监听scss文件的变化： 例如：node-sass -...
2022-05-18 23:25:32
5882
原创 【利用CSS3的新属性box-sizing，解决div宽高设置100%后再设置padding或margin超出父元素的问题】
本文介绍的是利用CSS3的新属性box-sizing，解决div宽度设置width:100%后再设置padding或margin超出父元素的问题，有需要的朋友们可以参考借鉴。 语法 box-sizing: content-box|border-box|inherit; 值一、content-box 这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。 值二、border-box 为元素设定的宽度和高度决定了元素的边框盒。..
2022-05-17 08:29:31
926
原创 【vscode运行nodemon报错解决方法】
看这篇文章的都是使用 vscode 的开发者吧，都遇到 nodemon app.js 这种命令报错吧 话不多说，我来帮你解决这个问题 nodemon app.js1 如果你运行 nodemon 命令报的错是这个的话，那么恭喜你，看对文章了 首先，我们运行一下 Get-Ex...
2022-05-16 08:55:52
1408
6
原创 vscode设置光标快捷键上下左右移动（详细）
alt+i 上alt+k 下alt+j 左alt+l 右alt+u 行首alt+o 行末// Place your key bindings in this file to override the defaultsauto[][ { "key": "alt+i", "command": "cursorUp", "when": "textInputFocus" }, { "key": "up", "comm.
2022-05-11 10:47:30
6766
3
vscode中的live server 失效
2022-05-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人