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