自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

COCOLI_BK的博客

一起进步,分享干货ing...

  • 博客(414)
  • 资源 (10)
  • 收藏
  • 关注

原创 Git---定位代码某一次提交的问题,逐次验证(git bisect)

目录1. 简要介绍git bisect命令的作用:2. 命令格式如下3. 如果无问题,要执行命令标识下4. 说明前半段是没有问题的,问题出在后半段5. 之后重复3和4步骤,一条一条记录验证6. 最后检测确认后,使用命令退出git bisect 可以用来查找哪一次代码提交引入了错误。它的原理很简单就是将代码提交的历史使用二分法来缩小出问题的代替提交范围,确定问题出在前半部分还是后半部分,不断执行这个过程,直到找到引入问题的那一次提交。其中end就是最近的提交,start就是最开始的提交。假如第一次的提交的 c

2022-12-07 11:35:33 924

原创 Git---分支差异对比(git diff)

git diff 命令可以用来比较文件的不同,即比较文件在暂存区和工作区的差异(2)已缓存改动(3) 已缓存和未缓存改动(4) 不同分支差异

2022-12-07 10:31:57 5091

原创 CSS---box-reflect镜像复制属性使用

兼容性如下图:(基本上chrome可以,其他的或多或少都不太支持)box-reflect:包括3个值。1. direction 属性取值包括 above 、 below 、 left 、 right2. offset定义反射偏移的距离3. mask-box-image定义遮罩图像举例说明:

2022-12-06 16:53:10 573

原创 CSS---足球场的实现,纪念2022世界杯(:root的使用)

首先这里说明下,该博文主要能看到使用的知识点: var()函数说明: box-reflect属性说明足球场——第一种采用 :root效果如下:效果图如下:

2022-12-06 14:49:00 309

原创 浏览器---reset.css浏览器默认样式表重置(user agent stylesheet)

当你在浏览器控制台查看对应元素的样式的时候,会发现一些样式标有(user agent stylesheet),同时不能修改,那就表明该样式是浏览器自身对元素的设置样式,即浏览器默认样式表;当然不同浏览器之间的默认样式会有出入,同时相同浏览器的不同版本之间也会有细微差别!一般推荐使用normalize.css,不会初始化掉基础的元素样式!这里附上PC和APP端的相应reset.css样式表。APP端初始化样式表。

2022-12-02 15:30:30 5870 2

原创 Git---git shortlog查看贡献者,对比贡献次数(功能型命令)

-s 省略提交注释并返回所有贡献者列表: -n 按照贡献数量从多到少排序: -c 安装提交者而非作者来展示 -e 在其作者后面显示对应的邮箱 一般情况下合并使用,主要为了查看下对应的提交,没别的作用!

2022-12-01 17:00:11 1058

原创 Git---查看文件提交的详细信息git show

显示出了上次提交的commit id、作者信息(邮箱和姓名)、提交日期、commit message、代码diff等。语法或提交哈希来检查过去的提交。使用以下命令就可以获取往前数的第三次提交的详细信息。这样提交信息就简洁了很多。3. 还可以添加一个。标志,以简化输出信息。

2022-12-01 16:48:09 5730

原创 Git---分支合并之合并分支commit提交数据cherry-pick

现在突然出现一个需求,此时本地分支需要拉取另一个分支test上的某部分代码修改(简单说就是需要合并指定commit记录的文件修改记录到当前分支)直接开始重点讲解:在不同分支之间进行代码合并时,通常会有两种情况:一种情况是需要另一个分支的所有代码变动,那么就可以直接合并(git merge),另一种情况是只需要部分代码的变动(某几次提交),这时就可以使用以下命令来合并指定的提交:1. 在被合并的分支上进行查询commit操作2. 回到主分支后进行操作3. 建议添加-x。

2022-12-01 16:30:00 3325

原创 Git---当本地分支和远程分支都被删除时,如何处理?

记得每个功能开发完后,及时commit。只要在log上产生记录树,一切问题就不是什么大问题了这里造成这种情况的原因,可能有两种:1. 前期确定该分支不需要了,自己主动删除2. 被朋友或合伙人误删!!!当然,接下来才是重点!!!如何去恢复???首先这种情况是针对有过commit记录的相关分支,原理就是需要commit hash值来恢复滴!!!

2022-12-01 14:01:10 1927 3

原创 JavaScript---函数arguments参数直接获取的方式

平时如果写函数不确定入参数量的话,可以采用获取arguments对象来计算参数。Arguments对象如下:类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好,选择方便适合自己的写法!函数的参数获取:arguments。

2022-11-24 17:50:44 1033

原创 Vue---自定义v-model的写法实现

子组件中这样写:props: {return ''}},// 自定义modelmodel: {},methods:{// 事件名要和model属性中event事件名一致},}子组件模板中:父组件模板中子组件标签上:此时父组件中打印myname值就会和子组件的输入值保持双向绑定!!!

2022-11-16 15:52:28 802

原创 CSS3---理解CSS3 max/min-content及fit-content等width值

fill-available (默认值)

2022-11-15 17:16:15 1502

原创 JavaScript---常用JS方法(utils.js)额外篇

3. 通过css检测系统的主题色从而全局修改样式4. 数组随机打乱顺序5. 随机获取一个Boolean值6. 把数组的第一项放到最后一项 7. dom节点平滑滚动到可是区域,顶部,底部8. 获取随机颜色9. 检测是否为空对象10. 数组克隆方法总结(clone)11. 一步从时间中提取年月日时分秒(推荐使用)12. 检测两个dom节点是否覆盖重叠13. 判断是否是NodeJ

2022-10-26 17:24:16 2487 3

原创 CSS---border-image属性的使用心得

注意:IE和火狐都添加了fill,否则背景不会自动填充到元素的content。border-image:根据英译汉显而易见,就是边框背景的意思。一旦使用了单个属性,那么就不能添加前缀,否则不生效。不得不说的border-image坑。

2022-10-19 16:06:02 1026

原创 JavaScript---classList属性增、删、查元素类名,方便快捷

classList类名操作。增删改查判断等方法去处理类名变化!

2022-10-13 17:06:20 1016

原创 JavaScript---原生获取元素(节点)与JQ获取元素(节点)方式总结

1. 获取子节点的方式。2. 获取父节点的方式。3. 获取兄弟节点的方式。

2022-10-13 16:39:31 549

原创 ES6---几个优雅的运算符使用技巧(?. ??= ||= &&=)

1. 使用可选链式调用2.逻辑空分配(?? =)3.逻辑或分配(|| =)4. 逻辑与分配(&& =)

2022-09-14 18:07:20 587

原创 npm---终端通过npm配置直接操作打开网址,省时省力

但是开发过程中,不可能随时随地记住这些网址,所以可以通过投机取巧的方式将其存入全局的配置文件中,通过命令去获取对应网址,省时省力!2. npm config list 查看配置列表, npm config edit直接记事本打开.npmrc文件。5. 后面熟悉后在添加一条两条的话,直接采用 npm config set [key] [value]我自己的话采用放在npm的全局配置文件中,对应开发者来说这个文件百分百是一直存在的!码友们,想要方便的话自行测试哦,不懂就问,评论区找我随时解答!

2022-09-07 11:30:22 1068

原创 JavaScript---图片轮播(loop)多个设备展示图片一致,而非重新开始,根据当前时间计算展示图片

简单说就是,根据当天的时间来动态切换图片src,不论设备多少,开机运行顺序。进去看到的保证都是在某个相同时间端内的图片是相同的,而非不同设备进去都是从0秒到duration秒采取切换图片!

2022-09-04 23:42:36 479

原创 JavaScript---说一说JS数据类型有哪些,区别是什么?

引用类型是储存在堆内存中,占据空间大。引用类型在栈中储存了指针,该指针向堆中该实体的起始地址,当解释器寻找引用值时,会检索其在栈中的地址,取得地址后从堆中获得实体。基本数据类型是直接储存在栈中的简单数据段,占据空间小,属于被频繁使用的数据。symbol、BigInt 是ES6之后的新类型。2. 所有类型分为两种:基本数据类型、引用类型。普通对象,数组,正则,日期,Math数学函数。...

2022-09-04 22:28:56 386

原创 Array---数组的交集、并集、差集、分组、平均数、扁平化、求和、位置交换、归档

1. 数组并集(ArrayUnion)2. 数组交集()3. 数组差集()4. 数组分组(ArrayGroup)5. 数组平均数(ArrayMean)6.数组生成(ArrayRange)7.数组求和(ArraySum)8.数组扁平化()9. 数组值位置交换()10.数组归档(归类)()11. Array.includes判断多个if条件12. Array.find 查找符合条件的数组元素13.数组中所有项都满足某条件:Array.every。...

2022-08-29 18:05:03 814 1

原创 Windows---命令打开截图工具,.bat文件执行

采用win +R 快捷键 ,输入 cmd 启动终端命令后执行下面代码。2. 打开文档后复制上面命令到文档内。3. 修改文本文档后缀为(.bat)1. 鼠标右键新建文本文档。4. 双击即可运行使用。

2022-08-29 17:03:56 6129

原创 Vue---elementui实现dialog拖拽指令,随拿随用

经过上面的两个文件配置,在任意vue单文件中:dialog组件上添加 v-dialogDrag 即可!上面的index.js文件直接导入到main.js中。直接上代码:index.js。

2022-08-29 16:57:50 394

原创 Vue---elementui的动态合计行,根据某个数据长度来合计行

【代码】Vue---elementui的合计行动态根据某个数据长度来合计。

2022-08-23 17:30:14 871

原创 Vue---vue动态组件与异步组件的使用

在大型应用中,我们可能需要将应用分割成小一些的代码块,并且只在需要的时候才从服务器加载一个模块。只有在这个组件需要被渲染的时候才会触发该工厂函数,且会把结果缓存起来供未来重渲染。允许你以一个工厂函数的方式定义你的组件,这个工厂函数会异步解析你的组件定义。,当在这些组件之间切换的时候,你有时会想保持这些组件的状态。以避免反复重渲染导致的性能问题。...

2022-08-12 17:39:56 290

原创 Vue---keep-alive组件的使用,缓存组件

匹配首先检查组件自身的 name 选项,如果 name 选项不可用,则匹配它的局部注册名称 (父组件 components 选项的键值)。匿名组件不能被匹配。最多可以缓存多少组件实例。一旦这个数字达到了,在新实例被创建之前,已缓存组件中最久没有被访问的实例会被销毁掉。是个抽象组件,它自身不会渲染一个DOM元素,也不会出现在组件的父组件链中。包裹动态组件时,会被缓存不活动的组件实例,而不是销毁它们。不会在函数式组件中正常工作,因为它们没有缓存实例。主要用于保留组件状态或避免重新渲染。...

2022-08-12 17:38:38 536

原创 JavaScript---Set对象函数的使用,去重储存等方式

JavaScript---Set对象函数的使用,去重储存等方式。

2022-08-09 17:32:43 566

原创 Windows---cmd终端两行命令,获取已连接WIFI密码☺☺☺

Tenda_Casey即为WIFI名称,运行后查看安全设置模块的关键内容字段值,即为密码!

2022-08-08 10:23:49 260 2

原创 node---通过配置统一前端项目的 Node 版本和包管理器

以上配置完成后,npm install 试试吧,错误的 Node.js 将直接退出!以上配置完成后,可以再乱用 (yarn、npm、pnpm) 试试。锁定项目 Node 版本。

2022-08-04 14:27:19 823

原创 Vue---.env文件配置环境变量的相关问题

一般会建立两个文件:.env.development和.env.production在该文件中注释采用 # xxx。

2022-08-04 10:29:01 324

原创 CSS---经常被忽略,但使用广泛的常用CSS样式片段总结

11、文字超出部分显示省略号单行文本的溢出显示省略号(一定要有宽度)多行文本溢出显示省略号2、中英文自动换行3、文字阴影text-shadow为网页字体添加阴影,通过对text-shadow属性设置相关的属性值。属性与值的说明如下4、设置placeholder的字体样式5、不固定高宽div垂直居中的方法6、解决IOS页面滑动卡顿7、设置滚动条样式8、实现隐藏滚动条同时又可以滚动9、css绘制三角形注如果想绘制右直角三角,则将左border设置为0;12、移动端软键盘变为搜索方式。...

2022-07-29 15:42:28 296

原创 浏览器---chrome 高级调试技巧汇总(后期继续添加)

decodeURIComponent(ody中的参数,即可转义为正)2.post请求修改body里面的参数,可能需要适当的转换。这里修改参数是分两种情况get请求和post请求。4.控制台获取Elements面板选中的元素。1.get请求直接修改url上的拼接参数。10.$i直接在控制台安装npm包。3.复制JavaScript变量。7.控制台引用上一次执行的结果。9."$"和"$$"选择器。2.在控制台快速发起请求。5.截取一张全屏的网页。1.一键重新发起请求。.....................

2022-07-26 15:27:52 8381 2

原创 JavaScript---防抖和节流的使用

2. 对于防抖和节流函数的详细的使用封装函数:对于防抖函数的详细封装以及简化版:对于节流函数的详细封装以及简化版:

2022-07-24 00:14:44 720

原创 CSS---display:flow-root解决float布局弊端

【代码】CSS---一个CSS属性:flow-root解决float布局弊端。

2022-07-23 23:52:43 733

原创 CSS---px、em、rem、vw、百分比的区别

代码】CSS---px、em、rem、vw、百分比的区别。

2022-07-23 23:30:12 292

原创 Git---关于git commit时报错:pre -commit hook failed (add --no-verify)

这个钩子在得到提交消息和开始提交前被调用。如果他返回值不是0,那么中止提交。命令调用,你可以通过在gitcommit-m"message"希望可以帮到大家,一起进步一起赢~~~的这个这个钩子被gitcommit。希望可以帮到大家,一起进步一起赢~~~1.pre-commit预存储。...

2022-07-21 17:28:17 995 1

原创 CSS---background组合属性的书写问题简记

background是一个简写属性,可以在一个声明中设置背景颜色、背景位置、背景大小、背景平铺方式、背景图片等样式语法background颜色图片位置/大小平铺方式bg-origin绘制区域bg-attachment;。background简写属性在一个声明中设置所有的背景属性#fff;//指定背景颜色//设置背景图像,可以是真实的图片路径,也可以是创建的渐变背景;center;//设置背景图像的位置cover;//设置背景图像的大小no-repeat;...

2022-07-21 14:44:05 651

原创 Array---数组方法中使用forEach时如何中断循环!!!

如非必须使用forEach的话,其实使用完全可以实现满足条件就中断循环的目的。

2022-07-19 14:24:44 1012

原创 Vue---vue快速安装elementui的几种方式总结

1. 常规安装2. 快速安装3. 按需引入组件3.1 main.js中, 之后按需导入组件

2022-07-14 17:35:50 884

原创 JavaScript---位运算符单竖杠(|)在JS的使用,与或(||)要作区分

一、单竖杠后面是0的话,可以当做取整的运算:二、根本作用是前后数字的二进制进行相加值

2022-07-13 17:29:48 1070

JavaScript-lazyload图片懒加载处理-IntersectionObserver

实际操作代码,可自行下载测试

2024-03-12

elementui-2.14.1

个人手撸官方资源,静态文件官网组件文档!!! 直接本地点index.html即可!!! 方便快捷!!! 浏览器source模块自行下载配置对应路径完成,想偷懒或急需可直接下载哦 如果有码友需要其他的版本,可以关注我私信我。看到的话尽快处理!

2022-07-25

30_20220315_002426.txt

30_20220315_002426.txt

2022-03-17

action.png

action.png

2022-03-16

原生input实现h5调相机录像拍照并回显

原生input实现h5调相机录像拍照并回显

2022-02-17

Google Play.apk

ggsd1021.apk

2022-01-25

.TEMP_IMG1643119702582

.TEMP_IMG1643119702582

2022-01-25

settings.json

个人VScode配置文件,喜欢的话可以下载试试哦,一定不会让你们失望的呢(* ̄︶ ̄)

2021-08-11

小黄鸭.zip123321

小黄鸭表情包,爬取的,有兴趣的可以下载看看哦~!

2021-08-05

audio.zip123

炫酷的歌曲播放动画,直接浏览器打开index.html即可.歌曲大家可以自己换,根据自己爱好.

2021-08-05

柱状图一条展示在左侧.7z

柱状图一条展示在左侧.7z

2021-06-02

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

TA关注的人

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