- 博客(48)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 ios快捷指令+小爱同学。实现检测违章短信语音播报
到这里就已经可以运行了，但是这里有个疑问，get请求自己服务器时的传参，我想直接用变量【文本】来着。但是到服务器哪里，一直都只有前五个文字。不确定是不是变量没有转码的原因。因为影响不大，就没有深究，了解的同学可以指点下。
2025-01-20 13:28:35
485
原创 40元+ 成本，借助小爱实现懒人智能家居
老设备支持声控之后，还是很方便的，开关空调不再需要找到遥控器，晾衣服的时候，也不需要在手动控制上升下降了。只是更多的老设备，不支持遥控器，可能还需要智能插座辅助了。
2025-01-20 11:10:01
562
原创 element-plus tree-select不支持multiple-limit问题修复
项目中用到了element-plus中的el-tree-select，场景是分情况多选，达到了指定数量后不能再选择。el-select是支持限制最大选择数量的，但是el-tree-select使用这个属性不生效。可以看到，即便是加上了multiple-limit限制，文字已经禁用了，但是复选框依然可选，应该是源代码层面的bug。，但是截止到目前（2024年12月11日）依然没有修复。github上已经有人发现了这个bug。
2024-12-11 09:38:58
470
原创 vsocde 正在保存“xxx“: Running Code Actions and Formatters..问题修复
看弹框提示，最开始怀疑是vscode插件自动升级，某个插件的版本有问题。没想到是因为koroFileHeader，看更新记录4.9.3是1年前的版本，可能是因为用的是新电脑，vscode插件自动升级了。黑人问号脸，我保存文件你koroFileHeader凑什么热闹，你不是个添加注释的工具吗，于是去github仓库搜方案，这个。等待3-5s才能保存成功，并且eslint自动修复偶尔会失效，需要反复ctrl+s才能保存成功。出现列表后，点击黑色圆点开始记录，之后正常保存一个文件，查看过程中参与的插件耗时。
2024-11-13 10:46:30
2205
1
原创 node小工具-excel读取和导出
我这里是用了node的xlsx// 安装xlsx npm install -- save xlsxxlsx本身提供了一个读取文件方法，就不需要用fs的读取了，核心代码如下// 我这里只需要第一个，对于多个sheet的情况，这里加个循环就好了// 将表内容转换为 JSON 数据这里推荐使用vscode的调试模式，可以很方便的查看变量的实际值，不用console一遍一遍查看感觉没有合并这个要求的话，excel是不是可以直接筛选出来了？对excel函数不熟悉，尝试了几下没有实现。
2024-11-07 15:39:21
744
原创 error: pathspec ‘src/submodules/xxx‘ did not match any file(s) known to git问题解决
公司开一个新项目，从就框架拷贝一份到新项目，项目中用到了子仓库，结果在运行命令时报错。
2024-04-12 14:45:28
843
原创 cnpm 新版本替换，及randomUUID is not a function问题解决
cnpm新域名替换及randomUUID is not a function问题解决
2022-06-14 11:30:43
17552
19
原创 react hook：useEffect不更新数据 踩坑
iframe 内嵌页面，通过监听message事件进行通讯，刚上手hook，对语法不熟练踩了个大坑，记录下来给自己提个醒，问题代码如下： ... const form = useMemo(() => { console.log('formValue',formValue) const pattern = pageType == 'detail' ? 'readOnly':'editable' return createForm({...formValue,pattern
2021-12-14 11:38:10
6392
3
原创 使用node开发一个解放双手的小工具《二》- vsCode插件包装
背景：此篇是上篇《使用node开发一个解放双手的小工具》的后续，前边遗留了一些问题，最近完善了一下。因为发现实际使用起来，有很多的不方便：使用上，需要配置对应的根目录，因为是需要用户手动修改config中的地址，这时目录就有可能有问题，不是根目录、路径不完整之类的。工具本身，提交到git上，需要拉下来，然后再工具的对应目录下运行，去生成对应目录下的文件。操作起来有点奇怪。索性直接搞成vsCode插件么，现在前端开发应该对vscode这么熟悉，它自带的插件本身使用起来就很方便。而且在vsCod.
2021-07-23 13:40:59
312
原创 使用node开发一个解放双手的小工具
背景，公司后台管理系统很多新需求都是类似的，都是加一个新报表，查询条件，导出，合计，列表展示。其实就是一个页面的复制黏贴，但是由于前辈们在项目架构时期分层做的比较好（但是后续开发挺个人觉得有点累），每次加一个新页面，起码要在6个文件夹中拷贝出一个新文件。几次拷贝之后，懒癌发作，还不如花点时间写一个node脚本，将模板文件整理好，后边开发新页面直接跑一下脚本不就完事了，多出的时间摸鱼他不香吗。实现思路拷贝目录时，先在模板文件夹下创建对应通用模板获取模板路径和项目路径（用户输入/config配置？）.
2021-07-16 14:57:39
463
原创 老生常谈-vue页面加载速度优化
做完加版上线，折腾到半夜，下午来了之后总算能清闲一些，搞一些非业务的东西来充实下自己。正好昨天上线时发现项目中有个h5手机端页面，首屏加载非常缓慢。决定优化下现状测试环境下，在chrome打开页面，加载需要将近13s，才加载完。下载了4M的资源包。备份为了不影响测试环境，肯定要自己搭建一个环境来测试优化效果。此处，明总的服务器又体现出效果了，白嫖的快乐。然后再本地单独开一个测试分支，方便后续跟进开始1. 测试环境，静态资源404没想到开始就在测试环境碰到了坑，打包出的页面无法访问到静态.
2021-07-05 11:35:00
2123
2
原创 node开发-express开发接口
背景，我是一个很懒的人。学习新东西的动力，从来都不是xxx出了个新功能/版本,我要尝尝鲜之类的。每次都是有某些东西的实际需求，才会主动尝试去学习一些新东西，比如这次，后端资源缺乏，学学后端接口，自食其力。框架上次对接小爱同学，开发了一个基于node、express、mysql、axios的后端服务。这次不想那么麻烦，就直接在老框架上边进行二次开发。不过也算是正式了解了下express开发接口的流程1、目录目前目录结构，只是没想到，一个目录结构也能困扰挺久的。因为没写过正式的express项目，.
2021-06-16 15:52:22
280
原创 mac 开发vue项目时 npm install 卡死问题，permission denied 问题
背景：新项目开发，mac第一次使用。一脸懵逼，npm install 的时候总是到某个包卡死。开始以为是网速问题。等待了很久，依然没有进度。然后尝试挂上代理，依然卡死。各种百度，最后发现ssh-add ~/.ssh/id_rsa这个命令贼好用。同时也解决了git clone输入密码的问题...
2020-10-15 17:35:00
720
原创 解决vue-i18n Cannot translate the value of keypath 'stateList.'. Use the value of keypath as default.
项目中使用了i18n来解决国际化问题。碰到了警告：Cannot translate the value of keypath ‘stateList.’. Use the value of keypath as default.百度了下，发现大多数都是配置i18n不显示警告的方式来解决，这不是掩耳盗铃么。检查了下代码，发现其实是个很简单的问题：如图，我在select中使用了i18n的$t函数...
2020-01-07 16:29:23
15132
原创 微信分享链接优化 title icon 描述
项目中要做微信分享链接的优化，展示公司产品的相关信息。摸索了下，也踩了不少坑，记录一下。起步微信分享到微信好友或qq好友微信分享到朋友圈或qq空间微信分享到企业微信注意事项起步(1)查阅微信官方文档，配置基础信息： ①引入jsdk ②初始化wx.config（注意不同分享方式初始化不同api，域名不变的情况下，多次调用只需初始化一次即可） ③初始化对应分享接口 ④分享...
2019-11-11 16:06:37
1043
原创 vue proxytable失效的问题解决
在vue的开发过程中，经常会遇到本地调用后台接口的情况，如果后台接口没有做处理的情况下，就会碰到跨域问题，下边是在开发中自己经常用到的跨域解决方案，供大家参考一下：vue-cli配置proxytable：这个配置比较简单，如果使用vue-cli搭建的脚手架，只需要在 根目录/config/index.js 中修改proxyTable属性即可没配置参考：proxyTable: { ...
2019-10-24 16:05:12
5764
原创 node.js 批量替换a标签跳转链接
为客户临时赶得一个页面，为了方便，从网上下载的模板。在样式上和跳转上做了修改，暂时顶用需求主要是a标签的href1 外链的跳转，修改为自己的网址2 相对路径跳转，不做修改3 # 或者 javascript:;不做修改确定了这些，接下来就好做了，原本是计划写一个正则，直接匹配a标签的内容，将这几个条件去除掉，但是正则功力有限，加上想到了前两天写的小爬虫，决定用node试一试，...
2019-10-24 13:32:31
821
原创 Vue-element-admin升级ui版本
随着项目需求越来越多，vue-admin-element的低版本ui，有点难以满足需求，于是开始研究项目的ui版本升级，但是在网上并没有找到类似的例子，还是记录下来升级过程，看能否帮助一些小伙伴们。1. 开始更新element版本，我的需求在[email protected]基本已经满足，所以暂时定了这个版本，更新完之后，运行正常，顺利的看到这个：打开浏览器之后，却发现一直转圈圈，漫长的...
2019-09-24 21:46:29
6807
2
原创 设计模式初探：观察者模式，实现微信公众号返回事件的监听。
最近看到了技术公众号的推送文章，js的几大设计模式，闷着头看了一下。阅读大佬们的文章总是很有收货。用科学的方法来设计一个页面逻辑。比自己瞎摸索快速的多。先是仿着写了一个demo，后来碰到问题需要写一写逻辑，也算是刚好用的上。什么是观察者模式？Observer模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态。Observer模式提供给关联...
2019-09-19 22:40:11
373
原创 el-table+el-popover 踩坑记录
项目需求，要求点击table后边的操作按钮，弹出修改框。但是又不是大弹框，设计的是带箭头的小弹框，于是想到了el-popover。但是碰到了坑，将解决过程记录下来问题树形table问题popover的取消问题...
2019-07-24 17:39:38
13720
7
原创 element-ui Cascader级联选择框 回显问题
element的Cascader，好用是好用。但是，对于后台接口只保存了选中那一项的数据来说，回显来说是个问题。问题级联框回显解決解决回显问题，首先要了解回显的要求， api并没有对value格式有要求，但是我一般用数组盛放，所以我的格式是：[1,2,3,4]，这种，选择完成后是每一级选择的value，但是要保存的不一定是全部，可能只是数组最后一位，比如省市级这种，可能最后只要...
2019-07-12 15:04:44
16838
7
原创 element-ui 表格第一列随滚动自动吸顶
最近项目需求：表格中的第一列在滚动的时候，要随着页面的滚动儿滚动。纠结了半天，解决了。记录下来，看能否给碰到类似问题的朋友，提供一些思路。效果图问题表格头部的合并标题随滚动而滚动解决表格基于element-ui，所以先查看的文档，数据结构刚开始是一...
2019-07-12 11:53:39
4681
4
原创 element-ui $notify自定义html 和点击事件
最近公司需求，循环查询后台日志，有新数据弹出提示，效果类似$notify的样式，然后踩了一些坑，这里记录下，帮助一些朋友。问题可以弹出，但是自定义的内容无法自定义事件。比如相加一个button按钮，却无法对这个button监听点击事件。后台查询并不会返回新增的日志，而是将所有的日志返回，需要前端对内容判断，确定哪些东西是新增，哪些是之前就有的日志。新增的就弹出，之前有的就不用动。解...
2019-07-11 21:25:46
10895
6
原创 vue + echars 地图缩放切换数据与动态formatter数据展示
项目中最近碰到了一个复杂的效果，说是复杂其实难度主要在于我对echars的不熟悉导致的。算是摸着石头过河，分享一下解决经验。效果图分析1.地图缩放，echars的数据要修改查询文档发现可以通过监听echart的‘bmaproam’事件，能知道用户执行了缩放与拖拽，没有查询到缩放相关的事件，所以只能曲线救国了，监听到缩放之后通过chart示例，获取到当前缩放等级，然后在与变量中存储的上...
2019-06-26 16:38:46
1227
1
原创 git切换远程关联分支
切换远程仓库先将所有分支拉下git pull删除之前关联的远程分支git remote remove <远程仓库名称>关联新的远程仓库git remote add <远程仓库名称> <远程仓库地址>设置本地分支追踪远程分支git branch --set-upstream-to=<远程主机名>/<远程分支名> <...
2019-05-16 11:20:12
4561
原创 仿网易云轮播图，jq+boot轮播
下了班，放松时间听歌时，发现网易云的轮播图挺好玩，挺简单的一个轮播图，很久之前自己尝试着写过，但是没有成功。今天把坑补上吧。原效果图：直接上代码吧：/* option{ DOM : 对应元素 animaterTimer 动画过度时间 intervalTime 图片切换时间 imgList : [img1,img2] aroundBtn 左右按...
2018-08-08 13:22:31
2267
原创 h5 拖拽上传，仿bootstarp fileinput样式
背景： 项目中需求上传文件，因为之前用过bootstarp的Fileinput，所以选择了这个插件，可是在预览excal，的时候发现了问题，别的文件都正常预览，到了excal结果乱码。各种百度没有解决问题，想了半天决定自己写一个上传插件（项目功能比较简单，只接受excal）顺便练练手h5 API 这里碰到了一个坑：$("#fileLabel").on("dragenter",funct...
2018-07-13 16:49:26
900
原创 bootStarp Table插件使用,手动封装ajax发送请求
背景： 项目需求，接触了bootstarpTable，这个插件，很不错的一个插件，有bootstarp做大腿，api比较全面。写的过程中碰到了几个问题，记录一下。问题：封装ajax，后台借口是get请求类似于localhost:8893/api/test?quset={"aa":123} 这样，刚开始思路如下“`js queryParams: params =&gt; { ...
2018-07-09 21:56:40
880
1
原创 批量修改本地文件.bat命令使用与node.js批量修改文件
小仙女项目多种因素导致需要批量修改文件，百度了解了bat命令，便捷的操作本地文件，于是学习一下，博客当做记录文档，方便以后查看。
2018-06-27 12:34:21
1204
原创 为bootStarp添加自己的字体图标
前言：项目使用的bootstarp，做某些组件的时候图标不够用，然后添加了阿里的iconfont图标。挺好用的放个链接iconfont官网。不理解字体的原理，然后今天工作做完之后，抽空研究了一下。看了好多字体的使用，发现基本都是通过css3的@font-face添加字体文件（关于@font-face，可以看看张鑫旭大牛的博客： 张鑫旭真正了解CSS3背景下的@font face规则...
2018-05-30 11:33:59
1308
原创 laydate初始化多个闪退问题
前言：项目中碰到初始化多个laydate的闪退问题，百度加上问朋友，算是解决了。记录下来希望能帮助到别人。 laydate官网http://www.layui.com/laydate/changelog.html github地址https://github.com/sentsin/laydate 项目中使用的laydate5.0版本；下边回到正题： 点击添加流水生...
2018-05-25 17:20:13
3874
1
原创 jqWEUI对图片压缩并上传
jqWEUI样式，加图片上传到页面并预览1、首先介绍下背景：项目最近更新，增加了些功能，其中用到了上传图片。由于是微信端而且用到了WEUI，去jqWEUI官网翻了翻，找到了一些挺实用的样式，但是没有对应的js组件。于是决定自己搞一个，由于功能比较简单所以可能考虑的不是很全面，程序吗，肯定会有bug，先把目前的样式贴出来：效果如上，选择图片点击打开，预览出展示当前选择的图片。再次点击预览图片放大到全...
2018-05-10 15:39:49
4139
7
原创 jquery 利用canvas做一个验证码
jquery 通过canvas做一个简单地验证码1.今天工(xian)作(de)忙(dan)完(teng)，看到了项目正在用的一个验证码功能，一直一来是调用api接口返回的图片，突发奇想，也是练练手好久没用canvas，然后趁着前几天刚看的es6语法。几个融合到一起 写了一个小功能的验证码，效果如图:2.分析需求 1：生成一个带有数字，英文的验证码 2：点击可以刷新验证码3.思路 ...
2018-04-26 17:34:14
1273
原创 canvas配合js面向对象编程实现点击分割效果
canvas配合js面向对象编程实现点击鼠标分割div的效果 是前段时间老铁的一道面试题，觉得挺有意思，昨天有空拿着练练手，顺便复习了下canvas，效果图： 需求分析： 1.点击div任意地方将div分割开，分割规律为上下分割和左右分割交替进行，1次分割成2块，2次4块，三次8块~~~ 思路： 1.左右和上下分割实际上相同，只...
2018-04-10 15:25:41
528
2
原创 使用原生js封装一套ajax并设置token的函数
1.起源是老的方法在遇到新需求时有些不足，在老方法的基础上做了封装。 一直说使用框架要学会看底层代码！看底层代码！看底层代码！重要的事情说三遍。这次整合方法把项目的底层翻了一遍，杂七杂八的看的头蒙。老前辈的思路也是6到不行，半蒙半醒ing~ 不多说 直接上代码： 1.分析需求： 1没有token时直接发送，有token时需要设置请求头. 2返回的token信...
2018-04-10 15:08:22
2854
空空如也
canvas绘制视频在x5内核中不显示
2018-10-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人