自定义博客皮肤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...

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

原创 Vue---vuex状态管理工具的前生今世

vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

2022-10-24 23:48:15 645 7

原创 Vue---10种组件传值方式总结,总有一款适合你

本地缓存传值 localStorage/sessionStorage。router路由传参query/params。注入的方式传值 provide/inject。消息订阅与发表pubsub-js。路由组件方式传值[:xxx]vuex状态管理工具传值。

2022-08-08 17:49:20 1282

原创 JavaScript-----双叹号的使用

处理获取不到对象值时转为布尔值的情况var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false 由于对null与undefined用!操作符时都会产生true的结果,所以用两个感叹号的作用就在于,如果明确设置了o中flag的值(非 null/undefined/0""/等值),自然test就会取跟o.flag一样的值;如果没有设置,test就会默认为false,而不是 null或undefined。 ....

2022-07-12 15:28:11 242

原创 CentOS------yum安装报错:Errors during downloading metadata for repository ‘AppStream’,源报错处理,简洁易懂

yum install :::Errors during downloading metadata for repository ‘AppStream’

2022-03-23 16:58:58 2573

原创 Python------python爬虫数据导入MongoDB数据库

开发前环境配置:Pycharm开发工具下载:Python下载:链接:https://pan.baidu.com/s/19QWYN91vzJPhaxVEEgx64A提取码:nbls64位系统的安装这个!!!MongoDB下载:链接:https://pan.baidu.com/s/1N1TrhoRDgqTmgQlrY6CUXg 提取码:52101. 在根目录中创建mongo.conf文件:复制以下内容dbpath=E:\mongodb\data #数据库路径...

2021-09-17 14:22:42 3843

原创 Array------已知数组的值value,查找对应的索引index

第一种: 利用map和indexOf来实现// 一般数组let arr = [1,2,3,4,5];let params = 1;var index = arr.indexOf(params); // 0// 对象数组var arr= [ {value: 100}, {value: 200}, {value: 300}, {value: 400}, {value: 500}];var params = 200;var index = imageList

2021-07-26 18:01:30 2745

原创 Git---git 报错 fatal: No such remote ‘origin‘ 的解决方法

解决方法:在本地运行git remote -v,没有显示任何地址,需要添加,而不是修改。运行:

2021-06-03 14:52:23 19581 1

原创 npm---下载资源包速度慢,切换淘宝源(粉丝福利)

先来结果执行代码,再看下面详情,干净利落~下包的命令仍然是npm。下包的命令是cnpm。

2020-10-14 14:45:19 897 1

原创 CSDN C4模拟题

二进制:是指在数学和数字电路中以2为基数的记数系统,二进制只有0和1两个数字符号,其运算规律是逢2进1,例如101101。为了与其他进制区别,二进制数的后缀都用大写字母B,例如101101B八进制:一种以8为基数的计数法,采用0,1,2,3,4,5,6,7这八个数字符号,其运算规律是逢8进1,例如77。为了与其他进制区别,八进制数的后缀都用大写字母O(不是数字0),例如77O十进制:一种以10为基数的计数法,采用0,1,2,3,4,5,6,7,8,9这十个数字符号,其运算规律是逢10进1,例如88。

2023-11-26 10:00:16 1081

原创 CSS---关于font文本属性设置样式总结

用于指定文本中单词之间的间距,设置固定值为单词间距,如10px。会破坏单词的完整性,可能会影响阅读体验,要谨慎使用。用于设置字间距,设置固定值为字间距,如10px。用于设置文本的装饰线,是下表属性的简写。设置文本在水平或垂直方向的。

2023-11-16 13:36:27 457

原创 textarea输入框输入,在ios输入空格后,此时后台正则如下,满足了???

您可以将这个编码与您的正则表达式中的空格字符比较,以确定是否有差异。可能是因为iOS输入空格时,它的Unicode编码与其他平台输入空格的Unicode编码不同。此外,您还可以尝试使用第三方库,例如jQuery Validation Plugin,它提供了丰富的验证规则和错误提示功能。问题:我前端使用textarea输入框输入,问题出现在ios输入空格后,此时后台正则如下,满足了,为什么?前端andriod输入空格是可以通过这个校验的,ios就会出现问题,不满足这个正则出现报错了?

2023-07-28 09:47:05 226

原创 兼容手机端iOS和Andriod中空格(space)匹配规则

ios手机中键盘的空格对应正则表达式中的空格符(\s)。可能是因为在iOS中,键盘输入的空格默认包含了全角空格(unicode编码为0x3000),而正则表达式中的空格符只匹配半角空格(unicode编码为0x20)。因此,在进行校验时需要注意将全角空格转换为半角空格,或者在正则表达式中使用特定的全角空格符(\u3000)进行匹配。是的,校验时需要注意将全角空格转换为半角空格,或者使用兼容全角或半角空格的正则表达式进行匹配。在进行校验时需要注意将全角空格转换为半角空格,或兼容全角或半角的正则检验。

2023-07-27 13:35:38 216

原创 处理多行文本框textarea内容为string,换行兼容ios和andriod

需要注意的是,由于不同平台的换行符可能不同,因此需要使用兼容多端的正则表达式来处理换行符。在上面的代码中,我们使用了。可以使用正则表达式来处理输入文本和换行符。1. 如果手动换行将换行符处理成 |, 每行的左右空格需要清除,中间空格要做兼容多端的操作并且保留下来。2. 每行输入不可超过35个字符,最多140个字符,不包括换行符。表示 Unix/Linux 平台的换行符。正则表达式来匹配并替换换行符。表示 Windows 平台的换行符,表示 Mac 平台的换行符,

2023-07-26 10:43:09 194

原创 iOS and Andriod兼容问题汇总,持续添加,期待一起进步

input type=date在iOS上的兼容问题:在iOS中,input type=date不支持placeholder的显示,而且日期选择器样式受系统控制,无法自定义。特定字体在iOS和Android上的兼容问题:在iOS和Android上,对于某些字体,字重或者字形在不同设备上可能会有差别,导致文字显示不一致。浏览器前缀在iOS上的兼容问题:在iOS中,不使用-webkit-前缀的CSS属性会造成浏览器无法识别。解决方案:使用JavaScript模拟下拉列表,并使用CSS样式自定义。

2023-07-25 10:26:43 440

原创 输入空格保留或者去除的方式总结

对于每一个字符,通过判断它是否为制表符或空格字符来决定是否将其替换为空格,还是直接拼接到输出字符串中。除了使用正则表达式进行格式化,还可以使用代码处理逻辑来处理输入字符串中的空格和制表符。具体来说,可以遍历输入字符串的每一个字符,判断它是否为制表符或空格字符,将其替换为指定的字符。将这个正则表达式应用到输入字符串中,可以将所有的空格和制表符替换为指定的字符。这个示例中,使用正则表达式判断输入字符串中是否包含任意一个空格字符。使用正则表达式将它们替换为单个空格字符,输出的字符串中只包含一个空格。

2023-07-13 09:15:34 223

原创 如何在 iframe 中获取接口数据?

跨域访问iframe的限制:如果父页面和iframe页面不属于同一个域名,那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象,反过来也一样。如果子页面和父页面不属于同一个域名,那么可以使用window.postMessage来进行跨域通信,父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名,而且无法修改子页面的代码,那么可以使用后端代理来解决跨域问题,父页面通过发起后端请求来获取子页面的数据。

2023-07-12 17:22:11 1429

原创 Vue---开发过程中,组件引入后页面无渲染(一直找了好久,页面没报错,完全没头绪!)

事件的起因:在新年的某一天,一个新需求要开发。当我建完分支随便复制了一个通用的页面,路由页面的权限都配置好了,但是页面一直不渲染!整整纠结了半天时间,最后和同事一起去确认排除页面写法问题,最终解决了该次事故!!!前言目前百度搜索啥的,搜到的基本都是因为名称大小写或者起名字语义化问题引起的,对应的解决方案基本就是:修改导入变量名或首字母改为大写!!!但是本人遇到的不是那个问题,很奇葩很难发现的一个错误!内部错误,不显示在页面的报错!

2023-02-08 17:47:37 713 2

原创 JavaScript---数据的检测类型有哪几种?

这是因为toString是Object的原型方法,而Array、function等类型作为Object的实例,都重写了toString方法。不同的对象类型调用toString方法时,根据原型链的知识,调用的是对应的重写之后,的toString方法(function类型返回内容为函数体的字符串,Array类型返回元素组成的字符串...),而不会去调用Object上原型toString方法(返回对象的具体类型),所以采用obj.toString()不能得到其对象类型,只能将obj转换为字符串类型;

2023-02-02 14:48:10 139

原创 知识点---H5新增特性总结

0. 新增语义化标签 (header/footer/aside/main/article/section/nav)1. 新增选择器(querySelector、querySelectorAll)8. 缓存方式(sessionStorage/localStorage)2. 拖拽API(Drag and drop)3. 媒体标签 (audio/video)4. 画布(canvas)和svg矢量图。6. 多线程技术(web worker)7. 即时通讯(web socket)

2023-01-31 17:41:23 140

原创 JavaScript---移动端点击click穿透,fastclick解决方案

1. 引入fastclick插件监听全局click事件,移动端click点击事件穿透的问题。(一般不采用,这种比较绝对~)如何使用插件FastClick。

2023-01-16 17:10:18 1107

原创 Vue---vue项目中启动后报错Network: unavailable的解决办法

在vue项目根目录下找到或创建 vue.config.js 文件,在devServer配置里面添加public。vue项目run命令后,只有localhost访问,network不能访问,启动后不显示对应的IP地址。如下代码所示: public:‘192.168.1.2:8080’3. 之后完美运行!

2023-01-05 16:05:09 2238

原创 JavaScript---常用的鼠标事件mouseover 和mouseenter的区别

当鼠标点击或者触发dom事件时,浏览器会从根节点开始由外到内进行事件传播,即点击了子元素,如果父元素通过事件捕获方式注册了对应的事件的话,会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡,依旧是说鼠标移入、移出时,该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡,也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。:与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点。false:冒泡阶段。

2023-01-04 10:47:45 1361

原创 WeChat---getLocation的API调用不起作用的解决方案

不起作用的原因,是2022年7月14日之后发布的小程序,都要新增该属性并配置需要的对应地理位置api后才能调用地理相关api。都要加上requiredPrivateInfos的相关配置哦。即2022年7月14日后发布或者开发调试的小程序,全局配置 | 微信开放文档。2. 解决方案如下所示。

2023-01-03 15:52:52 282

原创 Git---本地仓库有多条commit,如何push某一条commit到远端

现在突然出现一个需求,此时本地分支需要拉取另一个分支test上的某部分代码修改(简单说就是需要合并指定commit记录的文件修改记录到当前分支)这个常用在自己清楚每个分支的对应提交文件,否则可能合并部分代码导致后期项目合并问题!比如图一中是原始的分支记录,现在要将第二条记录单独提交到远程分支,即实现提交指定分支记录的功能:(操作前git log自行查看对应的commit hash)采用cherry-pick用新分支去拉取当前分支的指定commit记录,之后推送到当前分支远程仓库实现推送指定历史提交的功能。

2022-12-13 16:06:52 10107 1

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

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

2022-12-07 11:35:33 723

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

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

2022-12-07 10:31:57 4391

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

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

2022-12-06 16:53:10 348

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

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

2022-12-06 14:49:00 252

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

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

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

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

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

2022-12-01 17:00:11 764

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

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

2022-12-01 16:48:09 5326

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

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

2022-12-01 16:30:00 2474

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

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

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

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

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

2022-11-24 17:50:44 811

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

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

2022-11-16 15:52:28 652

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

fill-available (默认值)

2022-11-15 17:16:15 846

原创 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 2361 3

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

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

2022-10-19 16:06:02 629

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

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

2022-10-13 17:06:20 625

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

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

2022-10-13 16:39:31 469

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关注的人

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