- 博客(27)
- 收藏
- 关注
RSS订阅原创 Debug-013-el-loading中显示倒计时时间
优化：前端除了根据后端返回的ending字段判断停止调用查询接口以外，还会给出一个30秒的兜底时间，也就是说30秒之后如果ending字段依旧是false，前端就认为查询超时，停止loading和调用接口，而且想把这个30秒的时间放在loading上，可以更好的告诉用户需要等待最长大概30秒左右。今天实现一个小小的优化，业务上是后端需要从设备上拿数据，所以前端需要不断调用一个查询接口，直到后端数据获取完毕，前后端根据一个ending字段为true判断停止调用查询接口。对，大概是这么个思路。
2024-05-29 19:15:59
665
原创 Debug-012-el-popover 使用 doClose() 关闭窗口不生效的处理方案
这个方法是可以替代v-model="visible"来控制显示隐藏的（显示用doShow()这个方法）只要还是因为是在列表中，内容比较多，感觉用不了这个动态绑定v-model='visible + scope.row.id' 这种写法，但我记得好像失败了，最终选择了用doClose()的方案。看了好几篇博文，基本用的都是一种方法，但是他们给出的原因都是表格懒加载导致，可是我也没加这个属性，所以不能说服我，还说VUE不能检测到ref的值变化 不能触发视图更新（这个感觉靠点谱，但是视频1为什么行呢？
2024-05-28 19:12:47
757
原创 程序员-网站分享（只有干货）
在线,JSON,JSON 校验,格式化,xml转json 工具,在线工具,json视图,可视化,程序,服务器,域名注册,正则表达式,测试,在线json格式化工具,json 格式化,json格式化工具,json字符串格式化,json 在线查看器,json在线,json 在线验证,json tools online,在线文字对比工具。程序员宝盒（baoboxs.com）是一个专门为程序员量身定制的一站式导航站，让程序员的学习、工作、娱乐更加高效、便捷。程序员宝盒-专属程序员的一站式导航。
2024-05-23 23:34:09
992
原创 Debug-011-ES6中的链判断运算符（?.）
--------------------------------------------------补充---------------------------------------------------上面明显是一个错误写法，因为有时候接口返回的数据data中是没有a的，data有可能是{} 或者null ,这个时候再这样取值肯定会报错。这样写其实就是判断data是否有值，如果有就继续判断data.a是否有值，如果没有就会使用“给个默认值”，有就继续往下找，以此类推。
2024-05-21 22:32:17
586
原创 VUE-watch和watchEffect的区别
监听对象中某一个属性变化（reactive)，强烈建议使用此方式监听reactive响应对象数据（无坑）监听单个基本数据类型(ref)，（ref定义的基本类型使用watch监听的时候不需要.value）这里只能拿到新的值（newVal），拿不到旧值，并且深度监视好像无效。监听对象中某几个属性是可以的（reactive)监听对象(reactive)，不建议使用。
2024-05-20 23:54:57
499
原创 Vue3-ref的用法总结
比如：项目中子组件是一个弹窗或者抽屉，通过defineExpose暴露出来可控制它的显示隐藏的变量a,那么父组件在使用这个抽屉或者弹窗的时候，是可以通过在这子个组件上绑定ref = “dialogRef”,然后就可以得到子组件的组件实例对象，上面就有defineExpose的属性，那父组件不是想怎么么用就怎么用了吗？有的时候配合defineExpose（vue3新增的一个api，将子组件的方法或者属性暴露出来，供父组件使用）这样父组件在使用子组件时，通过ref是可以拿到子组件暴露出来的变量和方法的。
2024-05-19 23:32:15
275
原创 Debug-010-git stash的用法及使用场景
它会保存当前工作进度，会把暂存区和工作区的改动保存到一个未完结变更的堆栈中；执行完这个命令后，在运行git status命令，就会发现当前是一个干净的工作区，没有任何改动。git stash save '备注'现在可以去test一下，敲一遍就明白区别了。
2024-05-18 23:38:05
918
原创 Debug-009-用到一个git clone指令的新用法
git clone + 地址 -b +远程仓库的任意分支 +本地文件夹的名字（自己想命名什么就命名什么）学到这个新指令可以快速拉去代码，关键是可以拉去指定分支，而且可以直接命名文件夹名字。
2024-05-17 23:39:36
98
1
原创 Debug-008-el-tree-叶子节点图标的显示
最近做了好几个有el-tree的页面，坑是真的多。不过对其中的方法和属性更熟悉了。光一个el-tree我写是篇博文估计都不够，方法属性贼多。今天实现了一个小功能，分享一下。主要是利用了CSS的显示隐藏，没什么讲的。至于el-tree的那些属性，我准备单独再来分享一次。本来以为要自己写的，结果人家已经封装好了，所以还是要对文档熟悉，el-tree叶子节点添加图标按钮。
2024-05-16 18:35:21
611
原创 好用的AI工具
（1）Visual Studio Code：是一款免费，轻量级，开源的代码编辑器，支持多种语言和插件，能够满足程序员的各种需求。（9）MySQL Workbench：是一款免费的数据库设计和管理工具，可用于设计，开发和管理MySQL数据库。（3）Postman：是一款免费的API测试工具，可用于测试和调试API请求和响应。（10）Slack：是一款免费的团队沟通和协作工具，可用于与团队成员进行交流和协作。（6）Notion：是一款免费的笔记应用程序，可用于组织笔记，任务列表和文档。
2024-05-15 22:55:57
287
原创 活动文章-浅谈我眼中的IT行业现状与未来趋势
首先声明一下本文就是个人目前十分粗浅看法，只是想和大家分享一下，随着不断学习，我想我的想法也会再有所变化吧，看了一些活动文章，都很不错，很长见识。本人也无需再讲述一些专业名词，从宏观角度专业分析，就只分享个人看法。欢迎各位批评指正。
2024-05-14 16:40:27
161
1
原创 多功能网站-【Be JSON】分享
今天分享一个很不起眼但很好用的网站。Be JSON之前并没有认真看这个网站，想把它放在之前的博文中，但今天仔细一看，这个“小小的”网站其实融合汇聚了十分多的小功能可以方便开发，所以还是想单独写一次博文分享。
2024-05-14 14:13:23
683
1
原创 Debug-007-处理npm i 卡住的问题
有的时候在使用npm i 命令时，会出现卡顿现象，并且一直没有动静。（2）设置镜像（这一步可以提高安装速度）（3）最好看一下镜像配置成功没有。（4）最后在尝试 npm i。强制清理缓存（这一步比较关键）直接使用cnpm i 安装。
2024-05-13 23:23:56
280
原创 前端-vue工程化-文件.gitignore的使用
今天分享一下.gitignore文件的作用。通常，一个.gitignore文件会被放在仓库的根目录下。
2024-05-13 16:15:50
708
原创 项目中常用git 常用命令
新手的话还是不要看了，不具备指导意义本人在项目中常用的git指令，之后还会补充，没有技巧可言，就是常用常敲，多用就记住了。git initgit loggit statusgit add .git commit -m "提交信息"git reset --hard HEAD^ // 退回到相对于当前版本的上一个版本 HEAD 表示当前版本git reset --hard HEAD^^ // 退回到相对于当前版本的上上一个版本 HEAD 代表当前版本。
2024-05-12 23:34:15
134
原创 上班摸鱼网站
一个能让所有人学做任何事情的网站。我知道你们和我一样都不愿意写PPT。不会摸鱼的程序员不是好厨师。工作就是愉快的带薪学习。工作就是愉快的带薪学习。不必多说，YYDS。
2024-05-12 22:51:49
190
原创 前端-vue工程化-utils文件夹的使用
这个用的比较多吧，项目中经常需要使用for in 去遍历对象 然后用hasOwnProperty去判断这个对象有没有这个key,如果在循环中找到了一个键，则立即返回false，表示对象不为空。utils文件夹的主要作用就是为了方便管理一些项目中可能频繁使用的js函数，这样我们需要做的就是在该使用某个方法的地方去引用utils文件夹下的方法，而不是在好多地方去再重复写一遍。我们在开发vue项目中一般都会有一个utils文件夹，它的作用就是用来统一管理项目中的工具函数。
2024-05-11 11:17:25
623
2
原创 Debug-006-处理el-table添加自定义表头之后，表格高度变小的问题
console.log("tableRef", this.$refs.tableRef) //vue2的写法。因为表头字段比较多吧，所以做一个dialog去展示，确定之后就展示对应勾选的表头。以后还是要提前多熟悉这些方法和属性，坑真的是都要踩一遍啊，一个也少不了。表格高度变小之后，我的十几行数据展示不全。并且vue2和vue3其实都有这个方法。
2024-05-10 14:53:36
229
1
原创 其他-通义灵码-智能编程辅助工具
尽管AI不懂业务，但如果我们程序员理解业务之后，在不同的场景下，如果可以把业务需要实现的功能拆分成一二三四五个步骤，或许在其中某一个细小的步骤中就可以向工具提问，比如一些确定的数组方法、基本概念你忘掉了，或者前端没有拿到可以直接使用去渲染的后端数据需要二次处理，又或者两个对象数组循环遍历的某些逻辑，再比如一些复杂一点的数据流转等等，你可以以一个简单的例子向通义灵码提问，通过几次修正我们的问题可以得出一个通用的方法，一般可以得到一个正确的答案。所以AI替代程序员还是要有很长一段路要走的。
2024-05-09 23:46:07
435
1
原创 Debug-005-实现elementui的el-tree组件的一级节点的复选框不显示
这里一共有两个问题：（1）如何生效（2）项目中还有别的组件和页面使用el-tree,这样修改之后，肯定会影响其他地方的使用，怎么处理？这里是通过改样式的方法，在网上参考别的大佬的代码，但其实我还没有深刻理解这段代码的含义，这里肯定要留意一下，再出一期。补充一下这一段知识点的空白，请各位大佬见谅。这里应该涉及到Vue中的深度选择器的相关知识（下面的代码是el-tree的基本结构和一些属性方法（请看备注，这里不再赘述，也可以去。这里我本来的思路其实是参考网上给出的另一种方式，即改源码的方式。
2024-05-09 10:22:47
544
1
原创 wechat-001-开放能力-获取微信头像
首先给button 添加属性open-type 值选择chooseAvater。开放能力1： 获取微信头像。绑定bindchooseAvater事件。开放能力2: 转发能力。
2024-05-08 23:41:02
223
1
原创 Debug-004-elementUI表单校验validate&validateField
这个不是一般的那种三个字段同时提交表单，这个是每次点击后面的write按钮的时候开始校验。当然要注意：在页面结构中要配置好相应的rules，然后这里只对“token”进行校验。这样是完全可以拆开，就是写起来写三个不同的:rules="rules"，太麻烦。以前一直用的都是validate这个，这样就是对整个表单进行校验的方法。今天碰到一个问题，是关于表单校验的问题。用的是饿了么的组件。还是挺方便的，所以要注意这两个的区别。
2024-05-08 18:16:17
567
原创 Debug-003-el-tree中的一些属性&方法&坑
el-tree在项目中应用还比较多，涉及权限，建筑层级等等业务的问题可能都要用到，坑也比较多。今天把碰到的需要和使用过的一小部分内容分享一下。Vue2，3会有一点差异，但不大，具体问题具体分析吧。第一个其实就是业务数据，其实是这棵树（:data=“data”）中的某层级下的一个节点的数据（你点击的哪一个就是哪一个），data其实也是后端返回的嘛，调接口拿的，格式还是要符合el-tree的基本要求。其实有三个哈，第三个我参与的业务用的比较少吧。expanded（也有用，业务里碰到过，后期再补充）
2024-05-07 18:42:40
286
原创 Debug-002-前端如何以4个li标签中的“:“的实现竖直方向对齐
（1）这里现将页面中每一个标签中插入两个,第一个放标题部分（或者说是以冒号结尾的部分），第二个放内容。（2）利用display: inline-block;/*使元素成为行内块元素*/具体来说就是这四个li以冒号垂直方向对齐，并且后面的内容改变颜色。一个很简单的问题：如何将1转换成2的形式。注：（1）利用伪元素。
2024-05-07 09:17:33
252
原创 Debug-001-VScode 全局搜索关键字问题排查
最近使用vscode的全局搜索功能时，发现搜索不到文件中的关键词，明明这个文件中就存在全局搜索框输入的关键词，但就是搜不到。一般公司是可以解密文件的，这个要根据不同公司的加密软件而定。解密以后，果然可以搜索到那个文件中的关键字。1.VScode 搜索存在问题的可能性排查。排查原因：原来是公司把文件加密导致的结果。
2024-05-06 13:57:55
251
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人