- 博客(35)
- 收藏
- 关注
RSS订阅原创 Debug-018-elementUI-el-tree中通过CSS隐藏任意一项的选择框checkbox
现在有一个需求描述一下：首先是这个el-tree是个有checkbox的树，每一子节点都可以被选择，用于去实现一些系统的权限方面的功能，现在有一个特殊要求是，隐藏掉某几个叶子节点的checkbox选择框，因为这几个是不需要传递id给后端的，如果显示checkbox，由于el-tree是父子级联的关系（业务中不允许做成父子不级联的，因为菜单很多，用户一个个去勾选叶子节点非常麻烦），所以，选了父级节点，子节点会全部被勾选，这个机制是不会变的。以上是从业务上讲的，不理解的话也没事，因为我说的不是很具体。
2024-07-23 18:12:36
272
原创 wkhtmltopdf 工具安装与使用
最近一个同事请叫我一个问题，他发现一片不错的博文，是在博客园的，但是不能下载这篇文章，我看了一下才发现，原来csdn也是不行的。懂前端的伙伴可以在网站的HTML中截取文章那部分内容，cv到本地的vscode或者HBuilder中，自己生成一个，然后在使用工具转成PDF即可。生成的pdf完美还原网站。再补充一下哈，其实用这个工具的场景还比较少，一般人CV就可以，如果真有这个需要的话，wkhtmltopdf 是个不错的选择。跟刚才一样，这里的方式是直接换成某网站的URL，可以直接将网站的文章下载成pdf文件。
2024-07-23 16:42:27
247
原创 前端项目笔记&经验-001
（7）封装组件的能力，这里分享一点我自己的想法，根据个人经验，我想，前端组件可以简单分为公共的一般功能组件和实现业务的业务组件，一般功能组件是实现系统普遍存在的一般性功能，可以方便之后的相似功能业务的开发。业务组件就是和我们的需求业务有很强的关联，其中的数据，逻辑跟我们的业务强耦合，一般不能再放入其他页面中使用。我们前端在封装组件的时候确实需要也是一定要考虑的一件事情就是尽可能的不要把业务上的数据和逻辑放入到这种一般性功能的组件之中，这样会产生一些代码的耦合，我们的项目在逐渐健壮起来的时候，就很难再操作。
2024-07-11 14:45:40
356
原创 Debug-017-elementUI-el-cascader组件首次选择选项不触发表单的自定义校验
用的是饿了么的组件。今天维护一个表单校验的时候发现一件事情，就是在表单中使用了 el-cascader组件，希望根据接口返回数据去动态校验一下这里面的选项，符合逻辑就通过自定义的表单校验，不符合就在这一项的下面标红提示。加上之后，就可以在第一次选择el-cascader之后就会主动触发表单中rule里对应“group”的校验，也就解决了第一次不触发的问题，但是为什么第一次回不触发呢？补充一下：这里有一篇之前写过的区分elementUI中区分表单全部校验和单独字段校验的文章，细节在这里面，可以去看看。
2024-07-05 16:16:53
825
原创 前端-vue工程化-Pinia的使用
我就是看了他们的文章，并且项目中确实用到了状态管理，所以顺便练习了一下，感觉他们写的已经很不错了，让我加深了印象和更好的理解了Pinia这个状态管理库。（其实我也不用再写了，看完这两篇文章，再去官网扫一眼，如果项目中真的需要，试用一下基本就可以成功。补充一句：项目中全局的状态管理并非是必要的，这一点官网说的也很客观，当我们业务有需要的时候，考虑的全局状态管理的确实有必要的时候，Pinia当然就是一个很不错的方式。我们项目中使用的状态管理工具其实就是Pinia，当然不是我推荐大家用的，这个有迹可循，因为。
2024-07-04 14:59:16
732
原创 Debug-016-bigNumber的部分使用方法与属性
其实int和float类型还好吧，但是double这个数太大，超级大，我之前希望可以将这个具体的数可以确定到具体的值，而不是“1.7976931348623157E+308”这种，精确到小数点后16位。个人觉得这个还是很好用的，因为它最巧妙的在于将一个非常大的数，利用数组，将其分割成为若干的小数，这样就很好控制每一个部分，然后再配合定义好的正负和指数，就可以将这个数表示出来。我需要做的工作就是在选择完不同的类型时，校验用户的数在对应的范围里。按照阿里这个最大的数据来校验即可。
2024-07-02 16:55:50
685
原创 Debug-015-找出两个列表中不重复的元素
这段代码主要实现了从一个列表中筛选出不在另一个集合中的元素。简而言之，这段代码的作用是找出两个列表中不重复的元素。的原话，是不是很强大。
2024-06-06 09:43:09
625
原创 Debug-014-nginx代理路径的一条规则
如果/dev和下面的proxy_pass路径最后都带‘/’,那么就是匹配到dev之后要删除dev,然后再带着后面的路径；如果/dev和下面的proxy_pass路径最后都不带‘/’,那么就是匹配到dev之后不会删除dev字段。如果proxy_pass 端口后有斜杠/，proxy_pass不拼接location的路径。如果proxy_pass 端口后无斜杠/，proxy_pass会拼接location的路径。
2024-06-02 21:34:08
426
1
原创 Debug-013-el-loading中显示倒计时时间
优化：前端除了根据后端返回的ending字段判断停止调用查询接口以外，还会给出一个30秒的兜底时间，也就是说30秒之后如果ending字段依旧是false，前端就认为查询超时，停止loading和调用接口，而且想把这个30秒的时间放在loading上，可以更好的告诉用户需要等待最长大概30秒左右。今天实现一个小小的优化，业务上是后端需要从设备上拿数据，所以前端需要不断调用一个查询接口，直到后端数据获取完毕，前后端根据一个ending字段为true判断停止调用查询接口。对，大概是这么个思路。
2024-05-29 19:15:59
757
原创 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
1055
原创 程序员-网站分享（只有干货）
在线,JSON,JSON 校验,格式化,xml转json 工具,在线工具,json视图,可视化,程序,服务器,域名注册,正则表达式,测试,在线json格式化工具,json 格式化,json格式化工具,json字符串格式化,json 在线查看器,json在线,json 在线验证,json tools online,在线文字对比工具。程序员宝盒（baoboxs.com）是一个专门为程序员量身定制的一站式导航站，让程序员的学习、工作、娱乐更加高效、便捷。程序员宝盒-专属程序员的一站式导航。
2024-05-23 23:34:09
1057
原创 Debug-011-ES6中的链判断运算符（?.）
--------------------------------------------------补充---------------------------------------------------上面明显是一个错误写法，因为有时候接口返回的数据data中是没有a的，data有可能是{} 或者null ,这个时候再这样取值肯定会报错。这样写其实就是判断data是否有值，如果有就继续判断data.a是否有值，如果没有就会使用“给个默认值”，有就继续往下找，以此类推。
2024-05-21 22:32:17
603
原创 VUE-watch和watchEffect的区别
监听对象中某一个属性变化（reactive)，强烈建议使用此方式监听reactive响应对象数据（无坑）监听单个基本数据类型(ref)，（ref定义的基本类型使用watch监听的时候不需要.value）这里只能拿到新的值（newVal），拿不到旧值，并且深度监视好像无效。监听对象中某几个属性是可以的（reactive)监听对象(reactive)，不建议使用。
2024-05-20 23:54:57
509
原创 Vue3-ref的用法总结
比如：项目中子组件是一个弹窗或者抽屉，通过defineExpose暴露出来可控制它的显示隐藏的变量a,那么父组件在使用这个抽屉或者弹窗的时候，是可以通过在这子个组件上绑定ref = “dialogRef”,然后就可以得到子组件的组件实例对象，上面就有defineExpose的属性，那父组件不是想怎么么用就怎么用了吗？有的时候配合defineExpose（vue3新增的一个api，将子组件的方法或者属性暴露出来，供父组件使用）这样父组件在使用子组件时，通过ref是可以拿到子组件暴露出来的变量和方法的。
2024-05-19 23:32:15
337
原创 Debug-010-git stash的用法及使用场景
它会保存当前工作进度，会把暂存区和工作区的改动保存到一个未完结变更的堆栈中；执行完这个命令后，在运行git status命令，就会发现当前是一个干净的工作区，没有任何改动。git stash save '备注'现在可以去test一下，敲一遍就明白区别了。
2024-05-18 23:38:05
959
原创 Debug-009-用到一个git clone指令的新用法
git clone + 地址 -b +远程仓库的任意分支 +本地文件夹的名字（自己想命名什么就命名什么）学到这个新指令可以快速拉去代码，关键是可以拉去指定分支，而且可以直接命名文件夹名字。
2024-05-17 23:39:36
130
1
原创 Debug-008-el-tree-叶子节点图标的显示
最近做了好几个有el-tree的页面，坑是真的多。不过对其中的方法和属性更熟悉了。光一个el-tree我写是篇博文估计都不够，方法属性贼多。今天实现了一个小功能，分享一下。主要是利用了CSS的显示隐藏，没什么讲的。至于el-tree的那些属性，我准备单独再来分享一次。本来以为要自己写的，结果人家已经封装好了，所以还是要对文档熟悉，el-tree叶子节点添加图标按钮。
2024-05-16 18:35:21
655
原创 好用的AI工具
（1）Visual Studio Code：是一款免费，轻量级，开源的代码编辑器，支持多种语言和插件，能够满足程序员的各种需求。（9）MySQL Workbench：是一款免费的数据库设计和管理工具，可用于设计，开发和管理MySQL数据库。（3）Postman：是一款免费的API测试工具，可用于测试和调试API请求和响应。（10）Slack：是一款免费的团队沟通和协作工具，可用于与团队成员进行交流和协作。（6）Notion：是一款免费的笔记应用程序，可用于组织笔记，任务列表和文档。
2024-05-15 22:55:57
306
原创 活动文章-浅谈我眼中的IT行业现状与未来趋势
首先声明一下本文就是个人目前十分粗浅看法，只是想和大家分享一下，随着不断学习，我想我的想法也会再有所变化吧，看了一些活动文章，都很不错，很长见识。本人也无需再讲述一些专业名词，从宏观角度专业分析，就只分享个人看法。欢迎各位批评指正。
2024-05-14 16:40:27
197
1
原创 多功能网站-【Be JSON】分享
今天分享一个很不起眼但很好用的网站。Be JSON之前并没有认真看这个网站，想把它放在之前的博文中，但今天仔细一看，这个“小小的”网站其实融合汇聚了十分多的小功能可以方便开发，所以还是想单独写一次博文分享。
2024-05-14 14:13:23
709
1
原创 Debug-007-处理npm i 卡住的问题
有的时候在使用npm i 命令时，会出现卡顿现象，并且一直没有动静。（2）设置镜像（这一步可以提高安装速度）（3）最好看一下镜像配置成功没有。（4）最后在尝试 npm i。强制清理缓存（这一步比较关键）直接使用cnpm i 安装。
2024-05-13 23:23:56
453
原创 前端-vue工程化-文件.gitignore的使用
今天分享一下.gitignore文件的作用。通常，一个.gitignore文件会被放在仓库的根目录下。
2024-05-13 16:15:50
842
原创 项目中常用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
145
原创 上班摸鱼网站
一个能让所有人学做任何事情的网站。我知道你们和我一样都不愿意写PPT。不会摸鱼的程序员不是好厨师。工作就是愉快的带薪学习。工作就是愉快的带薪学习。不必多说，YYDS。
2024-05-12 22:51:49
203
原创 前端-vue工程化-utils文件夹的使用
这个用的比较多吧，项目中经常需要使用for in 去遍历对象 然后用hasOwnProperty去判断这个对象有没有这个key,如果在循环中找到了一个键，则立即返回false，表示对象不为空。utils文件夹的主要作用就是为了方便管理一些项目中可能频繁使用的js函数，这样我们需要做的就是在该使用某个方法的地方去引用utils文件夹下的方法，而不是在好多地方去再重复写一遍。我们在开发vue项目中一般都会有一个utils文件夹，它的作用就是用来统一管理项目中的工具函数。
2024-05-11 11:17:25
978
2
原创 Debug-006-处理el-table添加自定义表头之后，表格高度变小的问题
console.log("tableRef", this.$refs.tableRef) //vue2的写法。因为表头字段比较多吧，所以做一个dialog去展示，确定之后就展示对应勾选的表头。以后还是要提前多熟悉这些方法和属性，坑真的是都要踩一遍啊，一个也少不了。表格高度变小之后，我的十几行数据展示不全。并且vue2和vue3其实都有这个方法。
2024-05-10 14:53:36
255
1
原创 其他-通义灵码-智能编程辅助工具
尽管AI不懂业务，但如果我们程序员理解业务之后，在不同的场景下，如果可以把业务需要实现的功能拆分成一二三四五个步骤，或许在其中某一个细小的步骤中就可以向工具提问，比如一些确定的数组方法、基本概念你忘掉了，或者前端没有拿到可以直接使用去渲染的后端数据需要二次处理，又或者两个对象数组循环遍历的某些逻辑，再比如一些复杂一点的数据流转等等，你可以以一个简单的例子向通义灵码提问，通过几次修正我们的问题可以得出一个通用的方法，一般可以得到一个正确的答案。所以AI替代程序员还是要有很长一段路要走的。
2024-05-09 23:46:07
470
1
原创 Debug-005-实现elementui的el-tree组件的一级节点的复选框不显示
这里一共有两个问题：（1）如何生效（2）项目中还有别的组件和页面使用el-tree,这样修改之后，肯定会影响其他地方的使用，怎么处理？这里是通过改样式的方法，在网上参考别的大佬的代码，但其实我还没有深刻理解这段代码的含义，这里肯定要留意一下，再出一期。补充一下这一段知识点的空白，请各位大佬见谅。这里应该涉及到Vue中的深度选择器的相关知识（下面的代码是el-tree的基本结构和一些属性方法（请看备注，这里不再赘述，也可以去。这里我本来的思路其实是参考网上给出的另一种方式，即改源码的方式。
2024-05-09 10:22:47
751
1
原创 wechat-001-开放能力-获取微信头像
首先给button 添加属性open-type 值选择chooseAvater。开放能力1： 获取微信头像。绑定bindchooseAvater事件。开放能力2: 转发能力。
2024-05-08 23:41:02
242
1
原创 Debug-004-elementUI表单校验validate&validateField
这个不是一般的那种三个字段同时提交表单，这个是每次点击后面的write按钮的时候开始校验。当然要注意：在页面结构中要配置好相应的rules，然后这里只对“token”进行校验。这样是完全可以拆开，就是写起来写三个不同的:rules="rules"，太麻烦。以前一直用的都是validate这个，这样就是对整个表单进行校验的方法。今天碰到一个问题，是关于表单校验的问题。用的是饿了么的组件。还是挺方便的，所以要注意这两个的区别。
2024-05-08 18:16:17
622
原创 Debug-003-el-tree中的一些属性&方法&坑
el-tree在项目中应用还比较多，涉及权限，建筑层级等等业务的问题可能都要用到，坑也比较多。今天把碰到的需要和使用过的一小部分内容分享一下。Vue2，3会有一点差异，但不大，具体问题具体分析吧。第一个其实就是业务数据，其实是这棵树（:data=“data”）中的某层级下的一个节点的数据（你点击的哪一个就是哪一个），data其实也是后端返回的嘛，调接口拿的，格式还是要符合el-tree的基本要求。其实有三个哈，第三个我参与的业务用的比较少吧。expanded（也有用，业务里碰到过，后期再补充）
2024-05-07 18:42:40
314
原创 Debug-002-前端如何以4个li标签中的“:“的实现竖直方向对齐
（1）这里现将页面中每一个标签中插入两个,第一个放标题部分（或者说是以冒号结尾的部分），第二个放内容。（2）利用display: inline-block;/*使元素成为行内块元素*/具体来说就是这四个li以冒号垂直方向对齐，并且后面的内容改变颜色。一个很简单的问题：如何将1转换成2的形式。注：（1）利用伪元素。
2024-05-07 09:17:33
264
原创 Debug-001-VScode 全局搜索关键字问题排查
最近使用vscode的全局搜索功能时，发现搜索不到文件中的关键词，明明这个文件中就存在全局搜索框输入的关键词，但就是搜不到。一般公司是可以解密文件的，这个要根据不同公司的加密软件而定。解密以后，果然可以搜索到那个文件中的关键字。1.VScode 搜索存在问题的可能性排查。排查原因：原来是公司把文件加密导致的结果。
2024-05-06 13:57:55
361
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人