- 博客(404)
- 资源 (10)
- 收藏
- 关注
RSS订阅
原创 Vue---vuex状态管理工具的前生今世
vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库,它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2022-10-24 23:48:15
706
7
原创 Vue---11种组件传值方式总结，总有一款适合你
本地缓存传值 localStorage/sessionStorage。router路由传参query/params。注入的方式传值 provide/inject。消息订阅与发表pubsub-js。路由组件方式传值[:xxx]vuex状态管理工具传值。
2022-08-08 17:49:20
1429
原创 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
276
原创 CentOS------yum安装报错：Errors during downloading metadata for repository ‘AppStream’,源报错处理，简洁易懂
yum install ：：：Errors during downloading metadata for repository ‘AppStream’
2022-03-23 16:58:58
2928
原创 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
4132
原创 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
3007
原创 Git---git 报错 fatal: No such remote ‘origin‘ 的解决方法
解决方法:在本地运行git remote -v，没有显示任何地址，需要添加，而不是修改。运行：
2021-06-03 14:52:23
21695
1
原创 npm---下载资源包速度慢，切换淘宝源（粉丝福利）
先来结果执行代码，再看下面详情，干净利落~下包的命令仍然是npm。下包的命令是cnpm。
2020-10-14 14:45:19
993
1
原创 Git---命令筛选分支，分支过多快速定位分支！（值得收藏）
git branch` 命令本身不能直接搜索指定分支，但可以通过组合其他命令实现搜索特定分支的功能。综上所述，虽然 `git branch` 命令本身不支持直接搜索，在Git中，有一些命令可以用来筛选分支，帮助我们找到特定的分支。这些命令可以根据需要进行组合使用，以满足具体的筛选需求。但通过结合其他命令和参数，可以轻松地实现对特定分支的搜索。这些方法可以帮助你更快地找到所需的分支，提高工作效率。选项来找到已经合并了某个提交的分支。
2024-03-29 16:32:03
328
1
原创 Git---变基(git_rebase)操作之合并多次提交，美化log记录
该总结主要用于多个提交，最后做汇总目的是优化简化log日志修改历史commit信息记录。
2024-03-29 15:17:23
196
原创 JavaScript---lazyload图片懒加载处理_IntersectionObserver
IntersectionObserver API
2024-03-12 17:13:39
192
原创 JavaScript---VConsole插件配置使用，一步到位简单实用！
个人喜欢BootCDN这个平台（直接在线引用或者下载本地引入均可~）3. 实例化该插件，直接默认浏览器打开即可看到。
2024-03-12 15:13:28
249
转载 JavaScript---如何实现准时的setTimeout定时器
最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。
2023-12-13 15:53:53
124
原创 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
1244
原创 CSS---关于font文本属性设置样式总结
用于指定文本中单词之间的间距，设置固定值为单词间距，如10px。会破坏单词的完整性，可能会影响阅读体验，要谨慎使用。用于设置字间距，设置固定值为字间距，如10px。用于设置文本的装饰线，是下表属性的简写。设置文本在水平或垂直方向的。
2023-11-16 13:36:27
1080
原创 textarea输入框输入，在ios输入空格后，此时后台正则如下，满足了？？？
您可以将这个编码与您的正则表达式中的空格字符比较，以确定是否有差异。可能是因为iOS输入空格时，它的Unicode编码与其他平台输入空格的Unicode编码不同。此外，您还可以尝试使用第三方库，例如jQuery Validation Plugin，它提供了丰富的验证规则和错误提示功能。问题：我前端使用textarea输入框输入，问题出现在ios输入空格后，此时后台正则如下，满足了，为什么？前端andriod输入空格是可以通过这个校验的，ios就会出现问题，不满足这个正则出现报错了？
2023-07-28 09:47:05
296
原创 兼容手机端iOS和Andriod中空格（space）匹配规则
ios手机中键盘的空格对应正则表达式中的空格符（\s）。可能是因为在iOS中，键盘输入的空格默认包含了全角空格（unicode编码为0x3000），而正则表达式中的空格符只匹配半角空格（unicode编码为0x20）。因此，在进行校验时需要注意将全角空格转换为半角空格，或者在正则表达式中使用特定的全角空格符（\u3000）进行匹配。是的，校验时需要注意将全角空格转换为半角空格，或者使用兼容全角或半角空格的正则表达式进行匹配。在进行校验时需要注意将全角空格转换为半角空格，或兼容全角或半角的正则检验。
2023-07-27 13:35:38
341
原创 处理多行文本框textarea内容为string，换行兼容ios和andriod
需要注意的是，由于不同平台的换行符可能不同，因此需要使用兼容多端的正则表达式来处理换行符。在上面的代码中，我们使用了。可以使用正则表达式来处理输入文本和换行符。1. 如果手动换行将换行符处理成 |, 每行的左右空格需要清除，中间空格要做兼容多端的操作并且保留下来。2. 每行输入不可超过35个字符，最多140个字符，不包括换行符。表示 Unix/Linux 平台的换行符。正则表达式来匹配并替换换行符。表示 Windows 平台的换行符，表示 Mac 平台的换行符，
2023-07-26 10:43:09
343
原创 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
644
原创 输入空格保留或者去除的方式总结
对于每一个字符，通过判断它是否为制表符或空格字符来决定是否将其替换为空格，还是直接拼接到输出字符串中。除了使用正则表达式进行格式化，还可以使用代码处理逻辑来处理输入字符串中的空格和制表符。具体来说，可以遍历输入字符串的每一个字符，判断它是否为制表符或空格字符，将其替换为指定的字符。将这个正则表达式应用到输入字符串中，可以将所有的空格和制表符替换为指定的字符。这个示例中，使用正则表达式判断输入字符串中是否包含任意一个空格字符。使用正则表达式将它们替换为单个空格字符，输出的字符串中只包含一个空格。
2023-07-13 09:15:34
421
原创 如何在 iframe 中获取接口数据？
跨域访问iframe的限制：如果父页面和iframe页面不属于同一个域名，那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象，反过来也一样。如果子页面和父页面不属于同一个域名，那么可以使用window.postMessage来进行跨域通信，父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名，而且无法修改子页面的代码，那么可以使用后端代理来解决跨域问题，父页面通过发起后端请求来获取子页面的数据。
2023-07-12 17:22:11
2330
原创 Vue---开发过程中，组件引入后页面无渲染(一直找了好久，页面没报错，完全没头绪！)
事件的起因：在新年的某一天，一个新需求要开发。当我建完分支随便复制了一个通用的页面，路由页面的权限都配置好了，但是页面一直不渲染！整整纠结了半天时间，最后和同事一起去确认排除页面写法问题，最终解决了该次事故！！！前言目前百度搜索啥的，搜到的基本都是因为名称大小写或者起名字语义化问题引起的，对应的解决方案基本就是：修改导入变量名或首字母改为大写！！！但是本人遇到的不是那个问题，很奇葩很难发现的一个错误！内部错误，不显示在页面的报错！
2023-02-08 17:47:37
966
2
原创 JavaScript---数据的检测类型有哪几种？
这是因为toString是Object的原型方法，而Array、function等类型作为Object的实例，都重写了toString方法。不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后，的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串...），而不会去调用Object上原型toString方法（返回对象的具体类型），所以采用obj.toString()不能得到其对象类型，只能将obj转换为字符串类型；
2023-02-02 14:48:10
176
原创 知识点---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
181
原创 JavaScript---移动端点击click穿透，fastclick解决方案
1. 引入fastclick插件监听全局click事件，移动端click点击事件穿透的问题。(一般不采用，这种比较绝对~)如何使用插件FastClick。
2023-01-16 17:10:18
1499
原创 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
2691
原创 JavaScript---常用的鼠标事件mouseover 和mouseenter的区别
当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡，依旧是说鼠标移入、移出时，该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡，也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。false：冒泡阶段。
2023-01-04 10:47:45
1990
原创 WeChat---getLocation的API调用不起作用的解决方案
不起作用的原因，是2022年7月14日之后发布的小程序，都要新增该属性并配置需要的对应地理位置api后才能调用地理相关api。都要加上requiredPrivateInfos的相关配置哦。即2022年7月14日后发布或者开发调试的小程序，全局配置 | 微信开放文档。2. 解决方案如下所示。
2023-01-03 15:52:52
460
原创 Git---本地仓库有多条commit,如何push某一条commit到远端
现在突然出现一个需求，此时本地分支需要拉取另一个分支test上的某部分代码修改（简单说就是需要合并指定commit记录的文件修改记录到当前分支）这个常用在自己清楚每个分支的对应提交文件，否则可能合并部分代码导致后期项目合并问题！比如图一中是原始的分支记录，现在要将第二条记录单独提交到远程分支，即实现提交指定分支记录的功能：(操作前git log自行查看对应的commit hash)采用cherry-pick用新分支去拉取当前分支的指定commit记录，之后推送到当前分支远程仓库实现推送指定历史提交的功能。
2022-12-13 16:06:52
12927
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
777
原创 Git---分支差异对比（git diff）
git diff 命令可以用来比较文件的不同，即比较文件在暂存区和工作区的差异(2）已缓存改动(3) 已缓存和未缓存改动(4) 不同分支差异
2022-12-07 10:31:57
4817
原创 CSS---box-reflect镜像复制属性使用
兼容性如下图：（基本上chrome可以，其他的或多或少都不太支持）box-reflect：包括3个值。1. direction 属性取值包括 above 、 below 、 left 、 right2. offset定义反射偏移的距离3. mask-box-image定义遮罩图像举例说明：
2022-12-06 16:53:10
451
原创 CSS---足球场的实现，纪念2022世界杯(:root的使用)
首先这里说明下，该博文主要能看到使用的知识点： var()函数说明： box-reflect属性说明足球场——第一种采用 :root效果如下：效果图如下：
2022-12-06 14:49:00
275
原创 浏览器---reset.css浏览器默认样式表重置（user agent stylesheet）
当你在浏览器控制台查看对应元素的样式的时候，会发现一些样式标有(user agent stylesheet),同时不能修改，那就表明该样式是浏览器自身对元素的设置样式，即浏览器默认样式表；当然不同浏览器之间的默认样式会有出入，同时相同浏览器的不同版本之间也会有细微差别！一般推荐使用normalize.css，不会初始化掉基础的元素样式！这里附上PC和APP端的相应reset.css样式表。APP端初始化样式表。
2022-12-02 15:30:30
5549
2
原创 Git---git shortlog查看贡献者,对比贡献次数（功能型命令）
-s 省略提交注释并返回所有贡献者列表： -n 按照贡献数量从多到少排序： -c 安装提交者而非作者来展示 -e 在其作者后面显示对应的邮箱 一般情况下合并使用，主要为了查看下对应的提交，没别的作用！
2022-12-01 17:00:11
927
原创 Git---查看文件提交的详细信息git show
显示出了上次提交的commit id、作者信息（邮箱和姓名）、提交日期、commit message、代码diff等。语法或提交哈希来检查过去的提交。使用以下命令就可以获取往前数的第三次提交的详细信息。这样提交信息就简洁了很多。3. 还可以添加一个。标志，以简化输出信息。
2022-12-01 16:48:09
5575
原创 Git---分支合并之合并分支commit提交数据cherry-pick
现在突然出现一个需求，此时本地分支需要拉取另一个分支test上的某部分代码修改（简单说就是需要合并指定commit记录的文件修改记录到当前分支）直接开始重点讲解：在不同分支之间进行代码合并时，通常会有两种情况：一种情况是需要另一个分支的所有代码变动，那么就可以直接合并（git merge），另一种情况是只需要部分代码的变动（某几次提交），这时就可以使用以下命令来合并指定的提交：1. 在被合并的分支上进行查询commit操作2. 回到主分支后进行操作3. 建议添加-x。
2022-12-01 16:30:00
3016
原创 Git---当本地分支和远程分支都被删除时，如何处理？
记得每个功能开发完后，及时commit。只要在log上产生记录树，一切问题就不是什么大问题了这里造成这种情况的原因，可能有两种：1. 前期确定该分支不需要了，自己主动删除2. 被朋友或合伙人误删！！！当然，接下来才是重点！！！如何去恢复？？？首先这种情况是针对有过commit记录的相关分支，原理就是需要commit hash值来恢复滴！！！
2022-12-01 14:01:10
1793
3
原创 JavaScript---函数arguments参数直接获取的方式
平时如果写函数不确定入参数量的话，可以采用获取arguments对象来计算参数。Arguments对象如下：类数组经过Array.from变成真正的数组。将arguments类数组转化为真正的数组。看个人喜好，选择方便适合自己的写法！函数的参数获取：arguments。
2022-11-24 17:50:44
950
elementui-2.14.1
2022-07-25
问题：我前端使用textarea输入框输入，问题出现在ios输入空格后
2023-07-27
关于#vue.js#的问题：只需要 vue 3 代码逻辑中获取接口或页面数据
2023-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人