- 博客(28)
- 收藏
- 关注
RSS订阅原创 node_modules 、package.json与 package-lock.json 作用
node_modules 、package.json与 package-lock.json 作用
2022-04-07 16:32:40
7076
原创 浅谈vue中provide和inject 用法
provide和inject是成对出现的用于父组件向子孙组件传递数据使用方法provide在父组件中返回要传给下级的数据，inject在需要使用这个数据的子辈组件或者孙辈等下级组件中注入数据。简单的来说就是在父组件中通过provide来提供变量，然后在子组件中通过inject来注入变量需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。使用场景由于vue有$parent属性可以让子组件访问
2021-11-23 14:49:30
602
转载 GET和POST两种基本请求方法的区别
GET和POST两种基本请求方法的区别，众所周知，有以下几点GET在浏览器回退时是无害的，而POST会再次提交请求。GET产生的URL地址可以被Bookmark，而POST不可以。GET请求会被浏览器主动cache，而POST不会，除非手动设置。GET请求只能进行url编码，而POST支持多种编码方式。GET请求参数会被完整保留在浏览器历史记录里，而POST中的参数不会被保留。GET请求在URL中传送的参数是有长度限制的，而POST没有。对参数的数据类型，GET只接受ASCII字符，而POS
2021-11-11 11:45:39
86
原创 记录package.json下的dependencies里版本号前面符号的作用
关于格式有三种，~ 、^ 、 * ~ 会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0^ 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0* 这意味着安装最新版本的依赖包不同要是追求稳定的话，**~**会是不错的选择，一般会修复版本的bug，比较稳定(^和 *)一般是匹配高版本，有的小版本更新后会引入新的问题导致项目不稳定...
2021-11-03 10:54:25
406
原创 windows 启动报错 ‘NODE_ENV‘ is not recognized as an internal or external command
运行程序时出现NODE_ENV不是内部或外部命令，也不是可运行的程序，或者批处理文件一般都是因为windows不支持导致的,需要安装一个 cross-env 包介绍cross-envcross-env这是一款运行跨平台设置和使用环境变量的脚本。NODE_ENV=xxxxxxxx像这样设置环境变量时，大多数Windows命令提示符都会阻塞 。（Windows上的Bash是例外，它使用本机Bash。）同样，Windows和POSIX命令使用环境变量的方式也有所不同。对于POSIX，您可以使用：$ENV_
2021-10-13 11:30:11
1514
原创 [VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data“，监听数据时报错
关于报错[VUE WARN]: ERROR IN CALLBACK FOR WATCHER “data”，“TypeError: Cannot read properties of null (reading ‘xxxxxxx’)”含义这个错误是你监听data时方法里的值为null，造成调用xxxxxxx时导致报错,解决办法一般可以在调用方法前，确保它存在，例如下图：@Watch('data') 你的监听函数的名(newVal){ this.$nextTick(()=>{
2021-09-30 11:37:14
7330
原创 关于ts的声明文件总结
什么是声明文件 声明文件是说以 .d.ts结尾的文件声明文件写到什么位置虽然说写到哪都会被ts编译，但是规范的话建议写在项目的根目录，自己建一个文件夹来写，建议types如何查看别人的声明文件可以使用 npm i @types/xxxx包（前提是人家有），然后去node_modules下的@types下的xxxx里面，一般以index.d.ts为入口文件声明文件的依赖在index.d.ts里面的，如果想声明一些依赖，可以是包 或者 路径 可以用reference，*注意！这个/// 不
2021-09-27 21:17:33
1344
原创 关于vs标红提示Expected indentation of 8 spaces but found 4.eslintindent
这是插件的问题：将这个插件，禁用后重启即可生效，一定要重启
2021-09-27 12:13:14
978
原创 Property or method “某属性名 || 函数名“ is not defined on the instance but referenced during render.解决
错误图例：解释错误翻译过来就是属性或方法未在实例上定义，但在渲染期间被引用。解决办法需要保证初始化属性时该属性是被动的，两种情况 一是在数据选项中，二是一些基于类的组件。在vue的template中我们使用了该属性，但是在data || methods中还并没有被定义，就被使用了，造成了这个错误。在data中定义一下这个数据或者在methods中声明一下这个函数，即可...
2021-09-23 15:24:20
1434
原创 运行报错No matching version found for @具体SDK包名
No matching version found for @xx/xx-xxxxxx@0.0.1遇到这种情况，指的是你要拿的包没有这个版本的，却确认一下是否真的没有，如果有那就要看缓存情况了，缓存情况去看一下搭建的npm私有库是否缓存了老版本，如果有需清理缓存后，重新刷新，即可成功解决。...
2021-09-10 15:24:03
5139
原创 记录报错：This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated f
This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I’ll try to do my best with it!遇到这种情况，首先想到的就是npm版本跟你引入的包版本不同，需要升级 或 降级，看依赖的包是低版本还是高版本，从我的报错可以看出npm适合于lockfileVersion@1的，但是package-lock.j
2021-09-10 15:17:44
32435
2
原创 Irregular whitespace not allowed 控制台报错
控制台奇奇怪怪的报错问题原因如果看不出来啥问题，一般就是里面一不小心夹杂了中文空格当下去查了这两行的内容 没啥问题啊 又重新排了一下版 ，还是报错解决办法一般遇到这种情况我们都知道是不规则空格，直接格式化文档最快，但是如果不想这么做的话，可以具体到某一行，比如我图中的40 43行把里面涉及的空格都删了重新替换一下英文版空格结果编译过后没啥问题，楼主是这么解决的，有其他情况可以下方评论，一起解决...
2021-08-05 17:14:51
1457
原创 未跟踪文件：src/.../...
git命令如下删除 untracked filesgit clean -f连 untracked 的目录也一起删掉git clean -fd连 gitignore 的untrack 文件/目录也一起删掉 （慎用，一般这个是用来删掉编译出来的 .o之类的文件用的）git clean -xfd在用上述 git clean 前，强烈建议加上 -n 参数来先看看会删掉哪些文件，防止重要文件被误删git clean -nxfdgit clean -nfgit clean -nfd...
2021-07-20 16:17:07
87
原创 神奇的通过 event 获取元素位置的方法
先来说说应用场景开发中遇到的，一个表格里面有多条信息，每一行都有一个调起评价的按钮 现在需要点击按钮，都在对应的按钮旁边出现弹窗 位置为8px，单纯的看这个就是 获取一下元素然后拿到它的位置 然后赋值给弹窗遇到的问题每一个元素都不一样 不能通过id 或者 calss去获取解决办法通过event事件，每次点击都将事件传给函数，然后通过 event.target 获取到元素 之后使用 getBoundingClientRect() 的方法 就能得到一个 包含元素位置相对于窗口上下左右位置的对象，
2021-07-18 15:04:52
1085
原创 页面console控制台报错 [Vue warn]: Invalid prop: custom validator check failed for prop “status“
调试项目过程中遇到Invalid prop: custom validator check failed for prop “status”##首先是一脸懵逼，去找了prop也没有status，实在想不通咋回事，通过全局搜索status 明白了 是样式组件的问题，由于公司保密性 不放真是代码 模拟一下啊<el-progress :percentage="stepPercentage(item.step)" status=" success"></el-progress>
2021-06-16 17:20:10
570
原创 Module not found: Error: Can‘t resolve ‘xxxx.ts‘ in ‘xxxx‘
控制台报错 Module not foundModule not found: Error: Can't resolve 'helloword.ts' in '文件名'错误原因需要手动安装依赖解决办法npm i XXX --save //如果报错 可以尝试 先卸载 重新安装npm uninstall XXXnpm i XXX --save...
2021-06-15 10:53:23
1747
原创 css样式 中 /deep/ 的含义 以及用法
首先 /deep/ 深度选择的意思一、先来聊聊scope这个大家应该都不陌生，使用场景为在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加<style scoped>，这样父组件中如果有跟子组件相同的class名称或者使用选择器的时候，就不会影响到子组件的样式。父组件<template> <div> <h1 class="title">{{ name }}</h1> <
2021-04-08 20:45:35
14951
1
原创 ES6之Array.from()方法
Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。类数组对象最基本的要求就是具有length属性的对象，例如`let likeArray = { 0: 'haha', 1: '20', 2: '女', 3: ['sport','eat','sleep'], 'length': 4}let arr = Array.from(likeArray)console.log(arr) // ['haha','20','女',['s
2021-03-03 14:47:25
1835
1
原创 property ‘AAA‘ does not exist on type ‘Window & typeof globalThis‘.解决办法
第一种(window as any).aaa第二种declare global { interface Window { aaa: any; }}window.aaa = window.aaa || {};第三种interface MyWindow extends Window { aaa(): void;} declare var window: MyWindow;
2021-03-01 18:41:12
8891
原创 git分支重命名 以及删除远程分支
本地分支重命名git branch -m oldName newName将重命名后的分支推送到远程git push origin newName 删除远程的旧分支git push --delete origin oldName注意: 在删除远程分支时，若不重命名，同名的本地分支并不会被删除，所以还需要单独删除本地同名分支删除远程的旧分支如果发生以下错误:error: unable to delete ‘origin/xxxxxxxx-fixbug’: remote ref does
2021-02-23 18:14:42
229
原创 关于报错Avoid mutating a prop directly since the value will be overwritten whenever the parent component
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “value”一个报错记录 大概意思是不可以直接修改父组件传过来的值我这里写的是不对的 涉及公司内容 不全贴代码
2021-02-23 11:44:02
9603
原创 隔着一层或多层盒子操作它们下面的盒子 被称为海市蜃楼的 css3 属性pointer-events:none
**隔着一层或多层盒子操作它们下面的盒子 被称为海市蜃楼的 css3 属性pointer-events:none**记录开发中的一个小问题 上图 这个问题是鼠标在框里，下面的地图就没有反应了，不管是扩大、缩小、滚动都没有反应 一开始想的是跟事件有关系 所以就想了一下冒泡事件、捕获事件，既然提到了，这里也简单写一下 方便回忆捕获事件捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别
2021-02-18 20:39:49
1593
2
原创 vue中使用ts时 @Model的作用
vue中使用ts时 @Model的作用在开发vue项目时 里面的ts文件 可以看到@model 这个也是双向数据绑定 相当于v-model还是用代码来展示一下 首先是子组件<template> <div> <h1>child-component</h1> <input type="text" :value="value" @input="changed"/> </div><
2021-01-22 16:04:12
8873
1
原创 运行vue项目时，Moudle 报错can‘t resolve 模块名
运行vue项目时，Moudle 报错can’t resolve 模块名在开发的时候遇到的这个问题，第一反应很简单啊 就是npm install 一下就可以 但是我执行了无数次还是报错，超级纳闷后来发现需要在后面加上npm install 报错的模块名 --save 这样专门给他加一下 在执行就不会报错了 看一下package.json 已经有了该模块以及它对应的版本号...
2021-01-21 16:35:25
2033
原创 Vue Router 关于 添加、删除query中个别的参数
Vue Router 关于 添加、删除query中个别的参数在写项目过程中涉及到一个需求，大概形容一下就是点击表格中对应的某个值进行跳转到表头的其他tab，目前是再返回的时候数据会自动刷新，所以需要再返回的时候，准确定位到刚刚点的那个title对应的页面页数以及行数，在把它勾选上，置灰背景，因为要跳转的内容共用一套表格，来回切会更新记录，为了保存住跳转那一刻的页码以及title的id 所以要存到url上 ，需求不难 过程不详述 由于涉及到url网址上的参数 添加或删除，只记录query的问题首先是
2021-01-06 21:32:43
8887
原创 来讲讲git reset --hard 和 git reset的区别吧 自己用到了 记录一下
**来讲讲git reset --hard 和 git reset的区别吧 自己用到了 记录一下**首先咱们先谈谈git 添加暂存区 以及 代码库生成commit 然后上传到远程代码库的过程通常我们提交代码一般都是 git add ，git commit -m, git push的这么个流程。添加到暂存区，提交到git库生成版本号，push到远程仓库以供他人可以使用。这是一个完整的且非常顺利的流程。但是往往实际开发中并不是这么顺利，总会出现这样或那样的问题。再来说说git reset的作用
2021-01-06 11:49:45
707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人