- 博客(42)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 error: pathspec ‘src/submodules/xxx‘ did not match any file(s) known to git问题解决
公司开一个新项目，从就框架拷贝一份到新项目，项目中用到了子仓库，结果在运行命令时报错。
2024-04-12 14:45:28
339
原创 cnpm 新版本替换，及randomUUID is not a function问题解决
cnpm新域名替换及randomUUID is not a function问题解决
2022-06-14 11:30:43
16606
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
5447
3
原创 使用node开发一个解放双手的小工具《二》- vsCode插件包装
背景：此篇是上篇《使用node开发一个解放双手的小工具》的后续，前边遗留了一些问题，最近完善了一下。因为发现实际使用起来，有很多的不方便：使用上，需要配置对应的根目录，因为是需要用户手动修改config中的地址，这时目录就有可能有问题，不是根目录、路径不完整之类的。工具本身，提交到git上，需要拉下来，然后再工具的对应目录下运行，去生成对应目录下的文件。操作起来有点奇怪。索性直接搞成vsCode插件么，现在前端开发应该对vscode这么熟悉，它自带的插件本身使用起来就很方便。而且在vsCod.
2021-07-23 13:40:59
233
原创 使用node开发一个解放双手的小工具
背景，公司后台管理系统很多新需求都是类似的，都是加一个新报表，查询条件，导出，合计，列表展示。其实就是一个页面的复制黏贴，但是由于前辈们在项目架构时期分层做的比较好（但是后续开发挺个人觉得有点累），每次加一个新页面，起码要在6个文件夹中拷贝出一个新文件。几次拷贝之后，懒癌发作，还不如花点时间写一个node脚本，将模板文件整理好，后边开发新页面直接跑一下脚本不就完事了，多出的时间摸鱼他不香吗。实现思路拷贝目录时，先在模板文件夹下创建对应通用模板获取模板路径和项目路径（用户输入/config配置？）.
2021-07-16 14:57:39
368
原创 老生常谈-vue页面加载速度优化
做完加版上线，折腾到半夜，下午来了之后总算能清闲一些，搞一些非业务的东西来充实下自己。正好昨天上线时发现项目中有个h5手机端页面，首屏加载非常缓慢。决定优化下现状测试环境下，在chrome打开页面，加载需要将近13s，才加载完。下载了4M的资源包。备份为了不影响测试环境，肯定要自己搭建一个环境来测试优化效果。此处，明总的服务器又体现出效果了，白嫖的快乐。然后再本地单独开一个测试分支，方便后续跟进开始1. 测试环境，静态资源404没想到开始就在测试环境碰到了坑，打包出的页面无法访问到静态.
2021-07-05 11:35:00
1914
2
原创 node开发-express开发接口
背景，我是一个很懒的人。学习新东西的动力，从来都不是xxx出了个新功能/版本,我要尝尝鲜之类的。每次都是有某些东西的实际需求，才会主动尝试去学习一些新东西，比如这次，后端资源缺乏，学学后端接口，自食其力。框架上次对接小爱同学，开发了一个基于node、express、mysql、axios的后端服务。这次不想那么麻烦，就直接在老框架上边进行二次开发。不过也算是正式了解了下express开发接口的流程1、目录目前目录结构，只是没想到，一个目录结构也能困扰挺久的。因为没写过正式的express项目，.
2021-06-16 15:52:22
206
原创 mac 开发vue项目时 npm install 卡死问题，permission denied 问题
背景：新项目开发，mac第一次使用。一脸懵逼，npm install 的时候总是到某个包卡死。开始以为是网速问题。等待了很久，依然没有进度。然后尝试挂上代理，依然卡死。各种百度，最后发现ssh-add ~/.ssh/id_rsa这个命令贼好用。同时也解决了git clone输入密码的问题...
2020-10-15 17:35:00
643
原创 解决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
13365
原创 微信分享链接优化 title icon 描述
项目中要做微信分享链接的优化，展示公司产品的相关信息。摸索了下，也踩了不少坑，记录一下。起步微信分享到微信好友或qq好友微信分享到朋友圈或qq空间微信分享到企业微信注意事项起步(1)查阅微信官方文档，配置基础信息： ①引入jsdk ②初始化wx.config（注意不同分享方式初始化不同api，域名不变的情况下，多次调用只需初始化一次即可） ③初始化对应分享接口 ④分享...
2019-11-11 16:06:37
876
原创 vue proxytable失效的问题解决
在vue的开发过程中，经常会遇到本地调用后台接口的情况，如果后台接口没有做处理的情况下，就会碰到跨域问题，下边是在开发中自己经常用到的跨域解决方案，供大家参考一下：vue-cli配置proxytable：这个配置比较简单，如果使用vue-cli搭建的脚手架，只需要在 根目录/config/index.js 中修改proxyTable属性即可没配置参考：proxyTable: { ...
2019-10-24 16:05:12
5586
原创 node.js 批量替换a标签跳转链接
为客户临时赶得一个页面，为了方便，从网上下载的模板。在样式上和跳转上做了修改，暂时顶用需求主要是a标签的href1 外链的跳转，修改为自己的网址2 相对路径跳转，不做修改3 # 或者 javascript:;不做修改确定了这些，接下来就好做了，原本是计划写一个正则，直接匹配a标签的内容，将这几个条件去除掉，但是正则功力有限，加上想到了前两天写的小爬虫，决定用node试一试，...
2019-10-24 13:32:31
717
原创 Vue-element-admin升级ui版本
随着项目需求越来越多，vue-admin-element的低版本ui，有点难以满足需求，于是开始研究项目的ui版本升级，但是在网上并没有找到类似的例子，还是记录下来升级过程，看能否帮助一些小伙伴们。1. 开始更新element版本，我的需求在[email protected]基本已经满足，所以暂时定了这个版本，更新完之后，运行正常，顺利的看到这个：打开浏览器之后，却发现一直转圈圈，漫长的...
2019-09-24 21:46:29
6594
2
原创 设计模式初探：观察者模式，实现微信公众号返回事件的监听。
最近看到了技术公众号的推送文章，js的几大设计模式，闷着头看了一下。阅读大佬们的文章总是很有收货。用科学的方法来设计一个页面逻辑。比自己瞎摸索快速的多。先是仿着写了一个demo，后来碰到问题需要写一写逻辑，也算是刚好用的上。什么是观察者模式？Observer模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态。Observer模式提供给关联...
2019-09-19 22:40:11
298
原创 el-table+el-popover 踩坑记录
项目需求，要求点击table后边的操作按钮，弹出修改框。但是又不是大弹框，设计的是带箭头的小弹框，于是想到了el-popover。但是碰到了坑，将解决过程记录下来问题树形table问题popover的取消问题...
2019-07-24 17:39:38
13327
7
原创 element-ui Cascader级联选择框 回显问题
element的Cascader，好用是好用。但是，对于后台接口只保存了选中那一项的数据来说，回显来说是个问题。问题级联框回显解決解决回显问题，首先要了解回显的要求， api并没有对value格式有要求，但是我一般用数组盛放，所以我的格式是：[1,2,3,4]，这种，选择完成后是每一级选择的value，但是要保存的不一定是全部，可能只是数组最后一位，比如省市级这种，可能最后只要...
2019-07-12 15:04:44
16326
7
原创 element-ui 表格第一列随滚动自动吸顶
最近项目需求：表格中的第一列在滚动的时候，要随着页面的滚动儿滚动。纠结了半天，解决了。记录下来，看能否给碰到类似问题的朋友，提供一些思路。效果图问题表格头部的合并标题随滚动而滚动解决表格基于element-ui，所以先查看的文档，数据结构刚开始是一...
2019-07-12 11:53:39
4556
4
原创 element-ui $notify自定义html 和点击事件
最近公司需求，循环查询后台日志，有新数据弹出提示，效果类似$notify的样式，然后踩了一些坑，这里记录下，帮助一些朋友。问题可以弹出，但是自定义的内容无法自定义事件。比如相加一个button按钮，却无法对这个button监听点击事件。后台查询并不会返回新增的日志，而是将所有的日志返回，需要前端对内容判断，确定哪些东西是新增，哪些是之前就有的日志。新增的就弹出，之前有的就不用动。解...
2019-07-11 21:25:46
10577
6
原创 vue + echars 地图缩放切换数据与动态formatter数据展示
项目中最近碰到了一个复杂的效果，说是复杂其实难度主要在于我对echars的不熟悉导致的。算是摸着石头过河，分享一下解决经验。效果图分析1.地图缩放，echars的数据要修改查询文档发现可以通过监听echart的‘bmaproam’事件，能知道用户执行了缩放与拖拽，没有查询到缩放相关的事件，所以只能曲线救国了，监听到缩放之后通过chart示例，获取到当前缩放等级，然后在与变量中存储的上...
2019-06-26 16:38:46
1135
1
原创 git切换远程关联分支
切换远程仓库先将所有分支拉下git pull删除之前关联的远程分支git remote remove <远程仓库名称>关联新的远程仓库git remote add <远程仓库名称> <远程仓库地址>设置本地分支追踪远程分支git branch --set-upstream-to=<远程主机名>/<远程分支名> <...
2019-05-16 11:20:12
4499
原创 仿网易云轮播图，jq+boot轮播
下了班，放松时间听歌时，发现网易云的轮播图挺好玩，挺简单的一个轮播图，很久之前自己尝试着写过，但是没有成功。今天把坑补上吧。原效果图：直接上代码吧：/* option{ DOM : 对应元素 animaterTimer 动画过度时间 intervalTime 图片切换时间 imgList : [img1,img2] aroundBtn 左右按...
2018-08-08 13:22:31
2180
原创 h5 拖拽上传，仿bootstarp fileinput样式
背景： 项目中需求上传文件，因为之前用过bootstarp的Fileinput，所以选择了这个插件，可是在预览excal，的时候发现了问题，别的文件都正常预览，到了excal结果乱码。各种百度没有解决问题，想了半天决定自己写一个上传插件（项目功能比较简单，只接受excal）顺便练练手h5 API 这里碰到了一个坑：$("#fileLabel").on("dragenter",funct...
2018-07-13 16:49:26
852
原创 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
812
1
原创 批量修改本地文件.bat命令使用与node.js批量修改文件
小仙女项目多种因素导致需要批量修改文件，百度了解了bat命令，便捷的操作本地文件，于是学习一下，博客当做记录文档，方便以后查看。
2018-06-27 12:34:21
1038
1
原创 为bootStarp添加自己的字体图标
前言：项目使用的bootstarp，做某些组件的时候图标不够用，然后添加了阿里的iconfont图标。挺好用的放个链接iconfont官网。不理解字体的原理，然后今天工作做完之后，抽空研究了一下。看了好多字体的使用，发现基本都是通过css3的@font-face添加字体文件（关于@font-face，可以看看张鑫旭大牛的博客： 张鑫旭真正了解CSS3背景下的@font face规则...
2018-05-30 11:33:59
1249
原创 laydate初始化多个闪退问题
前言：项目中碰到初始化多个laydate的闪退问题，百度加上问朋友，算是解决了。记录下来希望能帮助到别人。 laydate官网http://www.layui.com/laydate/changelog.html github地址https://github.com/sentsin/laydate 项目中使用的laydate5.0版本；下边回到正题： 点击添加流水生...
2018-05-25 17:20:13
3804
1
原创 jqWEUI对图片压缩并上传
jqWEUI样式，加图片上传到页面并预览1、首先介绍下背景：项目最近更新，增加了些功能，其中用到了上传图片。由于是微信端而且用到了WEUI，去jqWEUI官网翻了翻，找到了一些挺实用的样式，但是没有对应的js组件。于是决定自己搞一个，由于功能比较简单所以可能考虑的不是很全面，程序吗，肯定会有bug，先把目前的样式贴出来：效果如上，选择图片点击打开，预览出展示当前选择的图片。再次点击预览图片放大到全...
2018-05-10 15:39:49
4054
12
原创 jquery 利用canvas做一个验证码
jquery 通过canvas做一个简单地验证码1.今天工(xian)作(de)忙(dan)完(teng)，看到了项目正在用的一个验证码功能，一直一来是调用api接口返回的图片，突发奇想，也是练练手好久没用canvas，然后趁着前几天刚看的es6语法。几个融合到一起 写了一个小功能的验证码，效果如图:2.分析需求 1：生成一个带有数字，英文的验证码 2：点击可以刷新验证码3.思路 ...
2018-04-26 17:34:14
1185
4
原创 canvas配合js面向对象编程实现点击分割效果
canvas配合js面向对象编程实现点击鼠标分割div的效果 是前段时间老铁的一道面试题，觉得挺有意思，昨天有空拿着练练手，顺便复习了下canvas，效果图： 需求分析： 1.点击div任意地方将div分割开，分割规律为上下分割和左右分割交替进行，1次分割成2块，2次4块，三次8块~~~ 思路： 1.左右和上下分割实际上相同，只...
2018-04-10 15:25:41
484
2
原创 使用原生js封装一套ajax并设置token的函数
1.起源是老的方法在遇到新需求时有些不足，在老方法的基础上做了封装。 一直说使用框架要学会看底层代码！看底层代码！看底层代码！重要的事情说三遍。这次整合方法把项目的底层翻了一遍，杂七杂八的看的头蒙。老前辈的思路也是6到不行，半蒙半醒ing~ 不多说 直接上代码： 1.分析需求： 1没有token时直接发送，有token时需要设置请求头. 2返回的token信...
2018-04-10 15:08:22
2728
原创 鼠标hover父级添加overflow，弹出框被隐藏问题。
1.老铁碰到问题，发到群里边。类似于二级联动下拉列表，由于需求改变，要求一级下拉列表添加滚动条，乍一听没毛病，一个overflow就解决的问题。然后聊着聊着发现了问题先发下原始图：效果图如下：html代码：主要问题：给父元素添加overflow：scroll，子元素的弹出框会受影响。效果做完之后滚动条会影响效果，鼠标在经过滚动条移动到右侧弹出框，弹出框直接消失。各种百度发现overflow影响的是...
2018-03-08 15:35:50
5083
原创 zTree能选择和模糊查询的树形插件
项目之前用到了zTree，近期由于需求改变，需要增加搜索功能。翻了翻官方api与大神的博客。总算是把问题解决，记录一下方便日后查找。zTree官网：http://http://www.treejs.cn/v3/main.php#_zTreeInfo效果图：简单分析下需求： 点击打开属性插件 可以根据输入的值，模糊搜索出对应选项 删除输入内容，展示全部选项直接粘上代码：html代码...
2018-03-07 16:46:52
2169
2
原创 chrome调用页面打印
js代码调用chrome打印之前代码写过打印，结果太长没有记录导致这次找的时候非常麻烦。写篇博客记录一下。1. 页面可以直接调用，如下打印用起来比较方便，chrome自带的打印工具。但是这个自带打印会默认选中全部内容。整个html上边所有代码，打印结果有点丑，百度了一下，分享一下大神们的代码：//开始和结束以注释的方式插入到html页面上 js部分bdht
2018-01-31 09:10:59
12529
1
转载 js 字符串时间与时间戳相互转换
// 获取当前时间戳(以s为单位)var timestamp = Date.parse(new Date());timestamp = timestamp / 1000;//当前时间戳为：1403149534console.log("当前时间戳为：" + timestamp);// 获取某个时间格式的时间戳var stringTime = "2014-07-10 10:21:12";
2018-01-26 18:20:04
5082
原创 jq-weui滚动刷新，日历，和地址选择器
最近工作方面的原因，接触到了微信公众号。然后网上找资料发现了jq-weui这个框架，觉得特别不错，分享一下下载jq-weui点击这里下载jquery-weui，这里一定要注意下载的版本。因为有些功能是只有新版本支持，老版本会出一些bug。之前就是被这个地方坑了，前任前端下载的jquery-weui.js与weui.css的版本对应不上，生成的代码class与css文件中的对应不上（我的是_与-的区
2017-12-15 10:55:08
5698
原创 微信公众号定位用户所在位置
微信公众号定位用户所在位置最近由于项目的原因，涉及到了微信公众号，看了几天文档加上问了问同事，对这个玩意有一点了解，写一下微信公众号定位的方法，记一下以后方便用。//获取code var url = location.href.split('#')[0]; var area=getUrlParams("area"); if(!area){ //获取sign
2017-12-07 10:40:16
7048
空空如也
canvas绘制视频在x5内核中不显示
2018-10-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人