- 博客(414)
- 资源 (10)
- 收藏
- 关注
RSS订阅
原创 Vue---vuex状态管理工具的前生今世
vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库,它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2022-10-24 23:48:15
871
7
原创 Vue---11种组件传值方式总结，总有一款适合你
以上示例代码展示了Vue 2中不同组件间通信方法的实现方式。注意，对于Pinia和Vue 3+特有的通信方式，这里没有提供Vue 2的示例代码。
2022-08-08 17:49:20
2418
原创 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
364
原创 CentOS------yum安装报错：Errors during downloading metadata for repository ‘AppStream’,源报错处理，简洁易懂
yum install ：：：Errors during downloading metadata for repository ‘AppStream’
2022-03-23 16:58:58
3401
原创 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
4386
原创 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
3184
原创 Git---git 报错 fatal: No such remote ‘origin‘ 的解决方法
解决方法:在本地运行git remote -v，没有显示任何地址，需要添加，而不是修改。运行：
2021-06-03 14:52:23
24279
1
原创 npm---下载资源包速度慢，切换淘宝源（粉丝福利）
先来结果执行代码，再看下面详情，干净利落~下包的命令仍然是npm。下包的命令是cnpm。
2020-10-14 14:45:19
1089
1
原创 CSS---序号使用css设置，counter-reset、counter-increment、content配合实现备注文案的序号展示
其中注意如果是全数字的话，不会换行，需要自己修改使用哦！
2024-09-13 13:57:18
474
原创 vscode---snippets配置全局代码片段，快捷开发！
举例：比如跳转登录，需要调用app的客户端方法，api调用跳转；但是跳转登录逻辑每个页面都有可能使用！为了方便重复敲代码，可使用vscode的代码片段功能！代码片段的作用：在开发一个项目时，经常会遇到好多同一个代码逻辑，可配置固顶逻辑的代码块，避免重复敲同一代码；
2024-09-09 14:25:15
305
原创 Vue3---多种组件传值方式总结
在Vue 3项目中，Vuex是一个常用的状态管理库，它可以帮助你在多个组件之间共享状态。结合上述代码，您可以创建一个简单的Vue 3应用程序，其中包含一个用来发表消息的组件和另一个用来订阅消息的组件。状态会相应增加或减少，并且由于状态的响应式特性，所有使用了该状态的组件都会自动更新显示。如果需要，可以创建一个中间组件，但在这个示例中，我们将直接从父组件跳转到孙子组件。最重要的一点，想要ref传值赋值，一定要用方法的方式去调用，直接赋值无效！的示例，其中一个父组件提供数据，一个孙子组件通过注射获取这些数据。
2024-08-14 17:18:10
1292
原创 Vue---vue3+vite项目内使用devtools，快速开发！
我们在前期开发时，一般使用chrome或者edge浏览器，会使用vue-devtools或react-devtools（此插件个人未使用，可百度下是否可内嵌入项目！）来审查vue项目；这个需要安转浏览器插件才可支持！故此本博客的目的是，如果已经开发或者维护阶段的vue+vite项目如何临时插入该插件使用!创建vue3项目时，会提示是否安装devtools的插件！
2024-07-24 15:04:09
707
原创 Git---git本地配置commit_template提交模板，规范开发
Commit Template 是一个预定义的文本文件，其中包含了提交信息的基本结构和指南。当开发者在进行代码提交时，Git 会根据这个模板自动生成或提示提交信息的格式，从而确保每次提交的信息都是一致且符合规范的。
2024-07-15 17:07:12
1808
原创 性能优化--- iframe阻塞页面渲染的问题，如何优化？
提前加载iframe的内容，可以通过设置iframe元素的src属性为一个空白页面或一个预加载页面，当需要显示iframe时再修改src属性为真正需要加载的页面。将iframe的内容分成多个片段，可以将每个片段作为独立的iframe加载，这样即使其中一个片段加载慢或发生错误，不会影响其他片段的加载。中的内容在父页面的其他内容之前下载完成，这将导致父页面的其他内容被延迟显示，从而阻塞页面的加载。的内容同时加载可能会对用户的设备产生显著的性能影响，从而阻塞页面的加载。的内容完全加载，父页面的渲染才能继续。
2024-07-09 15:37:14
927
原创 兼容性问题---H5屏幕适配方案
这些计量单位可以用来设置元素的宽度、高度、字体大小、边距、内边距等各种样式属性。使用合适的计量单位可以提高网页的响应性和灵活性，并确保在不同设备和屏幕尺寸上都有良好的显示效果。实现方式为：动态设置页面根元素大小，同时配合postcss-pxtorem插件pxtorem自动转换插件；第二步：配合px自动转rem的插件：postcss-pxtorem。：使用媒体对象@media根据屏幕的宽度设置不同的根元素大小。第一步：动态设置页面根元素大小。使用js动态设置根元素大小。
2024-07-09 15:20:07
842
原创 兼容问题---ios底部的安全距离css设置
有一点要注意，在IOS11.2系统以前，可以使用constant()函数，但是在IOS11.2系统以后，这个函数就被废弃了，被env()函数替代了。2. 同时设置env和constant代码，同样env()和constant()需要同时存在，而且顺序不能换。1. 需要将viewport设置为cover，env和constant才能生效。这里不一定用padding-bottom可以是margin-bottom设置，具体看实际情况！采用viewport+env+constant方案。
2024-07-09 12:56:10
839
原创 Git---命令筛选分支，分支过多快速定位分支！（值得收藏）
git branch` 命令本身不能直接搜索指定分支，但可以通过组合其他命令实现搜索特定分支的功能。综上所述，虽然 `git branch` 命令本身不支持直接搜索，在Git中，有一些命令可以用来筛选分支，帮助我们找到特定的分支。这些命令可以根据需要进行组合使用，以满足具体的筛选需求。但通过结合其他命令和参数，可以轻松地实现对特定分支的搜索。这些方法可以帮助你更快地找到所需的分支，提高工作效率。选项来找到已经合并了某个提交的分支。
2024-03-29 16:32:03
735
原创 Git---变基(git_rebase)操作之合并多次提交，美化log记录
该总结主要用于多个提交，最后做汇总目的是优化简化log日志修改历史commit信息记录。
2024-03-29 15:17:23
561
原创 JavaScript---lazyload图片懒加载处理_IntersectionObserver
IntersectionObserver API
2024-03-12 17:13:39
247
原创 JavaScript---VConsole插件配置使用，一步到位简单实用！
个人喜欢BootCDN这个平台（直接在线引用或者下载本地引入均可~）3. 实例化该插件，直接默认浏览器打开即可看到。
2024-03-12 15:13:28
1044
转载 JavaScript---如何实现准时的setTimeout定时器
最近有同学在面试的时候被问到了这个问题。所以我们利用这篇文章对这个问题进行下解答。
2023-12-13 15:53:53
201
原创 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
1308
原创 CSS---关于font文本属性设置样式总结
用于指定文本中单词之间的间距，设置固定值为单词间距，如10px。会破坏单词的完整性，可能会影响阅读体验，要谨慎使用。用于设置字间距，设置固定值为字间距，如10px。用于设置文本的装饰线，是下表属性的简写。设置文本在水平或垂直方向的。
2023-11-16 13:36:27
3295
原创 textarea输入框输入，在ios输入空格后，此时后台正则如下，满足了？？？
您可以将这个编码与您的正则表达式中的空格字符比较，以确定是否有差异。可能是因为iOS输入空格时，它的Unicode编码与其他平台输入空格的Unicode编码不同。此外，您还可以尝试使用第三方库，例如jQuery Validation Plugin，它提供了丰富的验证规则和错误提示功能。问题：我前端使用textarea输入框输入，问题出现在ios输入空格后，此时后台正则如下，满足了，为什么？前端andriod输入空格是可以通过这个校验的，ios就会出现问题，不满足这个正则出现报错了？
2023-07-28 09:47:05
339
原创 兼容手机端iOS和Andriod中空格（space）匹配规则
ios手机中键盘的空格对应正则表达式中的空格符（\s）。可能是因为在iOS中，键盘输入的空格默认包含了全角空格（unicode编码为0x3000），而正则表达式中的空格符只匹配半角空格（unicode编码为0x20）。因此，在进行校验时需要注意将全角空格转换为半角空格，或者在正则表达式中使用特定的全角空格符（\u3000）进行匹配。是的，校验时需要注意将全角空格转换为半角空格，或者使用兼容全角或半角空格的正则表达式进行匹配。在进行校验时需要注意将全角空格转换为半角空格，或兼容全角或半角的正则检验。
2023-07-27 13:35:38
522
原创 处理多行文本框textarea内容为string，换行兼容ios和andriod
需要注意的是，由于不同平台的换行符可能不同，因此需要使用兼容多端的正则表达式来处理换行符。在上面的代码中，我们使用了。可以使用正则表达式来处理输入文本和换行符。1. 如果手动换行将换行符处理成 |, 每行的左右空格需要清除，中间空格要做兼容多端的操作并且保留下来。2. 每行输入不可超过35个字符，最多140个字符，不包括换行符。表示 Unix/Linux 平台的换行符。正则表达式来匹配并替换换行符。表示 Windows 平台的换行符，表示 Mac 平台的换行符，
2023-07-26 10:43:09
444
原创 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
812
原创 输入空格保留或者去除的方式总结
对于每一个字符，通过判断它是否为制表符或空格字符来决定是否将其替换为空格，还是直接拼接到输出字符串中。除了使用正则表达式进行格式化，还可以使用代码处理逻辑来处理输入字符串中的空格和制表符。具体来说，可以遍历输入字符串的每一个字符，判断它是否为制表符或空格字符，将其替换为指定的字符。将这个正则表达式应用到输入字符串中，可以将所有的空格和制表符替换为指定的字符。这个示例中，使用正则表达式判断输入字符串中是否包含任意一个空格字符。使用正则表达式将它们替换为单个空格字符，输出的字符串中只包含一个空格。
2023-07-13 09:15:34
675
原创 如何在 iframe 中获取接口数据？
跨域访问iframe的限制：如果父页面和iframe页面不属于同一个域名，那么在iframe页面中无法直接访问父页面的DOM和JavaScript对象，反过来也一样。如果子页面和父页面不属于同一个域名，那么可以使用window.postMessage来进行跨域通信，父页面通过监听message事件来接收子页面发送过来的数据。如果子页面和父页面不属于同一个域名，而且无法修改子页面的代码，那么可以使用后端代理来解决跨域问题，父页面通过发起后端请求来获取子页面的数据。
2023-07-12 17:22:11
3076
原创 Vue---开发过程中，组件引入后页面无渲染(一直找了好久，页面没报错，完全没头绪！)
事件的起因：在新年的某一天，一个新需求要开发。当我建完分支随便复制了一个通用的页面，路由页面的权限都配置好了，但是页面一直不渲染！整整纠结了半天时间，最后和同事一起去确认排除页面写法问题，最终解决了该次事故！！！前言目前百度搜索啥的，搜到的基本都是因为名称大小写或者起名字语义化问题引起的，对应的解决方案基本就是：修改导入变量名或首字母改为大写！！！但是本人遇到的不是那个问题，很奇葩很难发现的一个错误！内部错误，不显示在页面的报错！
2023-02-08 17:47:37
1181
2
原创 JavaScript---数据的检测类型有哪几种？
这是因为toString是Object的原型方法，而Array、function等类型作为Object的实例，都重写了toString方法。不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后，的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串...），而不会去调用Object上原型toString方法（返回对象的具体类型），所以采用obj.toString()不能得到其对象类型，只能将obj转换为字符串类型；
2023-02-02 14:48:10
230
原创 知识点---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
231
原创 JavaScript---移动端点击click穿透，fastclick解决方案
1. 引入fastclick插件监听全局click事件，移动端click点击事件穿透的问题。(一般不采用，这种比较绝对~)如何使用插件FastClick。
2023-01-16 17:10:18
1828
原创 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
3076
原创 JavaScript---常用的鼠标事件mouseover 和mouseenter的区别
当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。2、mouseenter和mouseleave 事件不会冒泡，依旧是说鼠标移入、移出时，该元素的子元素或父元素不会触发该事件。1、mouseover和mouseout会有事件冒泡，也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。false：冒泡阶段。
2023-01-04 10:47:45
2277
原创 WeChat---getLocation的API调用不起作用的解决方案
不起作用的原因，是2022年7月14日之后发布的小程序，都要新增该属性并配置需要的对应地理位置api后才能调用地理相关api。都要加上requiredPrivateInfos的相关配置哦。即2022年7月14日后发布或者开发调试的小程序，全局配置 | 微信开放文档。2. 解决方案如下所示。
2023-01-03 15:52:52
643
原创 Git---本地仓库有多条commit,如何push某一条commit到远端
现在突然出现一个需求，此时本地分支需要拉取另一个分支test上的某部分代码修改（简单说就是需要合并指定commit记录的文件修改记录到当前分支）这个常用在自己清楚每个分支的对应提交文件，否则可能合并部分代码导致后期项目合并问题！比如图一中是原始的分支记录，现在要将第二条记录单独提交到远程分支，即实现提交指定分支记录的功能：(操作前git log自行查看对应的commit hash)采用cherry-pick用新分支去拉取当前分支的指定commit记录，之后推送到当前分支远程仓库实现推送指定历史提交的功能。
2022-12-13 16:06:52
16700
1
elementui-2.14.1
2022-07-25
需要码友给个渠道帮我提升自己
2024-05-16
问题：我前端使用textarea输入框输入，问题出现在ios输入空格后
2023-07-27
关于#vue.js#的问题：只需要 vue 3 代码逻辑中获取接口或页面数据
2023-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人